:root{--color-bg: #0D0B08;--color-surface: #181310;--color-surface-2: #221A13;--color-amber: #E8921C;--color-amber-dark: #B86E10;--color-amber-light: #F5C060;--color-amber-soft: rgba(232, 146, 28, .13);--color-amber-glow: rgba(232, 146, 28, .28);--color-text: #EAD5A8;--color-text-muted: #9C7E5A;--color-border: #4A3420;--color-border-lit: #6A4E30;--color-white: #FFFFFF;--color-danger: #C0392B;--font-display: "Bebas Neue", "Impact", sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-body: "DM Sans", "Helvetica Neue", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-weight:400;color:var(--color-text);background-color:var(--color-bg);line-height:1.5;min-height:100dvh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px;background-repeat:repeat;mix-blend-mode:overlay}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}#app{display:flex;flex-direction:column;min-height:100dvh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px;padding:0 var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:500;letter-spacing:.01em;transition:background .15s,box-shadow .15s,transform .1s,opacity .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--color-amber);color:#0d0b08;font-weight:600;box-shadow:0 0 20px var(--color-amber-glow)}.btn-primary:hover:not(:disabled){background:var(--color-amber-light);box-shadow:0 0 28px var(--color-amber-glow)}.btn-secondary{background:transparent;color:var(--color-amber);border:1.5px solid var(--color-amber-dark)}.btn-secondary:hover:not(:disabled){border-color:var(--color-amber);background:var(--color-amber-soft)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-danger{background:transparent;color:var(--color-danger);border:1.5px solid rgba(192,57,43,.5)}.btn-danger:hover:not(:disabled){background:#c0392b1f;border-color:var(--color-danger)}.btn-danger-fill{background:var(--color-danger);color:var(--color-white)}.btn-danger-fill:hover:not(:disabled){background:#a93226}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.form-input,.form-select,.form-textarea{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;color:var(--color-text);transition:border-color .15s,box-shadow .15s;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted);opacity:.6}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-amber-dark);box-shadow:0 0 0 3px var(--color-amber-soft),0 0 12px var(--color-amber-soft)}.form-textarea{min-height:96px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B5840' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-xl);cursor:pointer}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.chip{display:inline-flex;align-items:center;padding:4px var(--space-md);background:var(--color-amber-soft);color:var(--color-amber-light);border:1px solid rgba(232,146,28,.2);border-radius:var(--radius-xl);font-size:.8125rem;font-weight:500;letter-spacing:.01em}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--color-text-muted)}.empty-state-icon{font-size:3rem;opacity:.25}.spinner{width:32px;height:32px;border:2px solid var(--color-border-lit);border-top-color:var(--color-amber);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:200px}.msg-error{padding:var(--space-sm) var(--space-md);background:#c0392b1a;border:1px solid rgba(192,57,43,.3);border-radius:var(--radius-sm);color:#e57b70;font-size:.875rem}.msg-warning{padding:var(--space-sm) var(--space-md);background:var(--color-amber-soft);border:1px solid rgba(232,146,28,.25);border-radius:var(--radius-sm);color:var(--color-amber);font-size:.875rem}.page{flex:1;display:flex;flex-direction:column;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}.page-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.page-title{font-family:var(--font-display);font-size:2rem;letter-spacing:.04em;color:var(--color-text);line-height:1}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0;transition:border-color .15s,color .15s}.back-btn:hover{border-color:var(--color-amber-dark);color:var(--color-amber)}