*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0C0B09;--surface: #161411;--surface-2: #1E1C18;--surface-3: #27241F;--surface-4: #33302A;--gold: #C99A52;--gold-light: #E4C080;--gold-dark: #8A6830;--gold-dim: rgba(201, 154, 82, .08);--gold-border: rgba(201, 154, 82, .18);--gold-border-h: rgba(201, 154, 82, .4);--text: #EDE7DC;--text-2: #9C968D;--text-3: #635E58;--success: #74C48C;--success-bg: rgba(116, 196, 140, .1);--success-border: rgba(116, 196, 140, .22);--danger: #D47F7F;--danger-bg: rgba(212, 127, 127, .1);--danger-border: rgba(212, 127, 127, .22);--warning: #E8B75A;--warning-bg: rgba(232, 183, 90, .1);--warning-border: rgba(232, 183, 90, .22);--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 6px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 9999px;--nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:400;line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh}.page{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px)}.page-no-nav{min-height:100vh;min-height:100dvh}.container{max-width:480px;margin:0 auto;padding:0 var(--sp-4)}h1{font-family:var(--font-serif);font-size:2.2rem;font-weight:400;line-height:1.15}h2{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;line-height:1.2}h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:400;line-height:1.25}.serif{font-family:var(--font-serif)}.gold{color:var(--gold-light)}.muted{color:var(--text-2)}.small{font-size:.8125rem}.tiny{font-size:.75rem}.mono{font-family:SF Mono,Fira Code,monospace;letter-spacing:.04em}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .1s}button:active{opacity:.82;transform:scale(.975)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:48px;padding:0 var(--sp-6);border-radius:var(--r-md);font-size:.9375rem;font-weight:500;letter-spacing:.01em;transition:all .15s;white-space:nowrap}.btn-gold{background:var(--gold);color:#0c0b09}.btn-gold:hover{background:var(--gold-light)}.btn-outline{background:transparent;border:1px solid var(--gold-border);color:var(--gold-light)}.btn-outline:hover{border-color:var(--gold-border-h)}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover{background:var(--surface-3)}.btn-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.btn-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.btn-full{width:100%}.btn-sm{height:36px;padding:0 var(--sp-4);font-size:.875rem}input[type=text],input[type=password],input[type=search]{font-family:var(--font-sans);font-size:1rem;background:var(--surface-2);border:1px solid var(--gold-border);border-radius:var(--r-md);color:var(--text);width:100%;height:48px;padding:0 var(--sp-4);outline:none;transition:border-color .15s;-webkit-appearance:none}input:focus{border-color:var(--gold-border-h)}input::placeholder{color:var(--text-3)}.card{background:var(--surface);border:1px solid var(--gold-border);border-radius:var(--r-lg);padding:var(--sp-4)}.card-elevated{background:var(--surface);border:1px solid var(--gold-border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:0 4px 20px #00000059}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:.75rem;font-weight:500;letter-spacing:.02em}.badge-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.badge-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.badge-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning)}.badge-gold{background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold-light)}.badge-muted{background:var(--surface-3);border:1px solid transparent;color:var(--text-2)}.divider{height:1px;background:var(--gold-border);margin:var(--sp-4) 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-fade-up{animation:fadeUp .28s ease forwards}.anim-fade-in{animation:fadeIn .2s ease forwards}.progress-bar{height:4px;background:var(--surface-3);border-radius:var(--r-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));transition:width .5s ease}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.section-title{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.gold-line{display:block;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:var(--sp-6) 0;opacity:.4}.tab-bar{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.tab-bar::-webkit-scrollbar{display:none}.tab-item{flex-shrink:0;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);font-size:.875rem;font-weight:500;color:var(--text-2);background:transparent;border:1px solid transparent;transition:all .15s}.tab-item.active{background:var(--gold-dim);border-color:var(--gold-border);color:var(--gold-light)}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--text-3)}.empty-icon{font-size:2.5rem;margin-bottom:var(--sp-4);opacity:.4}.toast-container{position:fixed;top:calc(var(--safe-top) + 16px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none;max-width:340px;width:calc(100% - 32px)}.toast{background:var(--surface-3);border:1px solid var(--gold-border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:.9rem;text-align:center;animation:fadeUp .25s ease;box-shadow:0 4px 20px #0006}.toast-success{border-color:var(--success-border);color:var(--success)}.toast-error{border-color:var(--danger-border);color:var(--danger)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.022;pointer-events:none;z-index:0}