:root{--bg-void: #04040a;--bg-deep: #080810;--bg-surface: #0e0e18;--bg-raised: #14141f;--bg-card: #0a0a14;--gold: #c9a84c;--gold-bright: #e0c070;--gold-dim: #5c4820;--gold-glow: rgba(201,168,76,.08);--gold-glow-md: rgba(201,168,76,.15);--corruption: #1a5c4c;--corruption-hi: #3a9e72;--corruption-dim: #0f3328;--corruption-glow: rgba(58,158,114,.08);--blood: #3d0808;--gore: #c44d28;--danger: #c44d28;--fire: #e07032;--verified: #5a9e6a;--warning: #c9a84c;--info: #5a9ec4;--text-hi: #ece4d0;--text-mid: #8a8270;--text-lo: #4a443a;--text-lore: #b8a88a;--text-accent: #c9a84c;--border: #1a1820;--border-worn: #2a2830;--border-gold: #3c3010;--border-ornate: #4a3818;--card-frame-tl: "╔";--frame-color: rgba(201,168,76,.25);--frame-shadow: 0 0 0 1px rgba(201,168,76,.08), 0 0 30px rgba(0,0,0,.8);--rarity-normal: #c8c8c8;--rarity-magic: #8888ff;--rarity-rare: #ffff77;--rarity-unique: #af6025;--rarity-corrupt: #d20000;--font-display: "Cinzel", serif;--font-display-d:"Cinzel Decorative", serif;--font-body: "Crimson Pro", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--radius: 3px;--radius-sm: 2px;--radius-card: 4px;--sidebar-w: 264px;--header-h: 52px;--max-content: 860px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10:40px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-snap: cubic-bezier(.34, 1.56, .64, 1);--ribbon-bg: linear-gradient( 180deg, #3a2e14 0%, #2a2010 35%, #1a1608 100% );--ribbon-border-top: #6a5a30;--ribbon-border-bottom: #1a1608;--ribbon-text-shadow: 0 1px 2px rgba(0,0,0,.8), 0 0 20px rgba(201,168,76,.2);--btn-metal-gold: linear-gradient( 180deg, rgba(201,168,76,.25) 0%, rgba(201,168,76,.12) 40%, rgba(201,168,76,.06) 100% );--btn-metal-gold-hover: linear-gradient( 180deg, rgba(201,168,76,.35) 0%, rgba(201,168,76,.18) 40%, rgba(201,168,76,.1) 100% );--btn-metal-stone: linear-gradient( 180deg, rgba(138,130,112,.15) 0%, rgba(138,130,112,.06) 40%, rgba(74,68,58,.04) 100% );--btn-bevel: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.3);--grain-heavy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");--frame-border: rgba(201,168,76,.2);--frame-border-hover: rgba(201,168,76,.35);--frame-inner-border: rgba(201,168,76,.07);--frame-inner-shadow: inset 0 0 30px rgba(0,0,0,.4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--bg-void);color:var(--text-hi);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--grain-heavy),var(--grain),radial-gradient(ellipse 80% 60% at 50% 0%,rgba(201,168,76,.03) 0%,transparent 60%),radial-gradient(ellipse 100% 100% at 0% 100%,rgba(26,92,76,.04) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 100% 0%,rgba(196,77,40,.03) 0%,transparent 50%)}#app{height:100%;position:relative}#app:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:9999}a{color:var(--gold);text-decoration:none;transition:color .15s}a:hover{color:var(--gold-bright);text-decoration:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-worn);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}:focus-visible{outline:1px solid var(--gold-dim);outline-offset:2px}::selection{background:#c9a84c2e;color:var(--text-hi)}h1{font-family:var(--font-display-d);font-size:clamp(20px,3vw,28px);color:var(--gold-bright);letter-spacing:.08em;text-shadow:0 0 30px rgba(201,168,76,.3)}h2{font-family:var(--font-display);font-size:clamp(15px,2.2vw,20px);color:var(--gold);letter-spacing:.06em}h3,h4{font-family:var(--font-display);font-size:14px;color:var(--gold);letter-spacing:.04em}.ornament-divider{position:relative;text-align:center;margin:var(--space-4) 0;height:1px;background:linear-gradient(90deg,transparent,var(--border-ornate) 20%,var(--gold-dim) 50%,var(--border-ornate) 80%,transparent)}.ornament-divider:before{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);color:var(--gold-dim);font-size:10px;background:var(--bg-void);padding:0 6px}.ribbon{position:relative;background:var(--ribbon-bg);border-top:1px solid var(--ribbon-border-top);border-bottom:1px solid var(--ribbon-border-bottom);padding:var(--space-2) var(--space-6);text-align:center;box-shadow:0 2px 8px #00000080,inset 0 1px #c9a84c1a}.ribbon:before,.ribbon:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:20px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim))}.ribbon:before{left:var(--space-3)}.ribbon:after{right:var(--space-3);background:linear-gradient(90deg,var(--gold-dim),transparent)}.ribbon h2,.ribbon h3,.ribbon span{font-family:var(--font-display);font-size:12px;letter-spacing:.14em;color:var(--gold-bright);text-shadow:var(--ribbon-text-shadow);text-transform:uppercase;margin:0}.card-frame{position:relative;background:var(--bg-card);border:1px solid var(--frame-border);border-radius:var(--radius-card);box-shadow:var(--frame-inner-shadow),0 4px 20px #0006;padding:var(--space-5)}.card-frame:before{content:"";position:absolute;inset:3px;border:1px solid var(--frame-inner-border);border-radius:2px;pointer-events:none}.card-frame:after{content:"";position:absolute;inset:0;border-radius:var(--radius-card);pointer-events:none;background:linear-gradient(to right,var(--frame-border),transparent 20px) no-repeat 0 0 / 20px 1px,linear-gradient(to bottom,var(--frame-border),transparent 20px) no-repeat 0 0 / 1px 20px,linear-gradient(to left,var(--frame-border),transparent 20px) no-repeat 100% 0 / 20px 1px,linear-gradient(to bottom,var(--frame-border),transparent 20px) no-repeat 100% 0 / 1px 20px,linear-gradient(to right,var(--frame-border),transparent 20px) no-repeat 0 100% / 20px 1px,linear-gradient(to top,var(--frame-border),transparent 20px) no-repeat 0 100% / 1px 20px,linear-gradient(to left,var(--frame-border),transparent 20px) no-repeat 100% 100% / 20px 1px,linear-gradient(to top,var(--frame-border),transparent 20px) no-repeat 100% 100% / 1px 20px}.card-frame:hover{border-color:var(--frame-border-hover)}.lore-text{font-family:var(--font-body);font-style:italic;color:var(--text-lore);font-size:13px;line-height:1.7;letter-spacing:.01em}.name-normal{color:var(--rarity-normal)}.name-magic{color:var(--rarity-magic)}.name-rare{color:var(--rarity-rare)}.name-unique{color:var(--rarity-unique)}.name-corrupt{color:var(--rarity-corrupt)}code{font-family:var(--font-mono);font-size:.84em;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--info)}pre{font-family:var(--font-mono);font-size:12px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);overflow-x:auto;color:var(--text-mid);line-height:1.5}hr{border:none;border-top:1px solid var(--border-ornate);margin:var(--space-4) 0;opacity:.5}blockquote{border-left:2px solid var(--gold-dim);padding-left:var(--space-4);color:var(--text-lore);font-style:italic;font-family:var(--font-body)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes goldPulse{0%,to{box-shadow:0 0 #c9a84c00}50%{box-shadow:0 0 12px #c9a84c33}}@keyframes corruptionFlicker{0%,to{opacity:1}50%{opacity:.7}}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-void);padding:var(--space-6)}.onboarding__step{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);animation:fadeInUp .25s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding__logo{color:var(--gold);filter:drop-shadow(0 0 24px rgba(201,168,76,.5))}.onboarding__logo svg{width:56px;height:56px}.onboarding__title{font-family:var(--font-display);font-size:20px;letter-spacing:.2em;color:var(--gold);text-align:center;text-shadow:0 0 40px rgba(201,168,76,.3)}.onboarding__lore{font-family:var(--font-body);font-size:13px;font-style:italic;color:var(--text-lo);text-align:center;max-width:320px;line-height:1.5}.onboarding__divider{display:flex;align-items:center;gap:10px;width:100%;max-width:320px}.onboarding__divider span:not(.divider-gem){flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-worn),transparent)}.divider-gem{font-size:8px;color:var(--corruption);opacity:.7}.onboarding__subtitle{font-family:var(--font-body);font-size:14px;color:var(--text-mid);font-style:italic;text-align:center}.onboarding__question{font-size:14px;color:var(--text-mid);text-align:center}.onboarding__back{align-self:flex-start;font-size:12px;color:var(--text-lo);cursor:pointer;transition:color .15s}.onboarding__back:hover{color:var(--gold)}.onboarding__cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:100%}.identity-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-worn);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;text-align:center;position:relative;overflow:hidden}.identity-card:before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;border-top:1px solid var(--gold-dim);border-left:1px solid var(--gold-dim);opacity:.5;transition:opacity .2s}.identity-card:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:1px solid var(--gold-dim);border-right:1px solid var(--gold-dim);opacity:.5;transition:opacity .2s}.identity-card:hover{border-color:var(--gold-dim);background:var(--bg-raised);transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 0 1px var(--gold-dim)}.identity-card:hover:before,.identity-card:hover:after{opacity:1}.identity-card__icon{color:var(--gold);filter:drop-shadow(0 0 8px rgba(201,168,76,.3))}.identity-card__icon svg{width:28px;height:28px}.identity-card__title{font-family:var(--font-display);font-size:13px;color:var(--gold);letter-spacing:.05em}.identity-card__desc{font-size:11px;color:var(--text-mid)}.level-pills{display:flex;gap:var(--space-2)}.level-pill{padding:var(--space-1) var(--space-4);background:transparent;border:1px solid var(--border-worn);border-radius:2px;font-size:11px;font-family:var(--font-display);letter-spacing:.05em;color:var(--text-lo);cursor:pointer;transition:all .15s}.level-pill:hover{border-color:var(--gold-dim);color:var(--text-mid)}.level-pill.active{background:var(--gold-glow);border-color:var(--gold-dim);color:var(--gold);text-shadow:0 0 10px rgba(201,168,76,.3)}.import-tabs{display:flex;gap:var(--space-2);width:100%}.import-tab{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-worn);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-display);letter-spacing:.04em;color:var(--text-lo);cursor:pointer;transition:all .15s}.import-tab:hover{border-color:var(--gold-dim);color:var(--text-mid)}.import-tab.active{background:var(--gold-glow);border-color:var(--gold-dim);color:var(--gold)}.import-panel{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.import-panel.hidden{display:none}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:border-color .2s}.drop-zone.drag-over{border-color:var(--gold);background:var(--gold-glow)}.drop-zone__text{font-size:14px;color:var(--text-mid)}.drop-zone__sub{font-size:12px;color:var(--text-lo)}.xml-textarea{width:100%;height:100px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-hi);font-family:var(--font-mono);font-size:11px;padding:var(--space-3);resize:vertical;outline:none;transition:border-color .15s}.xml-textarea:focus{border-color:var(--gold-dim)}.field-label{font-size:12px;color:var(--text-mid);align-self:flex-start}.field-hint{font-size:11px;color:var(--text-lo)}.field-hint a{color:var(--gold)}.text-input{width:100%;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-hi);font-size:14px;padding:var(--space-3) var(--space-4);outline:none;transition:border-color .15s}.text-input:focus{border-color:var(--gold-dim)}.import-error{font-size:12px;color:var(--danger);min-height:16px}.import-success{font-size:13px;color:var(--verified)}.btn-primary{width:100%;padding:var(--space-3) var(--space-6);background:var(--btn-metal-gold);border:1px solid var(--gold-dim);border-radius:var(--radius-sm);color:var(--gold-bright);font-family:var(--font-display);font-size:12px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;box-shadow:var(--btn-bevel),0 2px 6px #0000004d}.btn-primary:hover{background:var(--btn-metal-gold-hover);border-color:var(--gold);box-shadow:var(--btn-bevel),0 0 16px #c9a84c26,0 4px 12px #0000004d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0006}.btn-ghost{width:100%;padding:var(--space-2) var(--space-4);background:var(--btn-metal-stone);border:1px solid var(--border-worn);border-radius:var(--radius);color:var(--text-mid);font-size:12px;font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;transition:all .15s;box-shadow:var(--btn-bevel)}.btn-ghost:hover{border-color:var(--gold-dim);color:var(--gold);box-shadow:var(--btn-bevel),0 0 8px #c9a84c14}.character-list{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.character-list.hidden{display:none}.char-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}.char-btn:hover{border-color:var(--gold-dim);background:var(--bg-raised)}.char-name{font-size:14px;color:var(--gold);font-family:var(--font-display)}.char-meta{font-size:11px;color:var(--text-mid)}.apikey-section{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.chat{display:flex;height:100vh;background:var(--bg-void);overflow:hidden}.chat__sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-deep);border-right:1px solid var(--frame-border);display:flex;flex-direction:column;padding:0;gap:0;box-shadow:inset -8px 0 20px #0000004d;background-image:var(--grain)}.chat__sidebar-header{background:var(--ribbon-bg);border-bottom:1px solid var(--ribbon-border-top);padding:var(--space-3) var(--space-4);box-shadow:0 2px 8px #0006,inset 0 1px #c9a84c14}.chat__brand{font-family:var(--font-display);font-size:12px;letter-spacing:.12em;color:var(--gold-bright);text-shadow:var(--ribbon-text-shadow);display:flex;align-items:center;gap:var(--space-2)}.chat__brand svg{filter:drop-shadow(0 0 6px rgba(201,168,76,.4))}.chat__mode-chips{display:flex;flex-direction:column;gap:0;padding:var(--space-2) 0}.mode-chip{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-left:2px solid transparent;color:var(--text-mid);font-size:13px;font-family:var(--font-body);text-align:left;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:var(--space-2)}.mode-chip svg{flex-shrink:0}.mode-chip:hover{background:#c9a84c08;color:var(--gold)}.mode-chip.active{background:#c9a84c0f;border-left-color:var(--gold);color:var(--gold-bright)}.chat__sidebar-divider{height:1px;margin:var(--space-2) var(--space-4);background:linear-gradient(90deg,transparent,var(--border-ornate) 30%,var(--gold-dim) 50%,var(--border-ornate) 70%,transparent)}.chat__build-summary{flex:1;padding:var(--space-3) var(--space-4)}.build-summary{padding:var(--space-3);background:var(--bg-card);border:1px solid var(--frame-border);border-radius:var(--radius);box-shadow:var(--frame-inner-shadow)}.build-summary__title{font-family:var(--font-display);font-size:10px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.build-summary__skill{font-size:12px;color:var(--text-hi);margin-bottom:var(--space-2)}.build-summary__stats{display:flex;gap:var(--space-3);font-size:11px;color:var(--text-mid);margin-bottom:var(--space-1)}.build-summary__res{font-size:10px;color:var(--text-lo)}.sidebar-hint{font-size:11px;color:var(--text-lo);font-style:italic}.chat__sidebar-footer{border-top:1px solid var(--border-ornate);padding:var(--space-3) var(--space-4)}.sidebar-link{font-size:12px;color:var(--text-lo);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.sidebar-link:hover{color:var(--gold)}.chat__main{flex:1;display:flex;flex-direction:column;min-width:0}.chat__messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.chat__welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60vh}.welcome-icon{color:var(--gold);filter:drop-shadow(0 0 24px rgba(201,168,76,.5))}.welcome-icon svg{width:48px;height:48px}.welcome-title{font-family:var(--font-display-d);font-size:22px;color:var(--gold-bright);letter-spacing:.1em;text-shadow:0 0 40px rgba(201,168,76,.3)}.welcome-sub{font-size:14px;color:var(--text-lore);font-style:italic;text-align:center;max-width:420px}.quick-prompts{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-3);max-width:560px}.quick-prompt{padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--frame-border);border-radius:var(--radius);font-size:13px;color:var(--text-mid);cursor:pointer;transition:all .2s;box-shadow:var(--frame-inner-shadow)}.quick-prompt:hover{border-color:var(--gold-dim);color:var(--gold);box-shadow:var(--frame-inner-shadow),0 0 12px #c9a84c1a;transform:translateY(-1px)}.message{display:flex;gap:var(--space-3);animation:fadeInUp .2s ease;max-width:var(--max-content);width:100%;align-self:flex-start}.message--user{align-self:flex-end;flex-direction:row-reverse}.message__avatar{font-size:18px;flex-shrink:0;padding-top:2px;filter:drop-shadow(0 0 8px rgba(201,168,76,.3))}.message__content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);font-size:14px;line-height:1.7;color:var(--text-hi);max-width:680px}.message__content--user{background:var(--gold-glow);border-color:var(--gold-dim);color:var(--text-hi);border-radius:var(--radius)}.thinking{display:flex;gap:5px;padding:14px var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center}.thinking span{width:6px;height:6px;background:var(--gold-dim);border-radius:50%;animation:blink 1.2s infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.md-h1{font-size:16px;color:var(--gold);margin-bottom:8px}.md-h2{font-size:15px;color:var(--gold-bright);margin:12px 0 6px}.md-h3{font-size:14px;color:var(--text-hi);margin:8px 0 4px}.md-p{margin:6px 0}.md-ul{padding-left:0;list-style:none;margin:6px 0}.md-li{margin:4px 0;padding-left:16px;position:relative}.md-li:before{content:"·";position:absolute;left:4px;color:var(--gold-dim)}.badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:12px;font-weight:600}.badge--critical{background:#c44d2826;color:var(--danger);border:1px solid rgba(196,77,40,.3)}.badge--important{background:#c9a84c26;color:var(--gold);border:1px solid var(--gold-dim)}.badge--mejora{background:#5a9e6a26;color:var(--verified);border:1px solid rgba(90,158,106,.3)}.badge--safe{color:var(--verified)}.badge--warn{color:var(--warning)}.badge--unknown{color:var(--info)}.code-block{background:var(--bg-deep)!important;border:1px solid var(--border)!important;margin:8px 0!important;position:relative}.code-block:before{content:attr(data-lang);position:absolute;top:4px;right:8px;font-size:10px;color:var(--text-lo)}.chat__input-area{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);padding-bottom:var(--space-5);border-top:1px solid var(--frame-border);background:var(--bg-deep);align-items:flex-end;background-image:var(--grain)}.chat__input{flex:1;background:var(--bg-card);border:1px solid var(--frame-border);border-radius:var(--radius);color:var(--text-hi);font-family:var(--font-body);font-size:14px;padding:var(--space-3) var(--space-4);resize:none;outline:none;min-height:44px;max-height:120px;transition:border-color .15s,box-shadow .15s;line-height:1.5;box-shadow:var(--frame-inner-shadow)}.chat__input:focus{border-color:var(--gold-dim);box-shadow:var(--frame-inner-shadow),0 0 8px #c9a84c1a}.chat__input::placeholder{color:var(--text-lo)}.chat__send{width:44px;height:44px;background:var(--btn-metal-gold);border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--gold-bright);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;box-shadow:var(--btn-bevel),0 2px 6px #0000004d}.chat__send:hover{background:var(--btn-metal-gold-hover);border-color:var(--gold);box-shadow:var(--btn-bevel),0 0 12px #c9a84c26;transform:translateY(-1px)}.chat__send:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0006}.chat__status{padding:4px var(--space-6);font-size:10px;color:var(--text-lo);letter-spacing:.05em;text-align:right;opacity:0;transition:opacity .3s;pointer-events:none}.atlas-stepper{background:var(--bg-card);border:1px solid var(--frame-border);border-radius:var(--radius);padding:var(--space-3);margin:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--frame-inner-shadow)}.atlas-stepper__header{display:flex;align-items:center;justify-content:space-between}.atlas-stepper__title{font-family:var(--font-display);font-size:10px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-2)}.atlas-stepper__refresh{background:transparent;border:none;color:var(--text-lo);cursor:pointer;font-size:14px;padding:0 4px;transition:color .15s,transform .3s}.atlas-stepper__refresh:hover{color:var(--gold);transform:rotate(180deg)}.atlas-stepper__voidstones{display:grid;grid-template-columns:1fr 1fr;gap:4px}.voidstone{display:flex;align-items:center;justify-content:center;height:28px;background:var(--bg-deep);border:1px solid var(--border);border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s;color:var(--text-lo);user-select:none}.voidstone:hover{border-color:var(--gold-dim);color:var(--gold-dim)}.voidstone--placed{background:#1a5c4c40;border-color:var(--corruption);color:var(--corruption);box-shadow:0 0 6px #1a5c4c4d}.atlas-stepper__next{padding-top:var(--space-1)}.atlas-next__label{font-size:10px;color:var(--text-lo);font-style:italic;text-align:center}.atlas-next__label--error{color:var(--danger)}.atlas-next__action{font-size:11px;color:var(--text-hi);line-height:1.4;margin-bottom:4px}.atlas-next__boss{font-size:10px;color:var(--text-mid);margin-bottom:var(--space-2)}.atlas-next__boss strong{color:var(--gold)}.atlas-ask-btn{width:100%;padding:var(--space-1) var(--space-2);background:var(--gold-glow);border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--gold);font-size:10px;cursor:pointer;transition:all .15s;text-align:center}.atlas-ask-btn:hover{background:#c9a84c33;border-color:var(--gold)}.guide-viewer{max-width:var(--max-content);margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.guide-viewer__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);color:var(--text-lo)}.loading-orb{font-size:32px;animation:pulse-glow 1.5s ease infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(201,168,76,.2))}50%{filter:drop-shadow(0 0 24px rgba(201,168,76,.6))}}.guide-viewer__error{padding:var(--space-6);color:var(--danger);text-align:center}.gv-header{border-bottom:1px solid var(--border-worn);padding-bottom:var(--space-6)}.gv-title{font-family:var(--font-display);font-size:22px;color:var(--gold);letter-spacing:.1em;text-shadow:0 0 24px rgba(201,168,76,.2);margin-bottom:var(--space-2)}.gv-subtitle{font-size:14px;color:var(--text-mid);font-style:italic;margin-bottom:var(--space-4)}.gv-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.gv-meta-chip{padding:2px 10px;background:var(--bg-surface);border:1px solid var(--border-worn);border-radius:var(--radius-sm);font-size:11px;color:var(--text-mid);font-family:var(--font-display);letter-spacing:.04em}.gv-meta-chip.patch{border-color:var(--corruption-dim);color:var(--corruption)}.gv-video-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-worn);border-radius:var(--radius-sm);font-size:12px;color:var(--gold);font-family:var(--font-display);letter-spacing:.06em;text-decoration:none;transition:border-color .15s}.gv-video-link:hover{border-color:var(--gold-dim)}.gv-prog-banner{padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2)}.gv-prog-banner--clean{background:#5a9e6a12;border-color:#5a9e6a33;flex-direction:row;align-items:flex-start;gap:var(--space-3)}.gv-prog-banner--gaps{background:#c44d280d;border-color:#c44d2833}.gv-prog-next{font-size:13px;color:var(--text-hi);line-height:1.6;font-style:italic}.gv-deviations{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.gv-deviation{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-hi)}.gv-deviation--critical{background:#c44d2814;border-left:2px solid var(--gore)}.gv-deviation--important{background:#c9a84c0f;border-left:2px solid var(--gold-dim)}.gv-deviation-fix{font-size:11px;color:var(--text-mid);font-style:italic;margin-top:2px}.gv-phases{display:flex;flex-direction:column;gap:0;position:relative}.gv-phases:before{content:"";position:absolute;left:19px;top:24px;bottom:24px;width:1px;background:linear-gradient(to bottom,var(--border-worn),transparent);pointer-events:none}.gv-phase{padding:var(--space-5) var(--space-5) var(--space-5) 52px;position:relative;transition:background .15s;border-radius:var(--radius)}.gv-phase--current{background:#c9a84c0a;border:1px solid var(--gold-dim)}.gv-phase-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.gv-phase-indicator{position:absolute;left:12px;top:20px;width:24px;height:24px;background:var(--bg-deep);border:1px solid var(--border-worn);border-radius:2px;display:flex;align-items:center;justify-content:center}.gv-phase--current .gv-phase-indicator{background:var(--gold-glow);border-color:var(--gold-dim)}.gv-phase-num{font-family:var(--font-display);font-size:11px;color:var(--text-lo)}.gv-phase--current .gv-phase-num{color:var(--gold)}.gv-phase-info{flex:1}.gv-phase-title{font-family:var(--font-display);font-size:14px;color:var(--text-mid);letter-spacing:.06em;margin-bottom:2px}.gv-phase--current .gv-phase-title{color:var(--gold-bright)}.gv-phase-level{font-size:11px;color:var(--text-lo);font-family:var(--font-mono)}.you-are-here{font-size:10px;color:var(--corruption);font-family:var(--font-display);letter-spacing:.1em;padding:2px 8px;border:1px solid var(--corruption-dim);border-radius:var(--radius-sm);white-space:nowrap;animation:corruption-pulse 2s ease infinite}@keyframes corruption-pulse{0%,to{opacity:.7;box-shadow:0 0 #3a9e7200}50%{opacity:1;box-shadow:0 0 8px #3a9e7233}}.gv-phase-desc{font-size:13px;color:var(--text-mid);font-style:italic;margin-bottom:var(--space-3);line-height:1.6}.gv-steps{display:flex;flex-direction:column;gap:var(--space-2)}.gv-step{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;transition:all .15s}.gv-step--done{opacity:.5}.gv-step-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:13px;color:var(--text-hi);line-height:1.5}.gv-step-check{accent-color:var(--corruption);flex-shrink:0;margin-top:3px;cursor:pointer}.gv-step-title{flex:1}.gv-step--done .gv-step-title{text-decoration:line-through}.gv-step-desc{font-size:11px;color:var(--text-lo);font-style:italic;margin-top:4px;margin-left:22px;line-height:1.5}.creator-shell{height:100vh;overflow-y:auto;padding:var(--space-6) var(--space-6) 100px;max-width:var(--max-content);margin:0 auto}.creator-guard{height:100vh;display:flex;align-items:center;justify-content:center}.creator-header{margin-bottom:var(--space-8);animation:fadeInUp .3s var(--ease-out)}.creator-header__title{font-family:var(--font-display-d);font-size:clamp(18px,3vw,24px);color:var(--gold-bright);letter-spacing:.08em;text-shadow:0 0 30px rgba(201,168,76,.3);margin:var(--space-3) 0 var(--space-2)}.meta-form{margin-bottom:var(--space-6);animation:fadeInUp .35s var(--ease-out)}.meta-form__title{font-family:var(--font-display);font-size:16px;color:var(--gold);letter-spacing:.06em;margin-bottom:var(--space-2)}.meta-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}.meta-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.meta-form__field--full{grid-column:1 / -1}.meta-form select.text-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a8270'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.meta-form select.text-input:disabled{opacity:.4;cursor:not-allowed}.difficulty-pills{display:flex;gap:var(--space-2)}.tag-input-container{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);min-height:38px;transition:border-color .15s}.tag-input-container:focus-within{border-color:var(--gold-dim)}.tag-input{flex:1;min-width:80px;background:transparent;border:none;color:var(--text-hi);font-size:13px;outline:none}.tag-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--gold-glow);border:1px solid var(--gold-dim);border-radius:2px;font-size:11px;font-family:var(--font-display);letter-spacing:.04em;color:var(--gold)}.tag-pill__remove{background:none;border:none;color:var(--text-lo);font-size:14px;cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}.tag-pill__remove:hover{color:var(--danger)}.phase-editor{display:flex;flex-direction:column;gap:var(--space-4)}.phase-editor__add{align-self:flex-start}.phase-card{position:relative;background:var(--bg-card);border:1px solid var(--frame-border);border-radius:var(--radius-card);box-shadow:var(--frame-inner-shadow),0 2px 10px #0000004d;padding:var(--space-5);transition:all .2s var(--ease-out);animation:fadeInUp .25s var(--ease-out)}.phase-card:hover{border-color:var(--frame-border-hover)}.phase-card__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.phase-card__header-left{display:flex;align-items:center;gap:var(--space-3);flex:1}.phase-card__collapse-icon{font-size:10px;color:var(--text-lo);width:16px;text-align:center;transition:color .15s}.phase-card__label{font-family:var(--font-display);font-size:11px;color:var(--text-mid);letter-spacing:.06em}.phase-card__title-preview{font-size:14px;color:var(--text-hi);font-style:italic}.phase-card__controls{display:flex;gap:var(--space-1)}.phase-card--collapsed{padding:var(--space-3) var(--space-5)}.phase-card__body{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.phase-card__field{display:flex;flex-direction:column;gap:var(--space-1)}.phase-card__field-row{display:flex;gap:var(--space-3)}.phase-card__field--grow{flex:1}.phase-card__field--small{width:120px}.phase-card__cost-input{display:flex;align-items:center;gap:var(--space-2)}.phase-card__cost-input .text-input{width:80px}.phase-card__steps{margin-top:var(--space-2)}.phase-card__steps-title{font-family:var(--font-display);font-size:12px;color:var(--gold);letter-spacing:.06em;margin-bottom:var(--space-3)}.phase-card__add-step{margin-top:var(--space-3);width:auto;align-self:flex-start}.step-row{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-2);transition:border-color .15s,background .15s}.step-row:hover{border-color:var(--border-worn)}.step-row__compact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.step-row__num{font-family:var(--font-mono);font-size:11px;color:var(--text-lo);width:24px;text-align:right}.step-row__title{flex:1;font-size:13px;color:var(--text-hi)}.step-row__controls{display:flex;gap:2px}.step-btn{padding:2px 6px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-lo);font-size:12px;cursor:pointer;transition:all .15s;line-height:1}.step-btn:hover:not(:disabled){border-color:var(--gold-dim);color:var(--gold)}.step-btn:disabled{opacity:.3;cursor:not-allowed}.step-btn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.step-row--editing{border-color:var(--gold-dim);background:var(--bg-deep)}.step-row__expanded{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.step-row__expanded-header{display:flex;justify-content:space-between;align-items:center}.step-row__field{display:flex;flex-direction:column;gap:var(--space-1)}.step-row__field-row{display:flex;gap:var(--space-3)}.step-row__field--half{flex:1}.step-row__body{min-height:80px;resize:vertical;font-family:var(--font-body);font-size:14px;line-height:1.5}.step-row__actions{display:flex;justify-content:flex-end}.publish-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-6);background:var(--ribbon-bg);border-top:1px solid var(--ribbon-border-top);box-shadow:0 -4px 20px #00000080,inset 0 1px #c9a84c14;backdrop-filter:blur(8px)}.publish-bar--dirty{border-top-color:var(--gold);animation:goldPulse 2s ease infinite}.publish-bar__status{display:flex;align-items:center;gap:var(--space-3)}.publish-bar__status-text{font-size:12px;color:var(--text-lo)}.publish-bar__status-text--error{color:var(--danger)}.publish-bar__error-count{font-size:11px;color:var(--danger);font-family:var(--font-mono)}.publish-bar__actions{display:flex;gap:var(--space-3)}.publish-bar__actions .btn-primary,.publish-bar__actions .btn-ghost{width:auto;padding:var(--space-2) var(--space-5)}.draft-banner{margin-bottom:var(--space-4);animation:fadeInUp .3s var(--ease-out)}.draft-banner p{font-size:14px;color:var(--text-hi);margin-bottom:var(--space-3)}.draft-banner__actions{display:flex;gap:var(--space-3)}.draft-banner__actions .btn-primary,.draft-banner__actions .btn-ghost{width:auto}.validation-error{font-size:11px;color:var(--danger);font-family:var(--font-mono)}.field-hint-inline{font-size:10px;color:var(--text-lo);font-style:normal}@media(max-width:640px){.meta-form__grid{grid-template-columns:1fr}.phase-card__field-row,.step-row__field-row{flex-direction:column}.phase-card__field--small{width:100%}.publish-bar{flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.publish-bar__actions{width:100%;justify-content:stretch}.publish-bar__actions .btn-primary,.publish-bar__actions .btn-ghost{flex:1}}.preview-overlay{position:fixed;inset:0;z-index:200;background:#000000d9;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;animation:fadeInUp .2s var(--ease-out)}.preview-header{width:100%;max-width:var(--max-content);display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-6);flex-shrink:0}.preview-badge{font-family:var(--font-display);font-size:11px;letter-spacing:.1em;color:var(--gold);background:var(--gold-glow);border:1px solid var(--gold-dim);padding:var(--space-1) var(--space-3);border-radius:2px}.preview-close{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-lo);font-size:20px;width:36px;height:36px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.preview-close:hover{border-color:var(--gold-dim);color:var(--gold)}.preview-container{flex:1;width:100%;max-width:var(--max-content);overflow-y:auto;padding:0 var(--space-6) var(--space-8)}.youtube-preview{margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-deep);max-width:480px}.youtube-preview iframe{width:100%;aspect-ratio:16 / 9;display:block}.my-guides-shell{padding-bottom:var(--space-8)}.guide-card{margin-bottom:var(--space-4);animation:fadeInUp .25s var(--ease-out)}.guide-card--draft{border-color:var(--gold-dim)}.guide-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.guide-card__title{font-family:var(--font-display);font-size:16px;color:var(--text-hi);letter-spacing:.03em}.guide-card__badge{font-family:var(--font-display);font-size:10px;letter-spacing:.08em;padding:2px 8px;border-radius:2px;flex-shrink:0}.guide-card__badge--published{color:#5fa;background:#55ffaa14;border:1px solid rgba(85,255,170,.2)}.guide-card__badge--unpublished{color:var(--text-lo);background:#8a827014;border:1px solid var(--border)}.guide-card__badge--draft{color:var(--gold);background:var(--gold-glow);border:1px solid var(--gold-dim)}.guide-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.guide-card__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.guide-card__delete{color:var(--text-lo)!important}.guide-card__delete:hover{color:var(--danger)!important;border-color:var(--danger)!important}@media(max-width:640px){.preview-header{padding:var(--space-2) var(--space-3)}.preview-container{padding:0 var(--space-3) var(--space-6)}.youtube-preview{max-width:100%}.guide-card__header{flex-direction:column}.guide-card__actions{justify-content:stretch}.guide-card__actions .btn-ghost,.guide-card__actions .btn-primary{flex:1}}