:root{--p-gold-50: #fdf9ef;--p-gold-100: #f5efe1;--p-gold-200: #efe5d4;--p-gold-300: #e8c678;--p-gold-400: #d4a847;--p-gold-500: #c6a65d;--p-gold-600: #a87c32;--p-gold-700: #7a5520;--p-teal-50: #eafaf8;--p-teal-100: #c8fffa;--p-teal-200: #8ff5ef;--p-teal-300: #52e6de;--p-teal-400: #45e5dd;--p-teal-500: #39dccf;--p-teal-600: #2db8b0;--p-teal-700: #1a8c85;--p-sage-200: #c8fffa;--p-sage-300: #82e4a8;--p-sage-400: #68e5dd;--p-sage-500: #59d29c;--p-red-100: #ffeaea;--p-red-200: #ffd7d4;--p-red-300: #ffa99a;--p-red-400: #f47e6e;--p-red-500: #eb6358;--p-red-700: #97271c;--p-ink-950: #020304;--p-ink-900: #05080b;--p-ink-800: #070a0d;--p-ink-700: #091116;--p-ink-600: #0b1418;--p-ink-500: #0c1a20;--p-ink-400: #111f27;--p-ink-300: #1a2a34;--p-neutral-400: #8ea0a3;--p-neutral-500: #7c878a;--p-neutral-600: #5a6e70;--p-neutral-700: #3a4c50;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-full: 9999px;--font-serif: "Noto Serif SC", "Songti SC", "Microsoft YaHei", ui-serif, Georgia, serif;--font-sans: Inter, "Microsoft YaHei", sans-serif;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 15px;--text-2xl: 16px;--text-3xl: 18px;--text-4xl: 21px;--text-5xl: 25px;--text-6xl: 28px;--z-base: 1;--z-overlay: 50;--z-modal: 60;--z-nav: 3;--transition-fast: .15s ease;--color-text-primary: var(--p-gold-100);--color-text-heading: var(--p-gold-200);--color-text-label: var(--p-gold-200);--color-text-secondary: var(--p-neutral-400);--color-text-muted: var(--p-neutral-500);--color-text-placeholder: var(--p-neutral-600);--color-text-accent: var(--p-teal-400);--color-text-gold: var(--p-gold-300);--color-text-danger: var(--p-red-200);--color-text-success: var(--p-sage-300);--color-text-disabled: #ffffff;--color-border-default: rgba(87, 116, 124, .38);--color-border-subtle: rgba(90, 110, 113, .24);--color-border-gold: rgba(202, 166, 91, .5);--color-border-gold-dim: rgba(154, 123, 69, .54);--color-border-teal: rgba(79, 228, 220, .42);--color-border-teal-dim: rgba(68, 102, 105, .7);--color-border-input: rgba(85, 111, 118, .55);--color-border-danger: rgba(185, 86, 86, .46);--color-border-white: rgba(255, 255, 255, .05);--color-surface-root: var(--p-ink-800);--color-surface-shell: #071014;--color-surface-base: var(--p-ink-700);--color-surface-card: rgba(8, 15, 19, .88);--color-surface-overlay: rgba(2, 10, 14, .7);--color-surface-input: rgba(7, 13, 17, .86);--color-surface-danger: rgba(60, 17, 17, .82);--color-surface-notice: rgba(10, 44, 52, .76);--color-focus-ring: rgba(79, 228, 220, .52);--color-active-bg: rgba(7, 38, 42, .9);--color-active-glow: rgba(69, 229, 221, .35);--btn-primary-frame: rgba(224, 180, 91, .86);--btn-primary-edge: rgba(255, 225, 148, .96);--btn-primary-gleam: rgba(255, 226, 156, .16);--btn-primary-shadow: rgba(171, 109, 26, .22);--btn-primary-text: #fff4d6;--btn-primary-caption: rgba(255, 229, 177, .74);--btn-danger-frame: rgba(235, 99, 88, .86);--btn-danger-edge: rgba(255, 158, 126, .92);--btn-danger-gleam: rgba(255, 172, 162, .14);--btn-danger-shadow: rgba(151, 30, 28, .22);--btn-danger-text: #ffe0dc;--btn-danger-caption: rgba(255, 219, 214, .74);--btn-ghost-frame: rgba(47, 153, 158, .68);--btn-ghost-edge: rgba(126, 235, 226, .86);--btn-ghost-gleam: rgba(141, 255, 245, .1);--btn-ghost-shadow: rgba(23, 126, 133, .16);--btn-ghost-text: #c8fffa;--btn-muted-frame: rgba(176, 146, 91, .66);--btn-muted-edge: rgba(225, 192, 122, .86);--btn-muted-gleam: rgba(255, 229, 170, .08);--btn-muted-shadow: rgba(108, 82, 34, .14);--btn-muted-text: #e5d3ad;--btn-muted-caption: rgba(228, 207, 166, .72);--btn-corner-size: 8px;--btn-corner-offset: 3px;--btn-inner-radius: var(--radius-sm);--btn-shadow-base: inset 0 0 0 1px rgba(255, 244, 203, .1), inset 0 0 0 2px var(--button-edge-color), inset 0 0 0 4px rgba(0, 0, 0, .5), inset 0 0 0 5px rgba(255, 244, 203, .14), 0 12px 26px var(--button-shadow-color);--asset-corner-tl: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='183px'%20height='183px'%20viewBox='0%200%20198.38%20198.38'%3e%3cg%20transform='rotate(270%2099.19%2099.19)'%3e%3cpath%20fill='black'%20d='M155.09%2081.76c5.25,3.35%209.83,-10.31%2017.65,-4.55%205.11,3.76%207.26,10.74%206.83,23.79%20-0.65,19.91%20-20.76,34.23%20-28.22,30.81%20-9.13,-4.19%20-11.39,-14.47%20-3.8,-15.14%208.25,-0.72%2013.31,-9.6%204.08,-14.2%20-7.63,-3.8%20-22.49,4.84%20-23.47,17.51%20-0.86,11.17%2015.24,33.68%2036.74,20.07%20-7.07,6.79%20-18.13,28.37%20-7.68,42.54%2010.45,14.16%204.44,-9.28%2014.33,-16.6%20-10.98,26.63%2017.57,38.66%2026.42,29.17%203.47,-3.72%20-16.56,-18.84%20-6.63,-44.64%2010.26,-26.64%2012.72,-78.11%20-18.56,-88.65%20-15.39,-5.18%20-29.58,12.3%20-17.69,19.89zm-38.47%20-38.47c-3.35,-5.25%2010.31,-9.83%204.55,-17.65%20-3.76,-5.11%20-10.75,-7.26%20-23.79,-6.83%20-19.91,0.65%20-34.24,20.76%20-30.81,28.22%204.19,9.13%2014.47,11.39%2015.14,3.8%200.71,-8.25%209.59,-13.32%2014.19,-4.08%203.81,7.63%20-4.83,22.49%20-17.51,23.47%20-11.16,0.86%20-33.67,-15.24%20-20.06,-36.74%20-6.79,7.06%20-28.37,18.13%20-42.54,7.68%20-14.17,-10.45%209.27,-4.44%2016.6,-14.33%20-26.63,10.98%20-38.66,-17.57%20-29.17,-26.42%203.72,-3.47%2018.84,16.56%2044.64,6.62%2026.64,-10.25%2078.11,-12.71%2088.65,18.57%205.18,15.39%20-12.3,29.57%20-19.89,17.69zm-28.82%2067.29c3.13,3.13%208.77,-4.39%2020.26,-2.58%2011.48,1.82%2010.02,-10.26%2014.74,-20.83%204.72,-10.58%2022.99,-27.9%2029.09,-32.92%206.1,-5.02%2012.91,-5.93%2018.58,-10.05%205.66,-4.13%208.76,-12.19%202.33,-18.62%20-6.43,-6.43%20-14.49,-3.33%20-18.62,2.33%20-4.13,5.66%20-5.04,12.48%20-10.05,18.58%20-5.02,6.1%20-22.35,24.37%20-32.92,29.09%20-10.57,4.72%20-22.65,3.26%20-20.83,14.74%201.81,11.49%20-5.71,17.13%20-2.58,20.26z'/%3e%3c/g%3e%3c/svg%3e");--asset-corner-tr: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='183px'%20height='183px'%20viewBox='0%200%20198.38%20198.38'%3e%3cg%3e%3cpath%20fill='black'%20d='M155.09%2081.76c5.25,3.35%209.83,-10.31%2017.65,-4.55%205.11,3.76%207.26,10.74%206.83,23.79%20-0.65,19.91%20-20.76,34.23%20-28.22,30.81%20-9.13,-4.19%20-11.39,-14.47%20-3.8,-15.14%208.25,-0.72%2013.31,-9.6%204.08,-14.2%20-7.63,-3.8%20-22.49,4.84%20-23.47,17.51%20-0.86,11.17%2015.24,33.68%2036.74,20.07%20-7.07,6.79%20-18.13,28.37%20-7.68,42.54%2010.45,14.16%204.44,-9.28%2014.33,-16.6%20-10.98,26.63%2017.57,38.66%2026.42,29.17%203.47,-3.72%20-16.56,-18.84%20-6.63,-44.64%2010.26,-26.64%2012.72,-78.11%20-18.56,-88.65%20-15.39,-5.18%20-29.58,12.3%20-17.69,19.89zm-38.47%20-38.47c-3.35,-5.25%2010.31,-9.83%204.55,-17.65%20-3.76,-5.11%20-10.75,-7.26%20-23.79,-6.83%20-19.91,0.65%20-34.24,20.76%20-30.81,28.22%204.19,9.13%2014.47,11.39%2015.14,3.8%200.71,-8.25%209.59,-13.32%2014.19,-4.08%203.81,7.63%20-4.83,22.49%20-17.51,23.47%20-11.16,0.86%20-33.67,-15.24%20-20.06,-36.74%20-6.79,7.06%20-28.37,18.13%20-42.54,7.68%20-14.17,-10.45%209.27,-4.44%2016.6,-14.33%20-26.63,10.98%20-38.66,-17.57%20-29.17,-26.42%203.72,-3.47%2018.84,16.56%2044.64,6.62%2026.64,-10.25%2078.11,-12.71%2088.65,18.57%205.18,15.39%20-12.3,29.57%20-19.89,17.69zm-28.82%2067.29c3.13,3.13%208.77,-4.39%2020.26,-2.58%2011.48,1.82%2010.02,-10.26%2014.74,-20.83%204.72,-10.58%2022.99,-27.9%2029.09,-32.92%206.1,-5.02%2012.91,-5.93%2018.58,-10.05%205.66,-4.13%208.76,-12.19%202.33,-18.62%20-6.43,-6.43%20-14.49,-3.33%20-18.62,2.33%20-4.13,5.66%20-5.04,12.48%20-10.05,18.58%20-5.02,6.1%20-22.35,24.37%20-32.92,29.09%20-10.57,4.72%20-22.65,3.26%20-20.83,14.74%201.81,11.49%20-5.71,17.13%20-2.58,20.26z'/%3e%3c/g%3e%3c/svg%3e");--asset-corner-br: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='183px'%20height='183px'%20viewBox='0%200%20198.38%20198.38'%3e%3cg%20transform='rotate(90%2099.19%2099.19)'%3e%3cpath%20fill='black'%20d='M155.09%2081.76c5.25,3.35%209.83,-10.31%2017.65,-4.55%205.11,3.76%207.26,10.74%206.83,23.79%20-0.65,19.91%20-20.76,34.23%20-28.22,30.81%20-9.13,-4.19%20-11.39,-14.47%20-3.8,-15.14%208.25,-0.72%2013.31,-9.6%204.08,-14.2%20-7.63,-3.8%20-22.49,4.84%20-23.47,17.51%20-0.86,11.17%2015.24,33.68%2036.74,20.07%20-7.07,6.79%20-18.13,28.37%20-7.68,42.54%2010.45,14.16%204.44,-9.28%2014.33,-16.6%20-10.98,26.63%2017.57,38.66%2026.42,29.17%203.47,-3.72%20-16.56,-18.84%20-6.63,-44.64%2010.26,-26.64%2012.72,-78.11%20-18.56,-88.65%20-15.39,-5.18%20-29.58,12.3%20-17.69,19.89zm-38.47%20-38.47c-3.35,-5.25%2010.31,-9.83%204.55,-17.65%20-3.76,-5.11%20-10.75,-7.26%20-23.79,-6.83%20-19.91,0.65%20-34.24,20.76%20-30.81,28.22%204.19,9.13%2014.47,11.39%2015.14,3.8%200.71,-8.25%209.59,-13.32%2014.19,-4.08%203.81,7.63%20-4.83,22.49%20-17.51,23.47%20-11.16,0.86%20-33.67,-15.24%20-20.06,-36.74%20-6.79,7.06%20-28.37,18.13%20-42.54,7.68%20-14.17,-10.45%209.27,-4.44%2016.6,-14.33%20-26.63,10.98%20-38.66,-17.57%20-29.17,-26.42%203.72,-3.47%2018.84,16.56%2044.64,6.62%2026.64,-10.25%2078.11,-12.71%2088.65,18.57%205.18,15.39%20-12.3,29.57%20-19.89,17.69zm-28.82%2067.29c3.13,3.13%208.77,-4.39%2020.26,-2.58%2011.48,1.82%2010.02,-10.26%2014.74,-20.83%204.72,-10.58%2022.99,-27.9%2029.09,-32.92%206.1,-5.02%2012.91,-5.93%2018.58,-10.05%205.66,-4.13%208.76,-12.19%202.33,-18.62%20-6.43,-6.43%20-14.49,-3.33%20-18.62,2.33%20-4.13,5.66%20-5.04,12.48%20-10.05,18.58%20-5.02,6.1%20-22.35,24.37%20-32.92,29.09%20-10.57,4.72%20-22.65,3.26%20-20.83,14.74%201.81,11.49%20-5.71,17.13%20-2.58,20.26z'/%3e%3c/g%3e%3c/svg%3e");--asset-corner-bl: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='183px'%20height='183px'%20viewBox='0%200%20198.38%20198.38'%3e%3cg%20transform='rotate(180%2099.19%2099.19)'%3e%3cpath%20fill='black'%20d='M155.09%2081.76c5.25,3.35%209.83,-10.31%2017.65,-4.55%205.11,3.76%207.26,10.74%206.83,23.79%20-0.65,19.91%20-20.76,34.23%20-28.22,30.81%20-9.13,-4.19%20-11.39,-14.47%20-3.8,-15.14%208.25,-0.72%2013.31,-9.6%204.08,-14.2%20-7.63,-3.8%20-22.49,4.84%20-23.47,17.51%20-0.86,11.17%2015.24,33.68%2036.74,20.07%20-7.07,6.79%20-18.13,28.37%20-7.68,42.54%2010.45,14.16%204.44,-9.28%2014.33,-16.6%20-10.98,26.63%2017.57,38.66%2026.42,29.17%203.47,-3.72%20-16.56,-18.84%20-6.63,-44.64%2010.26,-26.64%2012.72,-78.11%20-18.56,-88.65%20-15.39,-5.18%20-29.58,12.3%20-17.69,19.89zm-38.47%20-38.47c-3.35,-5.25%2010.31,-9.83%204.55,-17.65%20-3.76,-5.11%20-10.75,-7.26%20-23.79,-6.83%20-19.91,0.65%20-34.24,20.76%20-30.81,28.22%204.19,9.13%2014.47,11.39%2015.14,3.8%200.71,-8.25%209.59,-13.32%2014.19,-4.08%203.81,7.63%20-4.83,22.49%20-17.51,23.47%20-11.16,0.86%20-33.67,-15.24%20-20.06,-36.74%20-6.79,7.06%20-28.37,18.13%20-42.54,7.68%20-14.17,-10.45%209.27,-4.44%2016.6,-14.33%20-26.63,10.98%20-38.66,-17.57%20-29.17,-26.42%203.72,-3.47%2018.84,16.56%2044.64,6.62%2026.64,-10.25%2078.11,-12.71%2088.65,18.57%205.18,15.39%20-12.3,29.57%20-19.89,17.69zm-28.82%2067.29c3.13,3.13%208.77,-4.39%2020.26,-2.58%2011.48,1.82%2010.02,-10.26%2014.74,-20.83%204.72,-10.58%2022.99,-27.9%2029.09,-32.92%206.1,-5.02%2012.91,-5.93%2018.58,-10.05%205.66,-4.13%208.76,-12.19%202.33,-18.62%20-6.43,-6.43%20-14.49,-3.33%20-18.62,2.33%20-4.13,5.66%20-5.04,12.48%20-10.05,18.58%20-5.02,6.1%20-22.35,24.37%20-32.92,29.09%20-10.57,4.72%20-22.65,3.26%20-20.83,14.74%201.81,11.49%20-5.71,17.13%20-2.58,20.26z'/%3e%3c/g%3e%3c/svg%3e");--asset-parchment: url(/assets/parchment-tile-BuR124s2.png)}:root{color:var(--color-text-primary);background:var(--color-surface-root);font-family:var(--font-serif)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,p{margin:0;letter-spacing:0}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.appStage{position:relative;height:100vh;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(33,56,64,.7),transparent 34%),radial-gradient(circle at 18% 22%,rgba(54,120,126,.14),transparent 25%),linear-gradient(180deg,#0b1013 0%,#05080b 66%,var(--p-ink-950) 100%)}.appStage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:linear-gradient(rgba(202,166,91,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(202,166,91,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 50% 20%,black,transparent 70%);mask-image:radial-gradient(circle at 50% 20%,black,transparent 70%)}.phoneShell{position:relative;z-index:var(--z-base);width:100%;max-width:480px;height:100vh;display:flex;flex-direction:column;background:var(--color-surface-shell);overflow:hidden}.appScreen{position:relative;z-index:var(--z-base);flex:1;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% -8%,rgba(38,75,83,.26),transparent 42%),linear-gradient(180deg,#071016 0%,var(--p-ink-700) 42%,#05080c 100%)}.screenStack{height:100%;padding:var(--space-5) 18px var(--space-6);overflow-y:auto;scrollbar-width:none}.screenStack::-webkit-scrollbar{display:none}.loadingScreen{display:grid;place-items:center}.loadingPanel{width:min(100%,270px);display:grid;place-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-6);border:1px solid var(--color-border-gold-dim);border-radius:var(--radius-lg);background:#090f13eb;text-align:center}.loadingPanel strong{color:#fff4df;font-size:var(--text-3xl)}.loadingPanel small{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6}.busyRune{width:18px;height:18px;border:2px solid rgba(112,232,224,.24);border-top-color:var(--p-teal-400);border-radius:50%;animation:spin .8s linear infinite}.brandSigil{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--color-border-gold);color:var(--p-gold-300);background:linear-gradient(135deg,rgba(202,166,91,.24),transparent),#0a0f12e6;font-size:var(--text-base);font-weight:900}.bottomNav{position:relative;z-index:var(--z-nav);height:74px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:var(--space-2) var(--space-4) 10px;border-top:1px solid var(--color-border-subtle);background:linear-gradient(180deg,#0c181ef2,#05080cfa),#06090d}.bottomNav button{display:grid;place-items:center;align-content:center;gap:var(--space-1);border:0;color:var(--color-text-muted);background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:800}.bottomNav svg{width:22px;height:22px;stroke-width:1.7}.bottomNav button.active{color:var(--color-text-accent);text-shadow:0 0 18px var(--color-active-glow)}.shelfHeader,.pageHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.shelfHeader{position:sticky;top:calc(-1 * var(--space-5));z-index:2;margin:calc(-1 * var(--space-5)) -18px 0;padding:var(--space-5) 18px var(--space-4);background:#071014f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:var(--space-5)}.shelfHeader h1{color:#fff7e8;font-size:var(--text-5xl);line-height:1;text-shadow:0 0 28px rgba(244,226,181,.16)}.pageHeader{position:sticky;top:calc(-1 * var(--space-5));z-index:2;margin:calc(-1 * var(--space-5)) -18px 0;padding:var(--space-5) 18px var(--space-4);background:#071014f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:22px}.pageHeader strong{flex:1;color:#fff4df;font-size:var(--text-xl);text-align:center}.headerSpacer{width:36px}.iconButton{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--color-border-default);border-radius:7px;color:#d8e3dc;background:linear-gradient(180deg,#1c2d34b8,#070d11cc),#0b151a}.iconButton svg{width:20px;height:20px}.gearIcon{color:#b5d5d2;border-radius:50%;background:transparent}.arrowIcon{width:24px;height:24px}.sectionTitleRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.sectionTitleRow h2{color:var(--color-text-heading);font-size:var(--text-2xl)}.subStatus{margin-top:var(--space-2);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base)}.primaryAction,.chapterCta,.dangerAction,.guestButton,.noteButton,.ghostAction,.newStoryCard,.freeActionInput button,.modalGhost,.modalPrimary,.modalDanger{--button-frame-color: var(--btn-primary-frame);--button-edge-color: var(--btn-primary-edge);--button-gleam: var(--btn-primary-gleam);--button-shadow-color:var(--btn-primary-shadow);--button-corner-size: var(--btn-corner-size);--button-corner-offset: var(--btn-corner-offset);--button-inner-radius: var(--btn-inner-radius);box-shadow:inset 0 0 0 1px #fff4cb1a,inset 0 0 0 2px var(--button-edge-color),inset 0 0 0 4px #00000080,inset 0 0 0 5px #fff4cb24,0 12px 26px var(--button-shadow-color)}.primaryAction,.chapterCta,.dangerAction,.guestButton,.noteButton,.ghostAction,.newStoryCard,.freeActionInput button{position:relative;isolation:isolate;overflow:hidden;border-color:transparent;background:var(--button-frame-color);transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.modalGhost,.modalPrimary,.modalDanger{position:relative;isolation:isolate;overflow:hidden;padding:var(--space-2) 18px;border-radius:var(--radius-lg);font-size:var(--text-md);font-family:var(--font-sans);cursor:pointer;transition:filter var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.primaryAction:before,.chapterCta:before,.dangerAction:before,.guestButton:before,.noteButton:before,.ghostAction:before,.newStoryCard:before,.freeActionInput button:before,.modalGhost:before,.modalPrimary:before,.modalDanger:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:2;pointer-events:none;background-color:var(--button-edge-color);mask-image:var(--asset-corner-tl),var(--asset-corner-tr),var(--asset-corner-br),var(--asset-corner-bl);mask-size:var(--button-corner-size) var(--button-corner-size);mask-position:left var(--button-corner-offset) top var(--button-corner-offset),right var(--button-corner-offset) top var(--button-corner-offset),right var(--button-corner-offset) bottom var(--button-corner-offset),left var(--button-corner-offset) bottom var(--button-corner-offset);mask-repeat:no-repeat;-webkit-mask-image:var(--asset-corner-tl),var(--asset-corner-tr),var(--asset-corner-br),var(--asset-corner-bl);-webkit-mask-size:var(--button-corner-size) var(--button-corner-size);-webkit-mask-position:left var(--button-corner-offset) top var(--button-corner-offset),right var(--button-corner-offset) top var(--button-corner-offset),right var(--button-corner-offset) bottom var(--button-corner-offset),left var(--button-corner-offset) bottom var(--button-corner-offset);-webkit-mask-repeat:no-repeat;opacity:.58}.primaryAction:after,.chapterCta:after,.dangerAction:after,.guestButton:after,.noteButton:after,.ghostAction:after,.newStoryCard:after,.freeActionInput button:after,.modalGhost:after,.modalPrimary:after,.modalDanger:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:0;pointer-events:none;border-radius:var(--button-inner-radius);background:linear-gradient(180deg,rgba(255,232,174,.08),transparent 46%,rgba(0,0,0,.16)),radial-gradient(ellipse at 50% 0%,var(--button-gleam),transparent 58%),repeating-linear-gradient(90deg,rgba(255,232,174,.025) 0 1px,transparent 1px 8px);opacity:.95}.primaryAction>*,.chapterCta>*,.dangerAction>*,.guestButton>*,.noteButton>*,.ghostAction>*,.newStoryCard>*,.freeActionInput button>*,.modalGhost>*,.modalPrimary>*,.modalDanger>*{position:relative;z-index:1}.primaryAction:hover:not(:disabled),.chapterCta:hover:not(:disabled),.dangerAction:hover:not(:disabled),.guestButton:hover:not(:disabled),.noteButton:hover:not(:disabled),.ghostAction:hover:not(:disabled),.newStoryCard:hover:not(:disabled),.freeActionInput button:hover:not(:disabled),.modalGhost:hover:not(:disabled),.modalPrimary:hover:not(:disabled),.modalDanger:hover:not(:disabled){transform:translateY(-1px)}.modalGhost:hover,.modalPrimary:hover,.modalDanger:hover{filter:brightness(1.15)}.primaryAction:disabled,.chapterCta:disabled,.dangerAction:disabled,.guestButton:disabled,.noteButton:disabled,.ghostAction:disabled,.newStoryCard:disabled,.freeActionInput button:disabled,.modalGhost:disabled,.modalPrimary:disabled,.modalDanger:disabled{color:var(--color-text-disabled);filter:grayscale(.36);opacity:.66;box-shadow:inset 0 0 0 2px #707e7e57,inset 0 0 0 4px #00000070}.primaryAction:disabled:before,.chapterCta:disabled:before,.dangerAction:disabled:before,.guestButton:disabled:before,.noteButton:disabled:before,.ghostAction:disabled:before,.newStoryCard:disabled:before,.freeActionInput button:disabled:before,.modalGhost:disabled:before,.modalPrimary:disabled:before,.modalDanger:disabled:before{opacity:.34}.primaryAction,.chapterCta,.naturalEnd,.modalPrimary{--button-frame-color: var(--btn-primary-frame);--button-edge-color: var(--btn-primary-edge);--button-gleam: var(--btn-primary-gleam);--button-shadow-color: var(--btn-primary-shadow)}.primaryAction,.chapterCta,.naturalEnd,.modalPrimary{color:var(--btn-primary-text);background:radial-gradient(ellipse at 50% 0%,var(--button-gleam),transparent 58%),linear-gradient(180deg,#78531e7a,#1f150aa3),var(--asset-parchment),var(--button-frame-color);background-size:auto,auto,260px 260px,auto;background-blend-mode:screen,multiply,normal,normal}.dangerAction,.modalDanger{--button-frame-color: var(--btn-danger-frame);--button-edge-color: var(--btn-danger-edge);--button-gleam: var(--btn-danger-gleam);--button-shadow-color: var(--btn-danger-shadow)}.dangerAction,.modalDanger{color:var(--btn-danger-text);background:radial-gradient(ellipse at 50% 0%,var(--button-gleam),transparent 58%),linear-gradient(180deg,#82271f80,#290c0aa8),var(--asset-parchment),var(--button-frame-color);background-size:auto,auto,260px 260px,auto;background-blend-mode:screen,multiply,normal,normal}.guestButton,.newStoryCard,.modalGhost{--button-frame-color: var(--btn-muted-frame);--button-edge-color: var(--btn-muted-edge);--button-gleam: var(--btn-muted-gleam);--button-shadow-color: var(--btn-muted-shadow)}.guestButton,.newStoryCard,.modalGhost{color:var(--btn-muted-text);background:radial-gradient(ellipse at 50% 0%,var(--button-gleam),transparent 58%),linear-gradient(180deg,#5c421866,#0e0d0a9e),var(--asset-parchment),var(--button-frame-color);background-size:auto,auto,260px 260px,auto;background-blend-mode:screen,multiply,normal,normal}.ghostAction,.freeActionInput button{--button-frame-color: var(--btn-ghost-frame);--button-edge-color: var(--btn-ghost-edge);--button-gleam: var(--btn-ghost-gleam);--button-shadow-color: var(--btn-ghost-shadow);--button-corner-size: 6px;--button-corner-offset: 3px}.ghostAction,.freeActionInput button{color:var(--btn-ghost-text);background:radial-gradient(ellipse at 50% 0%,var(--button-gleam),transparent 58%),linear-gradient(180deg,#0f5c6075,#051c1fa8),var(--asset-parchment),var(--button-frame-color);background-size:auto,auto,260px 260px,auto;background-blend-mode:screen,multiply,normal,normal}.noteButton{--button-corner-size: 7px;color:#ead397;background:radial-gradient(ellipse at 50% 0%,var(--button-gleam),transparent 58%),linear-gradient(180deg,#553e1870,#0f0e0ba8),var(--asset-parchment),var(--button-frame-color);background-size:auto,auto,220px 220px,auto;background-blend-mode:screen,multiply,normal,normal}.modalGhost,.modalPrimary,.modalDanger{--button-corner-size: 6.5px;--button-corner-offset: 3px}.primaryAction{width:100%;min-height:64px;display:grid;border-radius:var(--radius-lg);--button-title-color: var(--btn-primary-text);--button-caption-color: var(--btn-primary-caption);align-content:center;justify-items:center;gap:var(--space-1);text-align:center;line-height:1.15}.primaryAction>span{font-size:var(--text-2xl);font-weight:900;line-height:1.15;color:var(--button-title-color)}.primaryAction small{display:block;margin:0;color:var(--button-caption-color);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;line-height:1.25}.dangerAction{width:100%;min-height:52px;display:grid;border-radius:var(--radius-lg);--button-title-color: var(--btn-danger-text);--button-caption-color: var(--btn-danger-caption);align-content:center;justify-items:center;gap:var(--space-1);text-align:center;line-height:1.15}.dangerAction small{display:block;margin:0;color:var(--btn-danger-caption);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;line-height:1.25}.guestButton{width:100%;min-height:58px;display:grid;border-radius:var(--radius-lg);font-size:var(--text-lg);--button-title-color: var(--btn-muted-text);--button-caption-color: var(--btn-muted-caption);align-content:center;justify-items:center;gap:var(--space-1);text-align:center;line-height:1.15}.guestButton small{display:block;margin:0;color:var(--btn-muted-caption);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;line-height:1.25}.chapterCta{position:relative;z-index:2;width:calc(100% - 32px);min-height:52px;display:flex;align-items:center;justify-content:center;gap:28px;margin:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-3xl);font-weight:900}.naturalEnd{min-height:52px;margin-bottom:10px}.noteButton{min-height:64px;display:grid;place-items:center;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:900}.noteButton svg{width:25px;height:25px}.ghostAction{min-width:74px;min-height:32px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:800}.newStoryCard{min-height:72px;display:flex;align-items:center;justify-content:center;gap:var(--space-4);border-radius:var(--radius-md)}.newStoryCard strong{font-size:var(--text-3xl)}.newStoryCard small{display:block;margin-top:var(--space-1);color:var(--p-neutral-400);font-family:var(--font-sans);font-size:var(--text-base)}.plusRing{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(122,141,146,.7);border-radius:50%;color:#acbfc0;font-size:28px;line-height:1}.textLink{display:inline-flex;align-items:center;gap:var(--space-1);border:0;color:var(--color-text-accent);background:transparent;font-family:var(--font-sans);font-size:var(--text-base);font-weight:800}.chevronIcon{width:14px;height:14px}.linkButton{background:none;border:none;color:var(--color-text-accent);cursor:pointer;font-size:var(--text-base);padding:var(--space-1) var(--radius-sm)}.linkButton:hover{color:var(--color-text-heading)}.storyPoster:after,.modeCard:after,.chapterFrame:after,.endingFrame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background:linear-gradient(135deg,rgba(202,166,91,.34) 0 1px,transparent 1px 18px),linear-gradient(225deg,rgba(202,166,91,.26) 0 1px,transparent 1px 18px);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,black,transparent 30%,transparent 70%,black);mask-image:linear-gradient(90deg,black,transparent 30%,transparent 70%,black)}.modeDeck{display:grid;gap:13px}.modeCard{position:relative;min-height:104px;display:grid;grid-template-columns:72px 1fr 22px;align-items:center;gap:var(--space-4);overflow:hidden;border:1px solid var(--color-border-gold-dim);border-radius:var(--radius-md);color:var(--p-gold-100);background:linear-gradient(120deg,#0a2634f5,#08131af5),#0a151c;text-align:left}.modeCard:nth-child(2){border-color:#7b8b588c;background:linear-gradient(120deg,#0d3429f5,#091614f5)}.modeCard:nth-child(3){border-color:#6962928c;background:linear-gradient(120deg,#12162ff5,#090d18f5)}.modeCard.selected{box-shadow:inset 0 0 0 1px #53e2db57,0 0 30px #48e0d81f}.modeIcon{width:58px;height:58px;display:grid;place-items:center;margin-left:var(--space-4);color:#aac3be;border-radius:50%;background:radial-gradient(circle,#e8e0c324,#0000002e);filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.modeIcon svg{width:38px;height:38px;stroke-width:1.25}.modeIcon.book{color:#a7cdd0}.modeIcon.dice{color:#bac8a9}.modeIcon.lens{color:#b5aed2}.modeCopy strong,.modeCopy small{display:block}.modeCopy strong{color:var(--color-text-heading);font-size:var(--text-3xl)}.modeCopy small{max-width:190px;margin-top:var(--radius-sm);color:#a7a99e;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}.choiceList{display:grid;gap:15px}.choiceCard{position:relative;min-height:89px;display:grid;grid-template-columns:42px 1fr;grid-template-areas:"letter title" "letter desc";gap:var(--space-1) var(--space-3);align-items:center;border:1px solid rgba(69,190,206,.5);border-radius:var(--radius-md);color:#e9f4ee;background:linear-gradient(120deg,#0c303aeb,#081116f0),#0b151a;text-align:left}.choiceCard:before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:10px;border:1px solid currentColor;border-right:0;border-radius:var(--radius-md) 0 0 var(--radius-md);opacity:.34}.choiceCard.green{border-color:#3ab78080;background:linear-gradient(120deg,#0c3525eb,#081110f0)}.choiceCard.violet{border-color:#6f66ad8f;background:linear-gradient(120deg,#1b1a3aeb,#0a0c19f0)}.choiceCard span{grid-area:letter;width:34px;height:34px;display:grid;place-items:center;margin-left:13px;border:1px solid currentColor;border-radius:50%;color:#63dce4;background:#00000038;font-family:var(--font-sans);font-size:20px}.choiceCard.green span{color:#62d898}.choiceCard.violet span{color:#aaa0e2}.choiceCard strong{grid-area:title;align-self:end;color:var(--color-text-heading);font-size:var(--text-lg)}.choiceCard small{grid-area:desc;align-self:start;color:#a7b2ae;font-family:var(--font-sans);font-size:var(--text-base)}.statRail{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:var(--space-3) 0}.statChip{min-height:38px;display:grid;place-items:center;border:1px solid rgba(70,222,217,.35);border-radius:7px;color:var(--p-teal-200);background:#0b2c37e0;font-family:var(--font-sans);font-size:var(--text-base);font-weight:900}.statChip.gold{color:var(--p-gold-300);border-color:var(--color-border-gold);background:#322712db}.statChip.amber{color:#eacb8d;border-color:#b88a4466;background:#301f10d6}.statusCard{margin-bottom:18px;padding:var(--space-4);border:1px solid rgba(77,126,137,.36);border-radius:var(--radius-md);background:radial-gradient(circle at 10% 10%,rgba(67,110,125,.16),transparent 24%),#081116e0}.statusCard strong,.statusCard small,.statusCard p{display:block}.statusCard strong{color:var(--color-text-heading);font-size:var(--text-lg)}.statusCard small{margin-top:var(--space-1);color:var(--color-text-accent);font-family:var(--font-sans);font-size:var(--text-base)}.statusCard p{margin-top:var(--space-2);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6}.profileCard{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4);background:radial-gradient(circle at 90% 10%,rgba(76,116,129,.16),transparent 28%),var(--color-surface-card)}.profileCard strong,.profileCard small{display:block}.profileCard strong{color:var(--color-text-heading);font-size:var(--text-3xl)}.profileCard small{margin-top:var(--space-2);color:var(--p-neutral-400);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6}.noteList{display:grid;gap:10px;margin-top:var(--space-4)}.noteList div,.emptyOrnament{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-card)}.noteList strong,.noteList small,.emptyOrnament strong,.emptyOrnament small{display:block}.noteList strong,.emptyOrnament strong{color:var(--color-text-heading)}.noteList small,.emptyOrnament small{margin-top:var(--radius-sm);color:var(--p-neutral-400);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}.emptyOrnament{min-height:260px;display:grid;place-items:center;align-content:center;gap:var(--space-4);text-align:center}.frameworkPanel{border:1px solid rgba(69,137,136,.4);border-radius:var(--radius-md);padding:13px;background:#091518e6}.frameworkHeader{display:flex;justify-content:space-between;color:var(--p-neutral-400);font-family:var(--font-sans);font-size:var(--text-base)}.frameworkHeader strong{color:var(--p-teal-300)}.frameworkGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-3)}.frameworkGrid span{display:grid;gap:5px;padding:10px 8px;border-radius:var(--radius-sm);background:#ffffff0a}.frameworkGrid small{color:#748486;font-family:var(--font-sans);font-size:var(--text-xs)}.frameworkGrid strong{color:var(--color-text-heading);font-size:var(--text-base)}.drawerEndingRow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid rgba(202,166,91,.3);border-radius:var(--radius-md);background:#281c0c6b}.drawerEndingCopy{display:flex;flex-direction:column;gap:2px}.drawerEndingCopy strong{color:var(--color-text-heading);font-size:var(--text-md)}.drawerEndingCopy small{color:var(--p-neutral-400);font-family:var(--font-sans);font-size:var(--text-sm)}.posterDelete{position:absolute;top:var(--space-2);right:var(--space-2);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-full);background:#080e12c7;color:#ffdcdcd9;font-size:var(--text-2xl);line-height:1;cursor:pointer;z-index:2;transition:background var(--transition-fast),border-color var(--transition-fast)}.posterDelete:hover{background:#7c2020c7;border-color:#e56060c7;color:var(--p-red-100)}.checkMark{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#071310;background:var(--p-sage-500);font-size:var(--text-base);font-weight:900}.modalOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-surface-overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modalCard{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--space-3);padding:22px 22px 18px;border:1px solid var(--color-border-teal);border-radius:var(--radius-2xl);background:#07161cfa;box-shadow:0 22px 60px #0009;color:var(--p-teal-50);font-family:var(--font-sans)}.modalTitle{font-size:var(--text-2xl);font-weight:600;letter-spacing:.4px}.modalBody{margin:0;font-size:var(--text-md);line-height:1.65;color:#b9c8c9}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--space-1)}.chapterHistoryModal{max-width:380px;max-height:80vh;display:flex;flex-direction:column;gap:var(--space-3)}.chapterHistoryHeader{display:flex;align-items:center;justify-content:space-between}.chapterHistoryBody{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.chapterHistoryBody .historyPanel{margin:0}.busyOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;background:#020a0e9e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:var(--p-teal-50);font-family:var(--font-sans);font-size:var(--text-lg);pointer-events:auto}.busyOverlay .busyCard{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 26px;min-width:220px;justify-content:center;border:1px solid rgba(80,241,232,.42);border-radius:var(--radius-xl);background:#041b20f5;box-shadow:0 18px 48px #00000080;font-weight:500;letter-spacing:.4px}.statusBanner{position:absolute;top:auto;bottom:var(--space-3);left:var(--space-4);right:var(--space-4);z-index:4;pointer-events:none;padding:10px var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;animation:toastIn .18s ease-out}.statusBanner.notice{color:#cff7f3;background:var(--color-surface-notice)}.statusBanner.error{top:var(--space-2);bottom:auto;pointer-events:auto;color:var(--color-text-danger);border-color:var(--color-border-danger);background:var(--color-surface-danger)}.createIntro{margin:22px 0 26px;text-align:center}.createIntro h1{color:var(--p-gold-300);font-size:22px}.createIntro p{margin-top:7px;color:#9e9b8e;font-family:var(--font-sans);font-size:var(--text-md)}.storySetup{display:grid;gap:9px;margin:var(--space-6) 0 18px}.storySetup label{color:#f0eadf;font-size:var(--text-xl);font-weight:800}.storySetup input,.storySetup textarea{border:1px solid var(--color-border-input);border-radius:7px;padding:11px 13px;color:var(--color-text-heading);background:var(--color-surface-input);outline:none}.storySetup textarea{min-height:92px;resize:vertical}.storySetup input::placeholder,.storySetup textarea::placeholder{color:var(--color-text-placeholder)}.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-bottom:var(--space-4)}.fieldGrid label{display:grid;gap:7px;color:#d9d4c8;font-size:var(--text-md)}.fieldGrid input{height:42px;border:1px solid var(--color-border-input);border-radius:7px;padding:0 13px;color:var(--color-text-heading);background:var(--color-surface-input);outline:none}.fieldGrid input::placeholder{color:var(--color-text-placeholder)}@media(max-width:430px){.fieldGrid{grid-template-columns:1fr}}.customStyleUpload{margin-bottom:18px;padding:var(--space-4);border:1px dashed rgba(77,126,137,.5);border-radius:var(--radius-md);background:#081116b3;display:flex;flex-direction:column;gap:10px}.customStyleHeader strong{display:block;color:var(--color-text-heading);font-size:var(--text-lg)}.customStyleHeader small{display:block;margin-top:var(--space-1);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6}.customStyleButton{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:1px solid rgba(77,126,137,.6);border-radius:var(--radius-sm);color:var(--color-text-accent);font-size:var(--text-md);cursor:pointer;background:#436e7d1f;align-self:flex-start}.customStyleButton:hover{background:#436e7d38}.customStyleStatus{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 10px;border-radius:var(--radius-sm);background:#436e7d29;color:var(--color-text-heading);font-size:var(--text-md)}.customStyleStatus span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.styleSourceSelect{display:flex;flex-direction:column;gap:6px;color:var(--color-text-heading);font-size:var(--text-md)}.styleSourceSelect select{padding:var(--space-2) 10px;border:1px solid rgba(77,126,137,.6);border-radius:var(--radius-sm);background:#08111699;color:var(--color-text-heading);font-size:var(--text-md)}.styleTemplateSummary{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.6}.ttsPanel{display:flex;flex-direction:column;gap:10px;margin:18px 0;padding:var(--space-4);border:1px solid rgba(77,126,137,.4);border-radius:var(--radius-md);background:#0811168c}.ttsControls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.ttsField{display:flex;flex-direction:column;gap:4px;font-size:var(--text-base);color:var(--color-text-secondary)}.ttsField select,.ttsField input[type=range]{min-width:140px;padding:4px 8px;border-radius:var(--radius-sm);background:#08111699;color:var(--color-text-heading);border:1px solid rgba(77,126,137,.5)}.ttsButton{padding:var(--space-2) var(--space-4);border:1px solid rgba(77,126,137,.6);border-radius:var(--radius-sm);background:#436e7d2e;color:var(--color-text-accent);font-size:var(--text-md);cursor:pointer}.ttsButton:hover:not(:disabled){background:#436e7d52}.ttsButton:disabled{opacity:.5;cursor:not-allowed}.ttsAudio{width:100%}.ttsError{margin:0;color:#ffb3b3;font-size:var(--text-base)}.authScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:40px var(--space-6) 32px}.authBrand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:36px}.authBrand h1{margin:0;color:#fff7e8;font-size:var(--text-6xl);letter-spacing:.04em;text-shadow:0 0 32px rgba(244,226,181,.18)}.authBrand p{margin:0;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-md)}.authPanel{width:100%;max-width:320px}.authTabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border-input);border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.authTabs button{min-height:44px;border:0;color:#7c8c8e;background:#080d11e6;font-size:var(--text-lg);font-weight:800}.authTabs button.active{color:#e8f4f0;background:#0c242cf5;box-shadow:inset 0 -2px 0 var(--color-text-accent)}.authForm{display:grid;gap:var(--space-4);padding:var(--space-5) 18px;border:1px solid var(--color-border-input);border-radius:0 0 var(--radius-md) var(--radius-md);background:#090e12eb}.authForm label{display:grid;gap:7px;color:#d9d4c8;font-size:var(--text-md);font-weight:700}.authForm input{height:44px;border:1px solid var(--color-border-input);border-radius:7px;padding:0 13px;color:var(--color-text-heading);background:#04080be0;outline:none;font-size:var(--text-lg)}.authForm input::placeholder{color:var(--color-text-placeholder)}.authForm input:focus{border-color:var(--color-focus-ring);background:#060e12f0}.authForm .primaryAction{margin-top:var(--space-1);min-height:52px}.authDivider{display:flex;align-items:center;gap:var(--space-3);margin:18px 0 var(--space-4);color:var(--p-neutral-600);font-family:var(--font-sans);font-size:var(--text-base)}.authDivider:before,.authDivider:after{content:"";flex:1;height:1px;background:#5a6e7161}.freeActionPanel{margin-top:var(--space-5);padding:var(--space-3);border:1px solid rgba(37,155,150,.46);border-radius:var(--radius-xl);background:#042325ad}.freeActionHeader{display:flex;align-items:center;gap:10px;margin-bottom:11px}.freeIcon{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(112,224,218,.36);color:#d8e9dd;background:#00000038}.freeActionHeader strong,.freeActionHeader small{display:block}.freeActionHeader strong{color:#f0dbb0;font-size:var(--text-lg)}.freeActionHeader small{color:#8da6a6;font-family:var(--font-sans);font-size:var(--text-base)}.freeActionInput{display:grid;grid-template-columns:1fr 48px}.freeActionInput input{height:49px;border:1px solid var(--color-border-teal-dim);border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding:0 13px;color:#f5ebdc;background:#050b0eeb;outline:none}.freeActionInput input::placeholder{color:#617377}.freeActionInput button{display:grid;place-items:center;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.chapterFrame,.endingFrame{position:relative;overflow:hidden;border:1px solid var(--color-border-gold-dim);border-radius:var(--radius-md);box-shadow:inset 0 0 22px #00000080,0 18px 44px #00000038;background:linear-gradient(180deg,#0c0f0e6b,#090c0bad),var(--asset-parchment),linear-gradient(90deg,rgba(202,166,91,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(202,166,91,.035) 1px,transparent 1px),radial-gradient(circle at 50% 15%,rgba(44,72,80,.3),transparent 38%),#0f1212f5;background-size:auto,520px 520px,18px 18px,18px 18px,auto,auto;background-blend-mode:multiply,normal,normal,normal,normal,normal}.chapterText{position:relative;z-index:1;padding:var(--space-6) var(--space-5) var(--space-4)}.chapterText p{color:#e7dcc7;font-size:var(--text-2xl);line-height:1.76}.chapterText p+p{margin-top:13px}.streamingCursor{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--p-gold-500);animation:cursorBlink .8s step-end infinite}.chapterImage{position:relative;z-index:1;height:74px;margin:0 var(--space-4);overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(180deg,#121b23,#090d10 68%,#05080a)}.dockSky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 68% 30%,rgba(225,199,118,.7),transparent 4%),radial-gradient(circle at 68% 30%,rgba(225,199,118,.26),transparent 18%),linear-gradient(180deg,#182a35,#0b1218)}.dockWater{position:absolute;right:0;bottom:0;left:0;height:42px;background:repeating-linear-gradient(0deg,rgba(133,183,188,.1) 0 1px,transparent 1px 7px),linear-gradient(180deg,#1c3941a6,#05080a)}.dockCranes{position:absolute;left:var(--space-4);right:26px;bottom:38px;height:45px;clip-path:polygon(0 100%,0 72%,12% 72%,12% 46%,16% 46%,16% 100%,30% 100%,30% 38%,34% 38%,34% 100%,43% 100%,43% 58%,48% 58%,48% 100%,61% 100%,61% 30%,65% 30%,65% 100%,100% 100%,100% 78%,70% 42%,70% 36%,100% 72%);background:linear-gradient(180deg,#253039,#04070a)}.dockLight{position:absolute;right:34px;bottom:56px;width:22px;height:58px;background:radial-gradient(circle at 50% 8%,rgba(241,210,128,.85),transparent 14%),linear-gradient(90deg,transparent 0 35%,#1a252b 35% 65%,transparent 65%)}.endingFrame{padding:28px var(--space-4) var(--space-4);text-align:center}.endingFrame h1{margin-bottom:var(--space-2);color:var(--p-gold-300);font-size:var(--text-4xl)}.endingFrame p{color:#a8aaa0;font-family:var(--font-sans);font-size:var(--text-md);line-height:1.7}.endingLedger{margin-top:var(--space-4);padding:var(--space-2);border:1px solid rgba(72,70,55,.68);background:#04090b94;text-align:left}.endingLedger h2{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:7px;color:#dac083;font-size:var(--text-xl)}.ledgerRow{display:grid;grid-template-columns:20px 1fr 50px;gap:var(--space-2);align-items:center;min-height:31px;border-top:1px solid var(--color-border-white);color:#cdd5cb;font-family:var(--font-sans);font-size:var(--text-base)}.ledgerRow:first-of-type{border-top:0}.ledgerRow small{color:#7c847f;text-align:right}.endingFootnote{margin:var(--space-4) 0 var(--space-3)}.readerDrawer{margin-top:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:#070c10b8}.readerDrawer summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 13px;color:var(--color-text-heading);list-style:none;cursor:pointer}.readerDrawer summary::-webkit-details-marker{display:none}.readerDrawer summary span,.readerDrawer summary small{display:block}.readerDrawer summary span{font-size:var(--text-lg);font-weight:900}.readerDrawer summary small{color:var(--p-neutral-500);font-family:var(--font-sans);font-size:var(--text-sm)}.readerDrawer[open]{padding:0 var(--space-3) var(--space-3)}.readerDrawer[open] summary{padding-inline:1px}.readerDrawer .timelineStrip{margin-bottom:0}.readerDrawer .historyPanel{margin-top:var(--space-3)}.timelineStrip{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.timelineStrip::-webkit-scrollbar{display:none}.timelineChip{min-width:122px;padding:10px var(--space-3);border:1px solid rgba(86,112,117,.48);border-radius:var(--radius-md);color:#a7b6b8;background:#080e12e0;text-align:left}.timelineChip.active{border-color:var(--color-border-teal);color:var(--p-teal-50);background:var(--color-active-bg);box-shadow:inset 0 0 0 1px #4fe4dc1f}.timelineChip strong,.timelineChip small{display:block}.timelineChip strong{font-size:var(--text-base)}.timelineChip small{margin-top:var(--space-1);color:inherit;opacity:.8;font-family:var(--font-sans);font-size:var(--text-xs);line-height:1.4}.historyPanel{margin-top:var(--space-4);padding:var(--space-4);border:1px solid rgba(79,104,109,.4);border-radius:var(--radius-md);background:#070c10db}.compactRow{margin-bottom:10px}.historyList{display:grid;gap:10px}.historyRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--color-border-white)}.historyRow:first-child{border-top:0;padding-top:0}.historyRow.viewing{background:#60e8df0f;border-radius:var(--radius-sm);padding-left:var(--space-2);padding-right:var(--space-2);margin:0 -8px}.historyActions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.historyRow strong,.historyRow small{display:block}.historyRow strong{color:var(--color-text-heading);font-size:var(--text-md)}.historyRow small{margin-top:var(--space-1);color:var(--p-neutral-400);font-family:var(--font-sans);font-size:var(--text-sm)}.historyTag{min-width:48px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-gold);border-radius:var(--radius-full);color:var(--p-gold-300);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:800;text-align:center}.playerDock{display:grid;grid-template-columns:54px 1fr 68px;gap:10px;align-items:center;margin-top:var(--space-3)}.avatar{width:54px;height:54px;overflow:hidden;border:1px solid var(--color-border-gold);border-radius:7px;background:radial-gradient(circle at 50% 30%,#c7a798 0 15%,transparent 16%),linear-gradient(120deg,transparent 0 40%,rgba(255,255,255,.08) 41% 42%,transparent 43%),linear-gradient(180deg,#29343c,#0b0e12)}.playerStats{min-height:64px;display:grid;gap:5px;padding:9px 10px;border:1px solid rgba(93,113,117,.45);border-radius:7px;background:#090f13e6}.playerStats strong{color:#efe6d6;font-size:var(--text-md)}.playerStats span{display:grid;grid-template-columns:34px 1fr 45px;gap:7px;align-items:center;color:var(--p-teal-400);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:800}.playerStats b{height:3px;background:linear-gradient(90deg,var(--p-teal-400) var(--bar),rgba(255,255,255,.14) 0)}.playerStats span:nth-child(3){color:var(--p-sage-300)}.playerStats span:nth-child(3) b{background:linear-gradient(90deg,var(--p-sage-300) var(--bar),rgba(255,255,255,.14) 0)}.playerStats em{font-style:normal;color:inherit}.choiceTitle{margin:var(--space-1) 0 var(--space-6);color:var(--p-gold-300);font-size:22px;font-weight:900;text-align:center}.locationLine{margin:-12px 0 10px;color:var(--p-gold-500);font-family:var(--font-sans);font-size:var(--text-base);text-align:center}.storyShelf{display:grid;gap:var(--space-3)}.storyPoster{position:relative;height:106px;overflow:hidden;border:1px solid rgba(87,116,124,.42);border-radius:9px;color:inherit;background:#0c151a;text-align:left;box-shadow:inset 0 0 0 1px #ffffff06,0 10px 24px #00000038}.storyPosterCell{position:relative}.storyPosterCell .storyPoster{width:100%}.posterArt{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(180deg,#0c12162e,#05070ae6),radial-gradient(circle at 54% 15%,rgba(176,202,194,.28),transparent 12%),linear-gradient(145deg,#1a2a31,#0b1116 64%)}.posterArt:before{content:"";position:absolute;left:24px;right:58px;bottom:15px;height:45px;clip-path:polygon(0 100%,0 55%,8% 55%,8% 26%,15% 26%,15% 42%,25% 42%,25% 10%,33% 10%,33% 44%,43% 44%,43% 20%,52% 20%,52% 58%,65% 58%,65% 34%,76% 34%,76% 100%);background:linear-gradient(180deg,#23323a,#05080c)}.posterArt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 0 18%,rgba(255,255,255,.06) 18% 19%,transparent 19% 41%,rgba(255,255,255,.04) 41% 42%,transparent 42%),radial-gradient(circle at 72% 56%,rgba(83,221,213,.15),transparent 16%)}.coverStreet{background:linear-gradient(180deg,#05080c26,#05070aeb),radial-gradient(circle at 38% 16%,rgba(224,195,123,.38),transparent 10%),linear-gradient(145deg,#202329,#0a0d10 64%)}.coverHarbor{background:linear-gradient(180deg,#0610161a,#05070af0),radial-gradient(circle at 68% 28%,rgba(82,223,216,.26),transparent 13%),linear-gradient(145deg,#162a31,#070b0f 64%)}.coverHouse{background:linear-gradient(180deg,#0c12161a,#05070af0),radial-gradient(circle at 45% 18%,rgba(198,218,219,.25),transparent 11%),linear-gradient(145deg,#1b2732,#070b0f 64%)}.coverManor{background:linear-gradient(180deg,#0a0e161f,#05070af0),radial-gradient(circle at 40% 20%,rgba(228,200,138,.22),transparent 12%),linear-gradient(145deg,#23252d,#090b0f 64%)}.posterRain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:repeating-linear-gradient(105deg,transparent 0 11px,rgba(213,232,230,.28) 12px 13px)}.posterGlow{position:absolute;left:18px;bottom:18px;width:36px;height:28px;background:radial-gradient(circle,rgba(226,196,115,.8),transparent 62%)}.posterCopy{position:absolute;left:var(--space-4);bottom:13px;z-index:1;display:grid;gap:var(--space-1)}.posterCopy strong{color:#fff5e2;font-size:17px;text-shadow:0 2px 12px var(--p-ink-950)}.posterCopy small{color:#d4d1be;font-family:var(--font-sans);font-size:var(--text-base)}.posterCopy small:after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:var(--p-teal-500);box-shadow:0 0 12px var(--p-teal-500)}.progressRing{position:absolute;right:var(--space-3);top:50%;z-index:1;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--p-teal-50);background:radial-gradient(circle,rgba(11,18,23,.94) 56%,transparent 57%),conic-gradient(var(--p-teal-500) var(--progress),rgba(255,255,255,.18) 0);font-family:var(--font-sans);font-size:var(--text-md);font-weight:900;transform:translateY(-50%)}