:root{color-scheme:dark;--bg-0: #0c0908;--bg: #14100f;--surface-rgb: 26, 20, 18;--surface-2: #211915;--surface-3: #2b201b;--panel-alpha: .85;--ink: #ece2da;--ink-strong: #f7f0e9;--muted: #a89a90;--muted-2: #7e6f66;--accent: #b4433a;--accent-strong: #cf5a4c;--accent-soft: #7e3a34;--accent-glow: rgba(180, 67, 58, .35);--gold: #c9973f;--gold-bright: #e2b45e;--gold-line: rgba(201, 151, 63, .42);--gold-wash: rgba(201, 151, 63, .1);--safe: #3a6b52;--safe-strong: #4d8a6b;--border: rgba(96, 76, 68, .55);--border-strong: rgba(130, 98, 84, .75);--hairline: rgba(236, 226, 218, .07);--shadow-1: 0 4px 16px rgba(0, 0, 0, .35);--shadow-2: 0 12px 40px rgba(0, 0, 0, .45);--shadow-3: 0 24px 70px rgba(0, 0, 0, .55);--radius-s: 8px;--radius-m: 12px;--radius-l: 18px;--tap: 44px;--ease-out: cubic-bezier(.2, .8, .3, 1);--font-display: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;--font-body: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--app-safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--app-safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--app-safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--app-safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;color:var(--ink);min-height:100dvh;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E") repeat,radial-gradient(ellipse 120% 100% at 50% 45%,transparent 58%,rgba(5,3,2,.5) 100%),radial-gradient(ellipse 90% 70% at 70% 30%,#2b1714 0%,transparent 60%),radial-gradient(ellipse 70% 90% at 20% 80%,#1d1412 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 10% 100%,rgba(122,54,28,.18) 0%,transparent 70%),var(--bg-0);overflow-x:hidden}h1{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0;color:var(--ink-strong);text-shadow:0 2px 12px rgba(0,0,0,.6)}h2{font-family:var(--font-display);font-size:1.12rem;font-weight:600;letter-spacing:.05em;margin:0 0 8px;color:var(--ink-strong)}h2:after{content:"";display:block;width:28px;height:2px;margin-top:6px;border-radius:1px;background:linear-gradient(90deg,var(--gold-line),transparent)}p{line-height:1.55;margin:0}.muted{color:var(--muted);font-size:.9rem}.edition-tag{color:var(--gold);font-size:.65rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(201,151,63,.55);border-radius:999px;padding:5px 7px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.stage-canvas,.stage-canvas canvas{width:100%;height:100%;display:block}.stage-canvas{cursor:grab;touch-action:none}.stage-canvas.dragging{cursor:grabbing}.stage-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.stage-loading{position:absolute;left:50%;bottom:calc(28px + var(--app-safe-bottom));width:min(280px,calc(100vw - 40px));transform:translate(-50%);display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.82rem;text-align:center;pointer-events:none}.stage-loading-track{height:4px;border-radius:2px;overflow:hidden;background:#00000073}.stage-loading-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-soft),var(--accent-strong));transition:width .18s ease}.silhouette{width:220px;height:420px;border-radius:110px 110px 40px 40px;background:radial-gradient(ellipse at 50% 20%,#3a231e 0%,#241614 60%,transparent 100%);filter:blur(2px);opacity:.8}.title-screen{position:relative;z-index:1;width:min(540px,100vw);min-height:100svh;margin-left:max(24px,calc(50vw - 620px));padding:max(clamp(32px,7vh,84px),calc(24px + var(--app-safe-top))) calc(24px + var(--app-safe-right)) calc(40px + var(--app-safe-bottom)) calc(24px + var(--app-safe-left));display:flex;align-items:center;pointer-events:none}.title-copy{position:relative;overflow:hidden;width:min(460px,100%);min-width:0;padding:28px;border:1px solid var(--border-strong);border-radius:16px;background:linear-gradient(145deg,#1a1412e6,#1a1412ad);box-shadow:var(--shadow-3),inset 0 1px 0 var(--hairline);animation:title-copy-in .7s var(--ease-out);pointer-events:auto}.title-copy:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid var(--gold-line);border-radius:10px;pointer-events:none;opacity:.55}.title-watermark{position:absolute;right:-36px;bottom:-36px;width:230px;opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none}.title-seal{display:block;width:56px;height:56px;margin-bottom:6px;border-radius:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.55));animation:seal-in .9s var(--ease-out)}@keyframes seal-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}.title-logo{margin:12px 0 8px;font-family:var(--font-display);font-size:clamp(2.8rem,6.5vw,3.9rem);font-weight:500;line-height:.94;letter-spacing:.03em;text-transform:uppercase;text-wrap:balance;color:var(--ink-strong)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.title-logo{background:linear-gradient(160deg,var(--ink-strong) 35%,var(--gold-bright) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55))}}.title-tagline{max-width:34ch;color:var(--gold);font-size:.88rem;letter-spacing:.14em;text-transform:uppercase}.title-tagline:before{content:"— ";color:var(--muted-2)}.title-tagline:after{content:" —";color:var(--muted-2)}.title-actions{display:grid;gap:10px;margin-top:28px}.title-actions button{width:100%}.title-reset{color:var(--muted)}.start-again-confirm{padding:12px;border:1px solid var(--accent);border-radius:var(--radius-s);background:#220d0cb8}.start-again-confirm p{margin:0 0 10px;color:var(--ink);font-size:.85rem;line-height:1.4}.start-again-confirm .row{align-items:stretch}.title-primary{min-height:56px;font-weight:700;font-size:1.05rem;letter-spacing:.04em;position:relative;overflow:hidden}.title-primary:hover{box-shadow:inset 0 1px 0 var(--hairline),0 0 0 1px var(--gold-line),0 0 22px var(--accent-glow)}.title-primary:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(105deg,transparent,rgba(247,240,233,.2),transparent);transform:skew(-18deg);animation:cta-sheen 1.5s ease 1.2s 1 both;pointer-events:none}@keyframes cta-sheen{0%{left:-60%}to{left:130%}}.title-save-note{margin-top:16px;color:#c3b2a8;font-size:.82rem;line-height:1.45}.title-consent{margin-top:8px;font-size:.76rem}.title-sound{position:fixed;z-index:4;top:calc(18px + var(--app-safe-top));right:calc(20px + var(--app-safe-right));pointer-events:auto;border:1px solid var(--border);border-radius:999px;padding:8px 16px;background:#0c09088c}.title-whispers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.title-whisper{position:absolute;color:#ece2dab8;font-family:var(--font-display);font-size:clamp(.78rem,1.25vw,1.04rem);font-style:italic;letter-spacing:.06em;text-shadow:0 2px 12px rgba(0,0,0,.9);opacity:0;animation:title-whisper 18s ease-in-out infinite}.title-whisper:nth-child(2n){color:#e2b45e9e}.title-whisper-1{left:auto;right:4%;top:16%;animation-delay:0s}.title-whisper-2{left:80%;top:27%;animation-delay:3s}.title-whisper-3{left:57%;top:49%;animation-delay:6s}.title-whisper-4{left:82%;top:61%;animation-delay:9s}.title-whisper-5{left:61%;top:77%;animation-delay:12s}.title-whisper-6{left:85%;top:44%;animation-delay:15s}@keyframes title-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes title-whisper{0%,12%,46%,to{opacity:0;transform:translateY(8px);filter:blur(4px)}20%,38%{opacity:.68;transform:translateY(0);filter:blur(0)}}.save-file-actions{width:100%}.save-note{color:var(--safe-strong);font-size:.85rem}.save-note-error{color:#e79a8e}#root{position:relative}.shell{position:relative;z-index:1;width:min(520px,100vw);margin-left:max(24px,calc(50vw - 620px));padding:calc(24px + var(--app-safe-top)) calc(20px + var(--app-safe-right)) calc(48px + var(--app-safe-bottom)) calc(20px + var(--app-safe-left));display:flex;flex-direction:column;gap:16px;min-height:100dvh;pointer-events:none}.shell>*{pointer-events:auto}.shell.shell-wide{width:min(620px,calc(100vw - 48px))}.shell>header .app-title{margin:0;line-height:0}.app-wordmark{display:block;width:220px;height:auto}@media(max-width:760px){.shell{--mobile-panel-height: 42dvh;position:fixed;left:0;right:0;bottom:0;margin-left:0;width:100vw;height:var(--mobile-panel-height);min-height:0;padding-top:14px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;border-top:1px solid var(--gold-line);background:linear-gradient(rgba(12,9,8,calc(var(--panel-alpha) * .35)),rgba(12,9,8,calc(var(--panel-alpha) * .55)) 30%)}.shell.shell-wide{width:100vw}.shell>header{position:fixed;top:0;left:0;right:0;z-index:2;padding:calc(12px + var(--app-safe-top)) calc(16px + var(--app-safe-right)) 10px calc(16px + var(--app-safe-left));background:linear-gradient(rgba(12,9,8,.88),rgba(12,9,8,.5) 72%,transparent)}.app-wordmark{width:180px}.title-screen{width:100vw;margin-left:0;padding:calc(46vh + var(--app-safe-top)) calc(16px + var(--app-safe-right)) calc(24px + var(--app-safe-bottom)) calc(16px + var(--app-safe-left));align-items:flex-start}.title-copy{width:100%;padding:22px;background:linear-gradient(180deg,#1a1412c7,#1a1412f5)}.title-logo{font-size:clamp(2.3rem,11vw,3.2rem);letter-spacing:.02em}.title-whisper{font-size:.76rem}.title-whisper-1{left:3%;right:auto;top:18%}.title-whisper-2{left:auto;right:3%;top:24%}.title-whisper-3{left:10%;top:36%}.title-whisper-4{left:66%;top:32%}.title-whisper:nth-child(n+3){display:none}.session-panel .task-actions{position:fixed;left:0;right:0;bottom:0;z-index:5;margin:0;padding:14px calc(16px + var(--app-safe-right)) calc(12px + var(--app-safe-bottom)) calc(16px + var(--app-safe-left));background:linear-gradient(transparent,#0c0908f2 42%)}.session-panel .task-actions button{flex:1;min-height:48px}.session-panel .task-actions .safeword{flex:.9;margin-right:0}.session-panel .task-actions .primary{flex:1.5}.session-panel,.story-session-panel{gap:9px;font-size:.92rem}.session-panel .task-text,.story-session-panel .task-text{font-size:1.04rem;line-height:1.45}.session-panel .domme-line,.story-session-panel .domme-line{font-size:.98rem;line-height:1.45}.session-panel .beat-tag,.story-session-panel .beat-tag{font-size:.66rem}.session-panel{margin-bottom:calc(76px + var(--app-safe-bottom))}.story-cue-panel{min-height:0;margin-bottom:calc(58px + var(--app-safe-bottom))}#root:has(.story-cue-panel) .shell{padding-bottom:calc(12px + var(--app-safe-bottom))}#root:has(.session-panel) .native-back-notice{bottom:calc(92px + var(--app-safe-bottom))}.settings-nav{top:0}.panel{scroll-margin-top:58px}}@media(max-width:480px){.stat-grid{gap:6px}.stat-grid .stat{padding:8px 10px}.stat-grid .stat .muted{font-size:.62rem}.stat b{font-size:1.15rem}.stat-featured b{font-size:1.3rem}.nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-grid button{white-space:normal}.panel{padding:16px}}@media(max-height:480px)and (orientation:landscape){.shell{padding-top:calc(12px + var(--app-safe-top));gap:10px}.panel{padding:14px 18px}.title-screen{padding-top:calc(12px + var(--app-safe-top))}.title-copy{padding:18px 22px}.title-logo{font-size:clamp(2rem,4.5vh,2.6rem);margin:6px 0 4px}.title-actions{margin-top:14px}}.native-back-notice{position:fixed;z-index:20;left:50%;bottom:calc(18px + var(--app-safe-bottom));width:min(420px,calc(100vw - 32px - var(--app-safe-left) - var(--app-safe-right)));transform:translate(-50%);border:1px solid var(--border);border-radius:var(--radius-m);padding:11px 14px;color:var(--ink);background:#14100ff5;box-shadow:var(--shadow-2);text-align:center}.panel{position:relative;background-color:rgba(var(--surface-rgb),var(--panel-alpha));border:1px solid var(--border);border-radius:var(--radius-l);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-2),inset 0 1px 0 var(--hairline);animation:panel-in .35s var(--ease-out);transition:background-color .12s ease}.panel-ornate:before{content:"";position:absolute;top:-1px;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line) 18%,var(--gold-line) 82%,transparent)}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}button{font:inherit;border:1px solid var(--border);border-radius:var(--radius-s);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));color:var(--ink);padding:10px 16px;min-height:var(--tap);cursor:pointer;box-shadow:inset 0 1px 0 var(--hairline);transition:border-color .15s,background .15s,box-shadow .2s,color .15s,transform .08s}button:hover{border-color:var(--border-strong)}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.primary{background:linear-gradient(180deg,var(--accent-strong),var(--accent-soft));border-color:var(--accent);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.35)}button.primary:hover{background:linear-gradient(180deg,var(--accent-strong),var(--accent));box-shadow:inset 0 1px 0 var(--hairline),0 0 18px var(--accent-glow)}button.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}button.ghost:hover{color:var(--ink);border-color:var(--border)}button.ghost.title-sound{border-color:var(--border);background:#0c09088c}button.safeword{background:linear-gradient(180deg,#427a5e,var(--safe));border-color:var(--safe-strong);font-weight:600;letter-spacing:.05em;box-shadow:inset 0 1px 0 var(--hairline),0 0 0 1px #4d8a6b59,0 0 14px #4d8a6b38}button.safeword:hover{border-color:var(--safe-strong);box-shadow:inset 0 1px 0 var(--hairline),0 0 0 1px #4d8a6b80,0 0 20px #4d8a6b59}button:disabled{opacity:.45;cursor:default;filter:saturate(.6)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}.segmented{display:flex;flex-wrap:wrap;align-items:center}.segmented button{margin-left:-1px;border-radius:0;box-shadow:none;background:#00000040}.segmented button:first-of-type{border-radius:999px 0 0 999px;margin-left:0;padding-left:18px}.segmented button:last-of-type{border-radius:0 999px 999px 0;padding-right:18px}.segmented button.primary{position:relative;z-index:1;background:linear-gradient(180deg,var(--accent-strong),var(--accent-soft))}.task-text{font-size:clamp(1.18rem,1rem + 1.2vw,1.3rem);line-height:1.6;animation:text-in .4s ease}@keyframes text-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.timer-bar{height:8px;border-radius:4px;background:#0006;box-shadow:inset 0 1px 2px #00000080;overflow:hidden}.timer-bar>div{height:100%;background:linear-gradient(90deg,var(--accent-soft),var(--accent-strong));transition:width 1s linear,background .4s}.timer-bar.urgent>div{background:linear-gradient(90deg,var(--gold),var(--gold-bright))}.timer-bar.urgent{animation:bar-pulse 1s ease-in-out infinite}@keyframes bar-pulse{0%,to{box-shadow:0 0 #c9973f00}50%{box-shadow:0 0 14px #c9973f8c}}.timer-row{display:flex;align-items:center;gap:12px}.timer-row .timer-bar{flex:1}.timer-row .muted{margin:0;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.beat-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.mood-tag{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid var(--border);letter-spacing:.1em}.mood-tag.mood-sour{color:var(--accent-strong);border-color:#b4433a80;background:#b4433a1a}.mood-tag.mood-warm{color:var(--gold-bright);border-color:var(--gold-line);background:var(--gold-wash)}.task-actions{display:flex;gap:10px;align-items:center;margin-top:4px}.task-actions .safeword{margin-right:auto}.scene-offer-panel,.scene-live-panel{border-color:#d1a85c57;background-image:linear-gradient(180deg,rgba(113,54,75,.12),transparent 48%)}.scene-offer-correction{border-color:#b4433a70;background-image:linear-gradient(180deg,rgba(180,67,58,.1),transparent 48%)}.scene-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:8px 0 4px}.scene-option{display:grid;gap:7px;align-content:start;min-height:132px;padding:14px;text-align:left;white-space:normal;border-color:#d1a85c52;background:#160e15c2}.scene-option:hover,.scene-option:focus-visible{border-color:var(--gold);background:#351d2ae6}.scene-option strong{color:var(--gold-bright);font-family:var(--font-display);font-size:1.05rem}.scene-option>span:last-child{color:var(--text);font-size:.9rem;line-height:1.42}.scene-option-kicker{color:var(--muted);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.scene-imposed{margin:8px 0;padding:16px;border:1px solid rgba(180,67,58,.4);border-left:3px solid var(--accent-strong);border-radius:var(--radius-m);background:#34141a70}.scene-imposed h2{margin:5px 0 8px}.scene-imposed p,.scene-consent-note{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel-warm{border-color:var(--gold-line);background-image:linear-gradient(180deg,var(--gold-wash),transparent 45%)}.domme-line{position:relative;font-family:var(--font-display);font-style:italic;font-size:1.05em;color:#dcb9a8;padding-left:14px;animation:line-in .5s ease}.domme-line:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:1px;background:linear-gradient(180deg,var(--accent-strong),transparent)}@keyframes line-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 55%,rgba(90,20,14,.35) 100%);animation:vignette-breathe 2.4s ease-in-out infinite}@keyframes vignette-breathe{0%,to{opacity:.65}50%{opacity:1}}label.check{display:flex;gap:10px;align-items:flex-start;padding:12px;min-height:var(--tap);background:#00000038;border:1px solid var(--border);border-radius:var(--radius-m);cursor:pointer;transition:border-color .15s,background .15s}label.check:hover{border-color:var(--border-strong);background:#0000004d}label.check input{margin-top:2px;width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}label.check:has(input:checked){border-color:var(--accent);background:linear-gradient(180deg,var(--gold-wash),rgba(0,0,0,.25))}label.check:has(input:disabled){cursor:default}input[type=range]{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:26px;background:transparent;accent-color:var(--accent);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#00000073;box-shadow:inset 0 1px 2px #00000080,0 1px 0 var(--hairline)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-bright),var(--gold) 70%);border:2px solid #1a1210;box-shadow:0 1px 6px #00000080;transition:box-shadow .15s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 12px #c9973f73,0 1px 6px #00000080}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#00000073}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);border:2px solid #1a1210;box-shadow:0 1px 6px #00000080}.field-stack{display:flex;flex-direction:column;gap:6px}.select-input{width:100%;font:inherit;color:var(--ink);color-scheme:dark;min-height:var(--tap);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23c9973f' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center,linear-gradient(180deg,var(--surface-3),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-s);padding:9px 40px 9px 12px;box-shadow:inset 0 1px 0 var(--hairline);cursor:pointer;transition:border-color .15s}.select-input:hover{border-color:var(--border-strong)}.select-input:focus{border-color:var(--gold-line)}.select-input option,.select-input optgroup{color:var(--ink);background-color:var(--surface-2)}.select-input option:checked{color:var(--ink-strong);background-color:var(--accent-soft)}.stat{display:flex;flex-direction:column;gap:2px}.stat b{font-family:var(--font-display);font-size:1.3rem;font-variant-numeric:tabular-nums;color:var(--ink-strong)}.text-input{flex:1;font:inherit;min-height:var(--tap);padding:8px 12px;background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-s);color:var(--ink);transition:border-color .15s}.text-input:hover{border-color:var(--border-strong)}.text-input:focus{border-color:var(--gold-line)}.is-locked{opacity:.55;filter:saturate(.7)}.stepper-dots{position:relative;display:flex;gap:12px;width:max-content;margin:0 auto 6px}.stepper-dots:before{content:"";position:absolute;left:5px;right:5px;top:50%;height:1px;background:var(--border)}.dot{position:relative;width:10px;height:10px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-strong);transition:background .3s,border-color .3s,box-shadow .3s}.dot.on{background:var(--accent);border-color:var(--accent-strong)}.dot.on:not(:has(~.dot.on)){box-shadow:0 0 10px var(--accent-glow)}.greeting{font-family:var(--font-display);font-style:italic;font-size:1.25rem;min-height:3.2em;color:#dcb9a8}.settings-nav{position:sticky;top:0;z-index:3;display:flex;gap:6px;overflow-x:auto;padding:10px 2px;background:linear-gradient(rgba(12,9,8,.92),rgba(12,9,8,.8) 75%,transparent);scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav a{flex-shrink:0;display:inline-flex;align-items:center;min-height:38px;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:8px 14px;background:#00000059;transition:color .15s,border-color .15s}.settings-nav a:hover{color:var(--ink);border-color:var(--border-strong)}.panel{scroll-margin-top:58px}.kink-groups{display:flex;flex-direction:column;gap:18px}.kink-group h3{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.kink-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.kink-label{display:flex;flex-direction:column;gap:2px}.kink-label .muted{font-size:.82rem}.limit-options{display:flex;gap:0;flex-shrink:0}.limit-options button{padding:8px 14px;font-size:.85rem;min-height:40px;min-width:48px;margin-left:-1px;border-radius:0;background:#00000040;box-shadow:none}.limit-options button:first-child{border-radius:999px 0 0 999px;margin-left:0;padding-left:16px}.limit-options button:last-child{border-radius:0 999px 999px 0;padding-right:16px}.limit-options .active{position:relative;z-index:1}.limit-options .limit-allowed.active{background:var(--safe);border-color:var(--safe-strong)}.limit-options .limit-off.active{background:var(--accent-soft);border-color:var(--accent)}.metro{align-items:center}.metro-dot{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);transition:transform .1s ease,background .1s ease,box-shadow .1s ease;flex-shrink:0}.metro-dot.on{background:var(--accent);transform:scale(1.45);box-shadow:0 0 18px #b4433ab3}.hold-btn{width:100%;min-height:72px;padding:18px;font-size:1.05rem;letter-spacing:.04em;border-radius:var(--radius-m);user-select:none;-webkit-user-select:none;touch-action:none}.hold-btn:not(.holding):not(:disabled){animation:hold-invite 2.6s ease-in-out infinite}@keyframes hold-invite{0%,to{box-shadow:inset 0 1px 0 var(--hairline),0 0 #b4433a00}50%{box-shadow:inset 0 1px 0 var(--hairline),0 0 16px #b4433a47}}.hold-btn.holding{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 22px #b4433a73 inset}.count-btn{padding:14px 22px;min-height:56px;font-size:1rem}.typing .type-target{font-family:var(--font-display);font-style:italic;font-size:1.05rem;color:var(--gold-bright);border-bottom:1px solid var(--gold-line);padding-bottom:8px;margin-bottom:10px}.typing-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.typing-entry .text-input{min-width:0}.typing-submit{min-height:var(--tap);white-space:nowrap}@media(max-width:360px){.shell{--mobile-panel-height: 44dvh}.app-wordmark{width:164px}.shell>header button.ghost{padding:8px 6px;font-size:.82rem}.session-panel,.story-session-panel{padding:14px;gap:7px}.session-panel .task-text,.story-session-panel .task-text{font-size:.98rem;line-height:1.38}.session-panel .task-actions{gap:8px;padding-left:12px;padding-right:12px;padding-top:8px}.typing-entry{grid-template-columns:1fr}.typing-submit{width:100%}}.finale-line{font-size:1.15rem}.domme-line.narration{color:#c9b291;font-style:italic;opacity:.95}.domme-line.narration:before{background:linear-gradient(180deg,var(--gold),transparent)}.domme-line .narration-fragment{color:#c9b291;font-style:italic}.slip-btn{border-color:var(--accent);color:var(--accent-strong);background:transparent;box-shadow:none;margin-top:8px}.slip-btn:hover{background:#b4433a1f}.ledger-note{border:1px solid var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-s);padding:8px 12px;color:#dcb9a8;font-size:.92rem}.duty-card{margin:1rem 0;padding:1rem;border:1px solid rgba(209,168,92,.42);border-left:3px solid var(--gold);border-radius:var(--radius-m);background:#1b1119bd}.duty-card p:last-child{margin-bottom:0}.lock-clock{display:grid;gap:.55rem}.lock-time{font-family:var(--font-display);color:var(--gold-bright);font-size:clamp(1.4rem,5vw,2.15rem);font-variant-numeric:tabular-nums;letter-spacing:.035em}.between-session-controls{display:grid;gap:.9rem}.field-label{display:grid;gap:.55rem}.field-label select{max-width:18rem}.duty-check-in .task-text{padding:.85rem 0}.sound-row{padding:4px 0;border-bottom:1px solid var(--hairline)}.sound-row:last-of-type{border-bottom:none}.kind-btn{position:relative;width:100%;text-align:left;display:flex;flex-direction:column;gap:3px;padding:14px 40px 14px 16px;border-left:3px solid var(--border-strong);border-radius:var(--radius-m)}.kind-btn b{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em;text-transform:capitalize}.kind-btn .muted{font-size:.85rem}.kind-btn:after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-54%);font-size:1.4rem;color:var(--muted-2);transition:color .15s,transform .15s}.kind-btn:hover:not(:disabled):after{color:var(--gold);transform:translateY(-54%) translate(3px)}.kind-btn.primary{border-left-color:var(--accent-strong);border-color:var(--accent);background:linear-gradient(180deg,#b4433a42,#7e3a3424)}.kind-btn.primary:hover{background:linear-gradient(180deg,#b4433a61,#7e3a3433)}.kind-btn.primary .muted{color:#cfb4aa}.kind-btn:disabled:after{content:none}.story-launch{border-color:#c4a469a6;border-left:3px solid var(--gold)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-grid .stat{background:#00000038;border:1px solid var(--border);border-radius:var(--radius-m);padding:10px 12px}.stat-grid .stat .muted{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.stat-featured{grid-column:1 / -1;border-left:3px solid var(--gold)}.stat-featured b{font-size:1.5rem}.stat-featured b+.muted{text-transform:none;letter-spacing:normal;font-size:.82rem;color:var(--muted)}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.nav-grid button{font-size:.9rem;padding:10px 12px;white-space:nowrap}.panel-quiet{box-shadow:var(--shadow-1);border-color:#604c4459}.panel-quiet h2{color:var(--muted);font-size:.95rem}.story-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.story-card{margin-bottom:0}.story-card-heading{align-items:baseline}.story-card-heading h2{margin-bottom:0}.story-progress{color:var(--gold-bright);font-size:.78rem;letter-spacing:.08em;font-variant-numeric:tabular-nums;border:1px solid var(--gold-line);background:var(--gold-wash);border-radius:999px;padding:3px 10px}.story-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.story-tags span{border:1px solid var(--border);border-radius:999px;color:var(--muted);background:#00000038;font-size:.72rem;padding:3px 9px;text-transform:capitalize}.story-chapters{list-style:none;margin:0;padding:0}.story-chapter{border-top:1px solid var(--border);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:12px 0}.story-chapter.next{background:linear-gradient(90deg,var(--gold-wash),transparent 65%);border-radius:var(--radius-s);padding:12px 10px;margin:0 -10px}.story-chapter p{margin:4px 0}.story-chapter-info{display:flex;gap:10px;min-width:0}.chapter-num{flex-shrink:0;width:28px;height:28px;margin-top:1px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);background:#0000004d;font-family:var(--font-display);font-size:.9rem;color:var(--muted)}.story-chapter.completed .chapter-num{border-color:var(--safe-strong);color:var(--safe-strong)}.story-chapter.next .chapter-num{border-color:var(--gold);color:var(--gold-bright);background:var(--gold-wash)}.chapter-body{display:flex;flex-direction:column;gap:2px;min-width:0}.story-chapter.completed .chapter-body>b:after{content:"  ✓";color:var(--safe-strong)}.next-kicker{font-size:.6rem;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-bright);border:1px solid var(--gold-line);background:var(--gold-wash);border-radius:999px;padding:2px 8px;margin-left:8px;vertical-align:2px;white-space:nowrap}.story-chapter-actions{align-items:center;justify-content:flex-end}.story-block-reason{display:inline-block;align-self:flex-start;color:#e0a89b;background:#b4433a1f;border:1px solid rgba(180,67,58,.4);border-radius:var(--radius-s);padding:3px 9px;font-size:.78rem;margin-top:6px}.story-session-panel{min-height:260px}.story-cue{display:grid;min-height:130px;place-items:center stretch}.story-key-hint{font-size:.75rem;margin-left:8px}@media(max-width:640px){.story-chapter{grid-template-columns:1fr}.story-chapter-actions{justify-content:flex-start}.scene-choice-grid{grid-template-columns:1fr}.scene-option{min-height:0}}.load-errors{border:1px solid var(--accent-soft);border-radius:var(--radius-s);padding:10px;display:flex;flex-direction:column;gap:4px}.pack-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.pack-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.pack-name{display:flex;flex-direction:column;gap:2px}.pack-name .muted{font-size:.82rem}.contract{overflow:hidden}.panel-watermark{position:absolute;right:-42px;bottom:-42px;width:240px;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none}.contract .clause{margin-bottom:10px}.clause-heading{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:3px}.contract .clause p{font-family:var(--font-display);font-size:1.02rem;line-height:1.7}.sign-row{align-items:center;flex-wrap:nowrap}.sign-seal{flex-shrink:0;width:44px;height:44px;border-radius:10px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.contract .sign{margin-top:0;flex:1}.sign-row+button{margin-top:0}.journal-entry{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--hairline)}.journal-entry:last-of-type{border-bottom:none}.journal-entry>.row>.muted:first-child{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.78rem;letter-spacing:.06em}.journal-entry>.row>.muted:last-child{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}@media(prefers-reduced-motion:reduce){.title-copy{animation:none}.title-whisper{animation:none;opacity:.52;transform:none;filter:none}.title-whisper:nth-child(n+4){display:none}.title-seal{animation:none}.title-primary:after{animation:none;opacity:0}.hold-btn:not(.holding):not(:disabled){animation:none}}