:root{--bg:#fff7ea;--surface:#fff;--surface-2:#fff1dc;--text:#2b2240;--muted:#7a7188;--line:#2b2240;--shadow-ink:#2b2240;--shadow-hard:3px 3px 0 var(--shadow-ink);--shadow-hard-sm:2px 2px 0 var(--shadow-ink);--shadow:var(--shadow-hard);--lilac:#c9b8ff;--peach:#ffc6b3;--mint:#c6eedd;--butter:#ffe58f;--sky:#bfe3ff;--accent:var(--lilac);--accent-ink:#5b3a8c;--accent-soft:#efe9ff;--on-accent:#2b2240;--on-pastel:#2b2240;--gold:#d9a441;--gold-soft:#f7e7c4;--deep:#5b3a8c;--card-back:#5b3a8c;--danger:#c4453f;--danger-soft:#ffe3e1;--r:12px;--r-lg:16px;--r-card:18px;--bw:2px;--font:"Gowun Dodum", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-display:"Jua", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-serif:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#1b1330;--surface:#26193f;--surface-2:#2f2050;--text:#f4eeff;--muted:#b7a9d9;--line:#3b2a66;--shadow-ink:#0f0a1e;--lilac:#c9b8ff;--peach:#b38b7d;--mint:#8ba79b;--butter:#b3a064;--sky:#869fb3;--accent-ink:#c9b8ff;--accent-soft:#33245a;--on-accent:#2b2240;--on-pastel:#2b2240;--gold:#ffd36e;--gold-soft:#4a3a1e;--deep:#3b2a66;--card-back:#3b2a66;--danger:#ff8f8a;--danger-soft:#4a2320;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}a{color:var(--accent-ink);text-underline-offset:2px}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:400}.muted{color:var(--muted)}.small{font-size:.85em}[hidden]{display:none!important}.app{height:100dvh;display:flex}.app-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.rail{background:var(--surface);border-right:var(--bw) solid var(--line);flex-direction:column;flex:none;gap:6px;width:72px;padding:10px 6px;display:flex}.rail-logo{border-radius:10px;width:36px;height:36px;margin:4px auto 8px;display:block}.rail-gap{flex:1}.rail-btn{cursor:pointer;width:100%;min-height:56px;font:inherit;color:var(--muted);border:var(--bw) solid transparent;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:11px;display:flex}.rail-btn svg{width:22px;height:22px;display:block}.rail-btn:hover{background:var(--surface-2);color:var(--text)}.rail-btn.is-active{background:var(--lilac);border:var(--bw) solid var(--line);box-shadow:var(--shadow-hard-sm);color:var(--on-pastel)}.tabbar{background:var(--surface);border-top:var(--bw) solid var(--line);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.tab-btn{cursor:pointer;min-width:0;min-height:58px;font:inherit;color:var(--muted);background:0 0;border:0;border-radius:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:11px;display:flex}.tab-btn svg{box-sizing:content-box;border:var(--bw) solid transparent;border-radius:999px;width:22px;height:22px;padding:2px 12px;display:block}.tab-btn.is-active{color:var(--accent-ink)}.tab-btn.is-active svg{background:var(--lilac);border-color:var(--line);color:var(--on-pastel)}.topbar{background:var(--surface);border-bottom:var(--bw) solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand img{border-radius:8px;width:26px;height:26px}.brand h1{font-family:var(--font-display);letter-spacing:.01em;font-size:16px}.topbar-tools{align-items:center;gap:6px;display:flex}.topbar,.topbar-tools,.brand{white-space:nowrap;flex-wrap:nowrap}.btn.chip-work{border:var(--bw) solid var(--line);box-shadow:var(--shadow-hard-sm);background:var(--peach);color:var(--on-pastel);border-radius:999px;padding:6px 13px;font-size:13px}.btn-work{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;overflow:hidden}.btn.ghost.btn-reader{border:var(--bw) solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:3px 12px 3px 3px;display:flex}.btn.ghost.btn-reader:hover:not(:disabled){background:var(--surface-2)}.btn-reader .reader-emoji{width:28px;height:28px;font-size:15px}.btn-reader .reader-name{font-family:var(--font-display);font-size:13px}.page{flex:1;justify-content:center;min-height:0;display:flex;overflow:auto}.reading{flex:1;justify-content:center;width:100%;min-height:0;display:flex}.atelier{flex-direction:column;gap:16px;width:100%;max-width:640px;padding:20px 20px 16px;display:flex;overflow:hidden}.atelier-head{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.status{font-size:13px}.stage{background:var(--surface);border-left:var(--bw) solid var(--line);flex:0 0 380px;padding:18px 16px;overflow:auto}.stage-title{font-family:var(--font-display);font-size:16px}.stage-count{color:var(--muted);margin:2px 0 0;font-size:12px}.stage-cards{flex-wrap:wrap;gap:14px;margin:16px 0;display:flex}.stage-card{cursor:pointer;width:100px;margin:0}.stage-card-media,.stage-card-back{aspect-ratio:7/12;border:var(--bw) solid var(--line);border-radius:8px;overflow:hidden}.stage-card-media img{object-fit:cover;width:100%;height:100%;display:block}.stage-card.is-reversed img{transform:rotate(180deg)}.stage-card-back{background:var(--card-back);box-shadow:inset 0 0 0 4px var(--card-back), inset 0 0 0 5px var(--gold)}.stage-card figcaption{margin-top:6px}.stage-card figcaption .pos{color:var(--muted);font-size:11px;display:block}.stage-card figcaption .name{font-family:var(--font-display);color:var(--gold);font-size:13px;display:block}.stage-note{background:var(--surface-2);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:12px 14px}.stage-note-title{font-family:var(--font-display);margin:0;font-size:14px}.stage-note-kw{color:var(--muted);margin:4px 0 0;font-size:12px}.stage-note-story{margin:8px 0 0;font-size:13px;line-height:1.6}@media (width<=1099px){.stage{display:none!important}}@media (width<=800px){.app{flex-direction:column}.rail,.brand h1{display:none}.topbar{padding:8px 12px}.btn-reader .reader-name{display:none}.btn.ghost.btn-reader{padding:3px}.atelier{padding:14px 14px 12px}}@media (width>=801px){.tabbar,.brand img{display:none}}.home{justify-content:center;width:100%;display:flex}.home-inner{width:100%;max-width:640px;padding:20px 16px 32px}.home-title{font-family:var(--font-display);font-size:26px}.home-label{color:var(--muted);letter-spacing:.04em;margin:22px 0 10px;font-size:12px}.reader-row{flex-wrap:wrap;gap:10px;display:flex}.reader-tile{cursor:pointer;font:inherit;color:var(--text);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.reader-tile .reader-face{width:52px;height:52px;font-size:24px}.reader-tile.is-active .reader-face{box-shadow:var(--shadow-hard)}.reader-tile-name{font-family:var(--font-display);font-size:12px}.work-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.work-tile{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-hard);text-align:left;cursor:pointer;font:inherit;color:var(--text);flex-direction:column;gap:6px;padding:14px;display:flex}.work-tile-name{font-family:var(--font-display);font-size:15px}.work-tile-counts{color:var(--muted);font-size:11px}.chip-genre{border:var(--bw) solid var(--line);background:var(--surface-2);color:var(--on-pastel);border-radius:999px;align-self:flex-start;padding:1px 9px;font-size:11px}.work-tile.is-current{background:var(--accent-soft)}.work-tile.is-new{box-shadow:none;color:var(--muted);min-height:96px;font-family:var(--font-display);background:0 0;border-style:dashed;justify-content:center;align-items:center}@media (width<=800px){.home-title{font-size:22px}}.work-tile:active,.btn.primary:active{box-shadow:1px 1px 0 var(--shadow-ink);transform:translate(2px,2px)}.reader-emoji,.msg-avatar,.reader-face,.reader-card-face{background:var(--lilac);color:var(--on-pastel);border:var(--bw) solid var(--line);border-radius:50%;flex:none;place-items:center;display:grid}:is(.reader-emoji,.msg-avatar,.reader-face,.reader-card-face)[data-reader=luna]{background:var(--lilac)}:is(.reader-emoji,.msg-avatar,.reader-face,.reader-card-face)[data-reader=zio]{background:var(--butter)}:is(.reader-emoji,.msg-avatar,.reader-face,.reader-card-face)[data-reader=seoha]{background:var(--mint)}:is(.reader-emoji,.msg-avatar,.reader-face,.reader-card-face)[data-reader=dohyun]{background:var(--sky)}:is(.reader-emoji,.msg-avatar,.reader-face,.reader-card-face)[data-reader=helena]{background:var(--peach)}.btn{font:inherit;cursor:pointer;border:var(--bw) solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--lilac);color:var(--on-accent);box-shadow:var(--shadow-hard)}.btn.primary:hover:not(:disabled){background:var(--lilac)}.btn.ghost{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;padding:7px 10px}.btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.icon-btn{border:var(--bw) solid var(--line);border-radius:12px;place-items:center;width:34px;height:34px;padding:0;font-size:15px;line-height:1;display:grid}.btn.ghost.icon-btn{border-color:var(--line);color:var(--text);padding:0}:is(.btn.chip-work,.chip-genre)[data-genre-tint=a]{background:var(--peach)}:is(.btn.chip-work,.chip-genre)[data-genre-tint=b]{background:var(--lilac)}:is(.btn.chip-work,.chip-genre)[data-genre-tint=c]{background:var(--butter)}:is(.btn.chip-work,.chip-genre)[data-genre-tint]{color:var(--on-pastel)}select,input,textarea{font:inherit;color:var(--text);background:var(--surface);border:var(--bw) solid var(--line);border-radius:12px;padding:9px 11px;font-size:14px}select{cursor:pointer}select:focus,input:focus,textarea:focus,.btn:focus-visible,.reader-chip:focus-visible,.chip-intent:focus-visible,.chip-char:focus-visible,.chip-suggest:focus-visible,.link-btn:focus-visible,.toast button:focus-visible,.rail-btn:focus-visible,.tab-btn:focus-visible,.work-tile:focus-visible,.reader-tile:focus-visible,.stage-card:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}textarea{resize:vertical;width:100%;line-height:1.6}input[type=range]{accent-color:var(--accent-ink);background:0 0;border:0;padding:0}input[type=checkbox],input[type=radio]{accent-color:var(--accent-ink)}.field{flex-direction:column;gap:6px;margin:12px 0;display:flex}.field>span{color:var(--muted);font-size:12px}.actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.actions.end{justify-content:flex-end}fieldset{border:var(--bw) solid var(--line);border-radius:var(--r-lg);margin:16px 0;padding:4px 16px 16px}legend{color:var(--muted);letter-spacing:.04em;padding:0 6px;font-size:12px}.radio-group{color:var(--muted);flex-direction:column;gap:8px;margin:8px 0;font-size:13px;display:flex}.table-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}.flow-panel{flex:none}.flow-panel:empty{display:none}.choice-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-intent{cursor:pointer;border:var(--bw) solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;border-radius:999px;padding:10px 16px;font-size:14px}.chip-intent:hover{background:var(--surface-2)}.chip-intent.is-picked{background:var(--lilac);color:var(--on-accent);box-shadow:var(--shadow-hard-sm)}.inline-answer{flex-direction:column;gap:10px;display:flex}.inline-answer-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-go{align-self:flex-start;min-height:40px}.chip-char{cursor:pointer;border:var(--bw) solid var(--line);background:var(--surface);min-height:38px;color:var(--text);font:inherit;border-radius:999px;padding:7px 14px;font-size:13px}.chip-char:hover{background:var(--surface-2)}.chip-char.is-picked{background:var(--lilac);color:var(--on-accent);box-shadow:var(--shadow-hard-sm)}.chip-char-role{color:var(--muted);margin-left:6px;font-size:12px}.chip-char.is-picked .chip-char-role{color:var(--on-accent)}.chip-new{color:var(--muted);border-style:dashed}.chip-new:hover{color:var(--text)}.inline-quickadd{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-quickadd-name{flex:0 130px}.inline-quickadd-summary{flex:220px;min-width:0}.reader-picker{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.reader-chip{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:3px 10px 3px 3px;font-size:12px;display:flex}.reader-chip:hover{color:var(--text)}.reader-chip .reader-emoji{width:30px;height:30px;font-size:15px}.reader-chip.is-active{color:var(--text)}.reader-chip.is-active .reader-emoji{box-shadow:var(--shadow-hard-sm)}@media (width<=800px){.reader-chip .reader-name{display:none}.reader-chip{padding:3px}}.thread{flex-direction:column;flex:auto;gap:18px;min-height:0;padding:2px 3px 2px 0;display:flex;overflow:auto}.msg{gap:10px;display:flex}.msg-assistant{align-self:stretch}.msg-user{align-self:flex-end;max-width:80%}.msg-avatar{width:34px;height:34px;font-size:16px}.msg-assistant .msg-body{background:var(--surface);min-width:0;color:var(--text);border:var(--bw) solid var(--line);border-radius:16px 16px 16px 4px;flex:1;padding:12px 14px}.msg-user .msg-body{background:var(--lilac);color:var(--on-accent);border:var(--bw) solid var(--line);border-radius:16px 16px 4px;padding:10px 14px;font-size:14px}.msg-cards{display:block}.msg-name{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;margin-bottom:4px;font-size:12px}.msg-content{font-family:var(--font);font-size:15px;line-height:1.65}.msg-body p{margin:.55em 0}.msg-body p:first-child{margin-top:0}.msg-body p:last-child{margin-bottom:0}.rd-pos{color:var(--accent-ink);font-family:var(--font);letter-spacing:.04em;margin-top:1.4em;font-size:12px}.rd-q{border-left:var(--bw) solid var(--line);color:var(--muted);margin:.6em 0;padding-left:12px}.rd-h{font-family:var(--font-display);margin:1.2em 0 .3em;font-size:15px}.rd-list{margin:.5em 0;padding-left:1.1em}.rd-list li{margin:.2em 0}.msg-system{justify-content:center}.msg-system .msg-body{color:var(--muted);text-align:center;background:0 0;border:0;padding:2px 0;font-size:12px}.suggestions{flex-wrap:wrap;flex:none;gap:6px;display:flex}.chip-suggest{font:inherit;cursor:pointer;border:var(--bw) solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:5px 11px;font-size:12px}.chip-suggest:hover{background:var(--surface-2)}.msg-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.btn-apply{border-radius:999px;padding:4px 9px;font-size:11px}.is-waiting .msg-content{min-height:1.2em;transition:opacity .15s}.is-waiting .msg-content.is-fading{opacity:0}.is-waiting .msg-body{animation:2.6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.is-waiting .msg-body{animation:none}}.thread-actions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.composer{background:var(--surface);border:var(--bw) solid var(--line);box-shadow:var(--shadow-hard);border-radius:999px;flex:none;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;display:flex}.composer-input{resize:none;background:0 0;border:0;flex:1;max-height:8em;padding:6px 4px;font-size:14px;overflow-y:auto}.composer-input:focus{outline:none}.btn.btn-send{border:var(--bw) solid var(--line);background:var(--lilac);width:44px;height:44px;color:var(--on-accent);box-shadow:var(--shadow-hard-sm);border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.btn-stop{border-radius:12px;flex:none;min-height:44px}.composer-hint{flex:none;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.composer-hint .btn{padding:4px 10px;font-size:12px}dialog.sheet{border:var(--bw) solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--text);width:min(560px,100vw - 24px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-hard);padding:0}dialog.sheet::backdrop{background:#2b224066}.sheet-body{max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.sheet-body h2{font-family:var(--font-display);margin-bottom:16px;font-size:18px}dialog.reader-card{width:min(380px,100vw - 24px)}dialog.reader-card .sheet-body{text-align:center}.reader-card-face{width:72px;height:72px;margin:0 auto 12px;font-size:32px}dialog.reader-card .reader-card-name{font-family:var(--font-display);margin:0 0 4px;font-size:20px}.reader-card-tagline{margin:0 0 18px;font-size:13px}.reader-card-sample{margin:0 0 22px;font-size:15px;line-height:1.65}dialog.reader-card .actions.end{justify-content:center}.journal-item,.character-item{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-hard-sm);margin:10px 3px 12px 0;padding:14px 16px}.journal-head{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;display:flex}.journal-cards{color:var(--gold);font-family:var(--font-display);margin:6px 0 0;font-size:14px}.journal-excerpt{margin:4px 0 0;font-size:12px}.journal-item .actions,.character-item .actions{margin:10px 0 0}.character-item .actions .btn,.journal-item .actions .btn{padding:5px 10px;font-size:12px}.toast-host{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--surface);border:var(--bw) solid var(--line);box-shadow:var(--shadow-hard);border-radius:12px;align-items:center;gap:12px;max-width:min(90vw,480px);padding:11px 16px;font-size:13px;display:flex}.toast.error{background:var(--danger-soft);color:var(--danger)}.toast button{font:inherit;background:var(--lilac);color:var(--on-accent);border:var(--bw) solid var(--line);cursor:pointer;border-radius:10px;padding:4px 10px;font-size:12px;font-weight:600}@media (width<=800px){.toast-host{bottom:calc(70px + env(safe-area-inset-bottom))}}.gate{background:var(--bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.gate-card{text-align:center;border:var(--bw) solid var(--line);border-radius:var(--r-card);background:var(--surface);width:min(400px,100vw - 32px);box-shadow:var(--shadow-hard);padding:32px 28px 24px}.gate-card img{border-radius:14px;width:56px;height:56px}.gate-card h1{font-family:var(--font-display);margin:14px 0 6px;font-size:20px}.gate-card>.muted{font-size:13px}.gate-form{flex-direction:column;gap:10px;margin:20px 0 8px;display:flex}.gate-input{text-align:center;letter-spacing:.14em;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gate-form .btn{padding:10px 14px}.gate-error{color:var(--danger);margin:8px 0 0;font-size:13px}.cards{grid-template-columns:repeat(var(--n,3), minmax(0, 190px));perspective:1200px;justify-content:center;align-items:start;gap:16px;max-width:100%;margin:16px 0 8px;display:grid}.cards[data-count="1"]{--n:1;grid-template-columns:minmax(0,230px)}.cards[data-count="2"]{--n:2}.cards[data-count="3"]{--n:3}@media (width<=480px){.cards[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}.card-msg{box-sizing:border-box;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-card);width:100%;max-width:100%;box-shadow:var(--shadow-hard);padding:14px 12px}.card-msg[data-phase=idle]{display:none}.card-msg .table-caption{text-align:center;color:var(--muted);margin:8px 0 0;font-size:13px}.card-msg .table-actions{margin-top:10px}.card-msg .table-actions .btn[hidden]{display:none}.card-slot{text-align:center;perspective:900px;outline:none;margin:0}.card-slot.has-card{cursor:pointer}.card-slot:focus-visible .card{box-shadow:0 0 0 3px var(--accent-ink)}.card{aspect-ratio:7/12;border-radius:var(--r-lg);transform-style:preserve-3d;box-shadow:var(--shadow-hard);transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;position:relative}.card-slot.is-flipped .card{animation:.6s cubic-bezier(.2,.8,.2,1) card-flip;transform:rotateY(180deg)}.card-slot.has-card:not(.is-flipped):hover .card{transform:translateY(-4px)rotateY(0)}@keyframes card-flip{0%{transform:rotateY(0)translateZ(0)scale(1)}45%{transform:rotateY(90deg)translateZ(38px)scale(1.04)}70%{transform:rotateY(150deg)translateZ(18px)scale(1.02)}to{transform:rotateY(180deg)translateZ(0)scale(1)}}.card-face{box-sizing:border-box;border:var(--bw) solid var(--line);backface-visibility:hidden;border-radius:14px;position:absolute;inset:0;overflow:hidden}.card-front{background:var(--surface-2);transform:rotateY(180deg)}.card-front img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.card-slot.is-reversed .card-front img{transform:rotate(180deg)}.card-slot.is-flipped .card-front:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 34%,#ffffff80 50%,#0000 66%);animation:.7s ease-out .3s both card-sheen;position:absolute;inset:0}@keyframes card-sheen{0%{opacity:0;transform:translate(-120%)}25%{opacity:1}to{opacity:0;transform:translate(120%)}}.card-back{box-sizing:border-box;border:var(--bw) solid var(--line);background:var(--card-back);box-shadow:inset 0 0 0 5px var(--card-back), inset 0 0 0 6px var(--gold);overflow:hidden}.card-back:before,.card-back:after{content:"";aspect-ratio:1;pointer-events:none;border-radius:50%;width:30%;position:absolute}.card-back:before{background:var(--gold);top:34%;left:35%}.card-back:after{background:var(--card-back);top:29%;left:44%}.card-slot:not(.has-card) .card-back{opacity:.28;filter:grayscale(.5)}figcaption{flex-direction:column;gap:2px;margin-top:10px;line-height:1.35;display:flex}figcaption .pos{color:var(--muted);font-size:11px}figcaption .name{color:var(--gold);font-family:var(--font-display);font-size:13px}figcaption .kw{color:var(--muted);font-size:11px}.card-slot.has-card figcaption .name{min-height:1.35em}.card-slot.has-card figcaption .kw{min-height:1.1em}@media (prefers-reduced-motion:reduce){.card{transition:none}.card-slot.is-flipped .card{animation:.4s ease-out card-flip-plain}.card-slot.is-flipped .card-front:after{content:none;animation:none}.card-front img{transition:none}}@keyframes card-flip-plain{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.link-btn{color:var(--accent-ink);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;font-size:13px;text-decoration:underline}.link-btn:hover{opacity:.8}.manual-chip{background:var(--surface);border:var(--bw) solid var(--line);box-shadow:var(--shadow-hard-sm);color:var(--text);border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:3px 6px 3px 12px;font-size:12px;display:inline-flex}.manual-chip-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:2px 6px;font-size:14px;line-height:1}.manual-chip-clear:hover{background:var(--surface-2);color:var(--text)}.cards[data-phase=idle],.cards[data-phase=shuffle],.cards[data-phase=picking]{display:block}.idle-deck{flex-direction:column;align-items:center;gap:8px;padding:36px 0 12px;display:flex}.idle-deck-stack{aspect-ratio:7/12;width:128px;position:relative}.idle-deck-stack .card-back{border-radius:12px;position:absolute;inset:0}.idle-deck-stack .card-back:first-child{z-index:1;transform:translate(-7px,5px)rotate(-4deg)}.idle-deck-stack .card-back:nth-child(2){z-index:2;transform:translate(-2px,2px)rotate(-1.5deg)}.idle-deck-stack .card-back:nth-child(3){z-index:3;transform:translate(3px,-1px)rotate(1.5deg)}.idle-deck-stack .card-back:nth-child(4){z-index:4;transform:translate(7px,-4px)rotate(4deg)}.idle-caption{color:var(--muted);margin:4px 0 0;font-size:13px}.deck-rub{flex-direction:column;align-items:center;padding:20px 0 4px;display:flex}.deck-stack{aspect-ratio:7/12;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:128px;position:relative}.deck-stack:active{cursor:grabbing}.deck-stack:focus-visible{outline:2px solid var(--accent-ink);outline-offset:8px;border-radius:12px}.deck-stack .card-back{border-radius:12px;position:absolute;inset:0}.deck-stack .card-back:first-child{z-index:1;transform:translate(-7px,5px)rotate(-4deg)}.deck-stack .card-back:nth-child(2){z-index:2;transform:translate(-2px,2px)rotate(-1.5deg)}.deck-stack .card-back:nth-child(3){z-index:3;transform:translate(3px,-1px)rotate(1.5deg)}.deck-stack .card-back:nth-child(4){z-index:4;transform:translate(7px,-4px)rotate(4deg)}.deck-stack .card-back.is-top.is-wobbling{animation:.22s ease-in-out deck-wobble}@keyframes deck-wobble{0%{transform:translate(7px,-4px)rotate(4deg)}35%{transform:translate(12px,-8px)rotate(9.5deg)}70%{transform:translate(2px,-1px)rotate(0)}to{transform:translate(7px,-4px)rotate(4deg)}}.deck-stack.is-ready .card-back.is-top{box-shadow:inset 0 0 0 5px var(--card-back), inset 0 0 0 6px var(--gold), var(--shadow-hard)}@media (prefers-reduced-motion:reduce){.deck-stack .card-back.is-top.is-wobbling{animation:none}}.fan{height:calc(230px * var(--fan-scale,1));max-width:100%;margin:20px auto 8px;position:relative}.fan-card{aspect-ratio:7/12;transform-origin:50% 100%;opacity:0;width:calc(92px * var(--fan-scale,1));margin-left:calc(-46px * var(--fan-scale,1));cursor:pointer;background:0 0;border:0;padding:0;animation:.4s cubic-bezier(.2,.8,.2,1) both fan-in;position:absolute;bottom:6px;left:50%}.fan-card:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:12px}.fan-card.is-picked,.fan.is-idle .fan-card.is-picked{opacity:1;transform:translate(var(--x,0px), calc(var(--y,0px) - 22px)) rotate(var(--r,0deg));transition:transform .18s cubic-bezier(.2,.8,.2,1);animation:none}.fan-card.is-picked .card-back{box-shadow:inset 0 0 0 5px var(--card-back), inset 0 0 0 6px var(--lilac), 0 0 0 var(--bw) var(--lilac)}.fan-card .card-back{border-radius:12px;position:absolute;inset:0}@keyframes fan-in{0%{opacity:0;transform:translate(var(--x,0px), calc(var(--y,0px) + 26px)) rotate(var(--r,0deg)) scale(.9)}to{opacity:1;transform:translate(var(--x,0px), var(--y,0px)) rotate(var(--r,0deg)) scale(1)}}.fan.is-idle .fan-card{opacity:1;animation:4.2s ease-in-out infinite fan-sway}@keyframes fan-sway{0%,to{transform:translate(var(--x,0px), var(--y,0px)) rotate(var(--r,0deg))}50%{transform:translate(var(--x,0px), calc(var(--y,0px) - 4px)) rotate(var(--r,0deg))}}@media (prefers-reduced-motion:reduce){.fan-card{opacity:1;transform:translate(var(--x,0px), var(--y,0px)) rotate(var(--r,0deg));animation:none}.fan.is-idle .fan-card{animation:none}}.slot-chip{margin-top:4px}.slot-chip-label{border:var(--bw) dashed var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:11px}.slot-chip-label:hover{color:var(--text);border-color:var(--accent-ink)}.slot-chip-select{border:var(--bw) solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:2px 4px;font-size:11px}dialog.card-detail{width:min(420px,100vw - 24px)}dialog.card-detail .sheet-body{text-align:center}.card-detail-media{aspect-ratio:7/12;border:var(--bw) solid var(--line);width:150px;box-shadow:var(--shadow-hard);border-radius:10px;margin:0 auto 14px;overflow:hidden}.card-detail-img{object-fit:cover;width:100%;height:100%;display:block}.card-detail-pos{color:var(--muted);margin:0 0 2px;font-size:12px}.card-detail-name{font-family:var(--font-display);margin:0 0 2px;font-size:20px}.card-detail-nameEn{margin:0 0 14px;font-size:12px}.card-detail-kw{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.card-detail-kw-col{border:var(--bw) solid var(--line);opacity:.55;border-radius:12px;padding:8px 10px}.card-detail-kw-col.is-active{opacity:1;background:var(--accent-soft);border-color:var(--line)}.card-detail-kw-col h3{color:var(--muted);margin:0 0 4px;font-size:11px;font-weight:600}.card-detail-kw-col p{margin:0;font-size:12px}.card-detail-story{text-align:left;border-left:3px solid var(--gold);color:var(--text);margin:0 0 12px;padding-left:12px;font-size:13px;line-height:1.5}.card-detail-hint{margin:0 0 16px;font-size:11px}dialog.sheet.sheet-wide{width:min(920px,100vw - 24px)}.characters-layout{flex-direction:column;gap:20px;display:flex}.characters-list-col{flex-direction:column;gap:10px;display:flex}.characters-list{flex-direction:column;gap:8px;max-height:46vh;padding-right:2px;display:flex;overflow:auto}.character-panel,.character-form{min-width:0}@media (width>=800px){.characters-layout{flex-direction:row;align-items:flex-start}.characters-list-col{flex:0 0 260px}.characters-list{max-height:calc(100dvh - 380px)}.character-panel{flex:1}}.quick-add{border:var(--bw) solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);margin-bottom:18px;padding:14px 16px 4px}.quick-add-title{letter-spacing:.04em;color:var(--muted);margin:0 0 10px;font-size:12px}.quick-add-row{flex-wrap:wrap;gap:8px;display:flex}.quick-add-row .quick-name{flex:120px;max-width:180px}.quick-add-row .quick-summary{flex:3 240px}.quick-roles{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip-role{font:inherit;cursor:pointer;border:var(--bw) solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:13px}.chip-role:hover{background:var(--surface-2)}.chip-role.is-picked{border-color:var(--line);background:var(--lilac);color:var(--on-accent);box-shadow:var(--shadow-hard-sm);font-weight:600}.character-item-gauge{flex:none;align-items:center;gap:5px;display:inline-flex}.fill-ring{flex:none;width:18px;height:18px}.fill-ring-track{fill:none;stroke:var(--line);stroke-width:3px}.fill-ring-arc{fill:none;stroke:var(--accent-ink);stroke-width:3px;stroke-linecap:round;opacity:1}.doors{border-bottom:var(--bw) solid var(--line);gap:4px;margin-bottom:14px;display:flex}.door-tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:8px 14px;font-size:13px}.door-tab:hover{color:var(--text)}.door-tab.is-active{color:var(--accent-ink);border-bottom-color:var(--accent-ink);font-weight:600}.door-tab:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.panel-empty{font-size:13px}.door-fill .fill-input{margin-top:8px}.fill-preview{border:var(--bw) solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);padding:12px 14px}.fill-preview-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.fill-preview-list li{gap:8px;font-size:13px;display:flex}.fill-preview-key{color:var(--muted);flex:0 0 84px;padding-top:1px;font-size:12px}.fill-preview-value{word-break:break-word;flex:1;min-width:0}.interview-question{font-family:var(--font-display);margin:4px 0 12px;font-size:16px}.interview-input{width:100%;font-family:var(--font)}.interview-done{font-family:var(--font-display);margin:4px 0;font-size:15px}.sheet-group{border:var(--bw) solid var(--line);border-radius:var(--r-lg);margin:10px 0;padding:0 16px}.sheet-group>summary{cursor:pointer;color:var(--muted);letter-spacing:.04em;padding:10px 0;font-size:12px;list-style:none}.sheet-group>summary::-webkit-details-marker{display:none}.sheet-group>summary:before{content:"▸";width:1em;color:var(--muted);display:inline-block}.sheet-group[open]>summary:before{content:"▾"}.sheet-group[open]{padding-bottom:12px}.characters-list .character-item{cursor:pointer;border:var(--bw) solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-hard-sm);margin:0}.characters-list .character-item:hover{background:var(--surface-2)}.characters-list .character-item.is-active{border-color:var(--line);background:var(--accent-soft);box-shadow:var(--shadow-hard)}.character-item-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.character-item-summary{margin:4px 0 0;font-size:12px}.character-form .field-row{flex-wrap:wrap;gap:12px;display:flex}.character-form .field-row .field{flex:120px}.character-form input[name=mbti]{text-transform:uppercase;max-width:8ch}.character-form .notes-hint{margin:4px 0 0;font-size:12px}.work-item{border:var(--bw) solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-hard-sm);margin:10px 0;padding:14px 16px}.work-item.is-current{border-color:var(--line);background:var(--accent-soft);box-shadow:var(--shadow-hard)}.work-item-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.work-item-genre{color:var(--muted);font-family:var(--font);margin:4px 0 0;font-size:12px}.work-item-counts{margin:2px 0 0;font-size:12px}.work-item .actions{margin:10px 0 0}.work-item .actions .btn{padding:5px 10px;font-size:12px}.tone-chips{flex-wrap:wrap;gap:6px;display:flex}.tone-chip{cursor:pointer;border:var(--bw) solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;display:inline-flex;position:relative}.tone-chip input{opacity:0;pointer-events:none;position:absolute}.tone-chip:hover{background:var(--surface-2)}.tone-chip:has(:checked){border-color:var(--line);background:var(--lilac);color:var(--on-accent);box-shadow:var(--shadow-hard-sm);font-weight:600}.tone-chip:has(:focus-visible){outline:2px solid var(--accent-ink);outline-offset:2px}.work-onboarding .gate-card{text-align:left;width:min(440px,100vw - 32px)}.work-onboarding .gate-card h1,.work-onboarding .gate-card>.muted{text-align:center}.work-onboarding-demo{border-top:var(--bw) solid var(--line);text-align:center;margin-top:14px;padding-top:14px}.work-onboarding-demo .btn{width:100%;padding:10px 14px}.work-onboarding-demo p{margin:8px 0 0;font-size:12px}.work-onboarding-form .btn{padding:10px 14px}