:root{--text-primary:#f0e2c4;--text-secondary:#c4a870;--text-muted:#7a6040;--text-on-accent:#1a0e04;--text-book-title:#f0e2c4;--accent:#c9a84c;--accent-hover:#e8c86a;--accent-dim:#ccc1ab;--background:#060810;--surface:#0a1022;--surface-raised:#060616;--surface-overlay:#000;--border-color:#c9a84c;--shadow-color:#000;--highlight-color:#fff;--danger:#a83030;--danger-light:#cc4848;--success:#2a7040;--success-light:#3a9050;--warning:#b07030;--special:#7028b8;--background-image:url(/images/parchment.png);--font-display:"Cinzel", "Palatino Linotype", serif;--font-heading:"Playfair Display", "Georgia", serif;--font-body:"IM Fell English", "Georgia", serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:26px;--space-xl:44px;--space-2xl:72px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-parchment:0 4px 24px color-mix(in srgb, var(--shadow-color) 55%, transparent);--shadow-deep:0 8px 48px color-mix(in srgb, var(--shadow-color) 78%, transparent);--shadow-gold-glow:0 0 28px color-mix(in srgb, var(--accent) 35%, transparent);--ease:cubic-bezier(.4, 0, .2, 1);--duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--background);background-image:var(--background-image);background-repeat:repeat;background-attachment:fixed;flex-direction:column;min-height:100vh;font-size:1.05rem;line-height:1.75;display:flex}main{flex-direction:column;flex:1;display:flex}a{color:var(--accent);transition:color var(--duration) var(--ease);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);line-height:1.2}h1{font-size:clamp(1.9rem,4vw,2.9rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:color-mix(in srgb, var(--surface-overlay) 30%, transparent)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{width:100%;max-width:820px;padding-inline:var(--space-md);background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-lg);padding-block:var(--space-lg);border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:0 8px 52px color-mix(in srgb, var(--surface-overlay) 75%, transparent);margin-inline:auto}.container--wide{max-width:1140px}.panel{background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-parchment);position:relative}.panel:before,.panel:after{content:"◆";color:var(--accent-dim);opacity:.65;font-family:sans-serif;font-size:.5rem;position:absolute}.panel:before{top:var(--space-sm);left:var(--space-sm)}.panel:after{bottom:var(--space-sm);right:var(--space-sm)}.panel--book{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);box-shadow:var(--shadow-deep), 0 0 0 1px color-mix(in srgb, var(--accent) 5%, transparent)}.divider{align-items:center;gap:var(--space-md);margin-block:var(--space-lg);color:var(--accent-dim);font-family:var(--font-display);letter-spacing:.2em;font-size:.65rem;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(to right, transparent, color-mix(in srgb, var(--accent) 30%, transparent), transparent);flex:1;height:1px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-display);letter-spacing:.12em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease);-webkit-user-select:none;user-select:none;text-transform:uppercase;border:1px solid #0000;padding:.65rem 1.5rem;font-size:.82rem;font-weight:400;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--highlight-color) 7%, transparent), transparent);opacity:0;transition:opacity var(--duration) var(--ease);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn--primary{background:linear-gradient(135deg, var(--accent-hover), var(--accent));color:var(--text-on-accent);border-color:var(--accent);box-shadow:0 4px 20px color-mix(in srgb, var(--accent) 30%, transparent), inset 0 1px 0 color-mix(in srgb, var(--highlight-color) 15%, transparent)}.btn--primary:hover{background:linear-gradient(135deg, var(--accent-hover), var(--accent-hover));color:var(--text-on-accent);box-shadow:var(--shadow-gold-glow), 0 8px 28px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--secondary:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:var(--accent);color:var(--accent-hover);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-1px)}.btn--danger{background:linear-gradient(135deg, var(--danger), color-mix(in srgb, var(--danger) 60%, #000));color:var(--text-primary);border-color:var(--danger);box-shadow:0 2px 12px color-mix(in srgb, var(--danger) 35%, transparent)}.btn--danger:hover{background:linear-gradient(135deg, var(--danger-light), var(--danger));color:var(--text-primary);box-shadow:0 4px 20px color-mix(in srgb, var(--danger) 45%, transparent);transform:translateY(-1px)}.btn--ghost{color:var(--text-secondary);border-color:color-mix(in srgb, var(--accent) 15%, transparent);background:0 0}.btn--ghost:hover{color:var(--accent-hover);background:color-mix(in srgb, var(--accent) 7%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.btn--sm{letter-spacing:.1em;padding:.42rem .9rem;font-size:.72rem}.btn--lg{letter-spacing:.16em;padding:.9rem 2.4rem;font-size:.95rem}.btn--full{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.38;cursor:not-allowed;box-shadow:none!important;transform:none!important}.choice-btn{text-align:left;background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);border-radius:var(--radius-sm);width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);align-items:flex-start;gap:var(--space-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:1rem;line-height:1.6;display:flex;position:relative;overflow:hidden}.choice-btn:after{content:"";background:var(--accent-dim);width:3px;transition:background var(--duration) var(--ease);position:absolute;top:0;bottom:0;left:0}.choice-btn:hover{background:color-mix(in srgb, var(--accent) 7%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--text-primary);box-shadow:0 4px 20px color-mix(in srgb, var(--surface-overlay) 40%, transparent);transform:translate(4px)}.choice-btn:hover:after{background:var(--accent)}.choice-btn--fate{border-color:color-mix(in srgb, var(--special) 30%, transparent);background:color-mix(in srgb, var(--special) 5%, transparent)}.choice-btn--fate:after{background:var(--special)}.choice-btn--fate:hover{border-color:color-mix(in srgb, var(--special) 50%, transparent);background:color-mix(in srgb, var(--special) 10%, transparent);transform:translate(4px)}.choice-btn--fate:hover:after{background:color-mix(in srgb, var(--special) 90%, transparent)}.choice-btn--locked{opacity:.45;cursor:not-allowed;border-style:dashed;transform:none!important}.choice-label{font-family:var(--font-display);letter-spacing:.16em;color:var(--accent);text-transform:uppercase;flex-shrink:0;min-width:20px;padding-top:3px;font-size:.72rem;font-weight:600}.choice-label--fate{color:var(--special)}.stat-bar{gap:var(--space-sm) var(--space-lg);padding:var(--space-sm) var(--space-lg);background:color-mix(in srgb, var(--surface) 85%, transparent);border-top:1px solid color-mix(in srgb, var(--accent) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 10%, transparent);font-family:var(--font-display);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;flex-wrap:wrap;align-items:center;font-size:.75rem;display:flex}.stat-item{align-items:center;gap:var(--space-xs);white-space:nowrap;display:flex}.stat-item--danger{color:var(--danger-light)}.stat-item--warning{color:var(--warning)}.stat-bar__fate{align-items:center;gap:var(--space-xs);color:color-mix(in srgb, var(--special) 90%, transparent);margin-left:auto;font-weight:600;display:flex}.story-image-frame{aspect-ratio:16/9;border-radius:var(--radius-md) var(--radius-md) 0 0;background:color-mix(in srgb, var(--surface-raised) 92%, transparent);width:100%;position:relative;overflow:hidden}.story-image-frame:after{content:"";box-shadow:inset 0 0 60px color-mix(in srgb, var(--surface-overlay) 40%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;position:absolute;inset:0}.story-image-frame img{object-fit:cover;width:100%;height:100%;transition:opacity .5s var(--ease)}.story-image-frame--loading{justify-content:center;align-items:center;display:flex}.story-text{font-family:var(--font-body);color:var(--text-secondary);padding:var(--space-xl);font-size:1.15rem;font-style:italic;line-height:1.95}.story-text p:first-child:first-letter{font-family:var(--font-display);float:left;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent), 1px 1px 0 color-mix(in srgb, var(--accent) 40%, #000);padding-top:.05em;padding-right:.12em;font-size:5rem;font-weight:600;line-height:.78}.stat-feedback{gap:var(--space-xs) var(--space-sm);padding:var(--space-sm) var(--space-lg);background:color-mix(in srgb, var(--surface-raised) 65%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 10%, transparent);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;font-size:.7rem;display:flex}.stat-delta{align-items:center;gap:2px;display:inline-flex}.stat-delta--neg{color:var(--danger-light)}.stat-delta--pos{color:var(--success-light)}.loading-screen{justify-content:center;align-items:center;gap:var(--space-lg);min-height:400px;padding:var(--space-xl);flex-direction:column;display:flex}.quill-spinner{border:2px solid color-mix(in srgb, var(--accent) 15%, transparent);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:1.1s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-muted);text-align:center;text-transform:uppercase;font-size:.88rem;animation:2s ease-in-out infinite fadePulse}@keyframes fadePulse{0%,to{opacity:.5}50%{opacity:1}}.paywall-overlay{background:color-mix(in srgb, var(--surface-overlay) 90%, transparent);-webkit-backdrop-filter:blur(10px);z-index:100;padding:var(--space-lg);animation:fadeIn .3s var(--ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paywall-card{background:color-mix(in srgb, var(--surface) 97%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-deep), 0 0 80px color-mix(in srgb, var(--surface-overlay) 80%, transparent);animation:slideUp .35s var(--ease);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative}.paywall-card:before{content:"◆";top:var(--space-md);left:var(--space-md);color:var(--accent-dim);font-family:sans-serif;font-size:.5rem;position:absolute}.paywall-card:after{content:"◆";bottom:var(--space-md);right:var(--space-md);color:var(--accent-dim);font-family:sans-serif;font-size:.5rem;position:absolute}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.paywall-card h2{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-md);text-transform:uppercase;font-size:1.4rem}.paywall-price{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:2.8rem;font-weight:600;line-height:1}.book-cover-container{perspective:1000px;cursor:pointer;width:100%;color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.book-cover-wrapper{aspect-ratio:3/4;width:100%;transform-style:preserve-3d;border-radius:var(--radius-md);box-shadow:0 8px 32px color-mix(in srgb, var(--surface-overlay) 65%, transparent);transition:transform .6s cubic-bezier(.25,1,.5,1);position:relative}.book-cover-container:hover .book-cover-wrapper{box-shadow:0 18px 50px color-mix(in srgb, var(--surface-overlay) 80%, transparent), var(--shadow-gold-glow);transform:translateY(-6px)scale(1.02)}.book-cover-front,.book-cover-back{backface-visibility:hidden;border-radius:var(--radius-md);position:absolute;inset:0;overflow:hidden}.book-cover-front{background:color-mix(in srgb, var(--surface) 95%, transparent)}.book-cover-front img{object-fit:cover;width:100%;height:100%}.book-cover-front-overlay{background:linear-gradient(to bottom, color-mix(in srgb, var(--surface-overlay) 88%, transparent) 0%, transparent 100%);padding:var(--space-md);text-align:center;position:absolute;top:0;left:0;right:0}.book-cover-front-title{font-family:var(--font-display);color:var(--text-book-title);letter-spacing:.06em;text-shadow:0 1px 6px color-mix(in srgb, var(--surface-overlay) 90%, transparent);text-transform:uppercase;font-size:.95rem;line-height:1.3}.book-cover-front-author{padding:var(--space-md);text-align:center;background:linear-gradient(to top, color-mix(in srgb, var(--surface-overlay) 88%, transparent) 0%, transparent 100%);color:var(--accent-hover);font-family:var(--font-heading);text-shadow:0 1px 4px color-mix(in srgb, var(--surface-overlay) 90%, transparent);font-size:.82rem;font-style:italic;position:absolute;bottom:0;left:0;right:0}.book-cover-back{background:color-mix(in srgb, var(--surface-raised) 98%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);padding:var(--space-lg);flex-direction:column;display:flex;transform:rotateY(180deg)}.book-cover-back-blurb{font-family:var(--font-body);color:var(--text-secondary);text-align:justify;flex:1;font-size:.82rem;font-style:italic;line-height:1.6;overflow-y:auto}.book-cover-back-blurb p{margin-bottom:var(--space-sm)}.book-cover-placeholder{background:color-mix(in srgb, var(--surface) 95%, transparent);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.book-card__body{padding:var(--space-sm) 0;flex-direction:column;flex:1;justify-content:space-between;display:flex}.book-card__genre{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent-dim);text-transform:uppercase;margin-bottom:var(--space-xs);font-size:.62rem}.book-card__name{font-family:var(--font-heading);color:var(--text-primary);font-size:1rem}.book-card__meta{color:var(--text-muted);margin-top:var(--space-xs);font-size:.78rem}.book-card__status{font-size:.62rem;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin-top:var(--space-sm);border-radius:99px;padding:2px 10px;display:inline-block}.book-card__status--active{background:color-mix(in srgb, var(--success) 18%, transparent);color:var(--success-light);border:1px solid color-mix(in srgb, var(--success) 30%, transparent)}.book-card__status--dead{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger-light);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.book-card__status--completed{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent)}.site-header{z-index:50;background:color-mix(in srgb, var(--surface-raised) 92%, transparent);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:0 2px 20px color-mix(in srgb, var(--surface-overlay) 55%, transparent);position:sticky;top:0}.site-header__inner{padding:10px var(--space-lg);justify-content:space-between;align-items:center;max-width:1200px;margin-inline:auto;display:flex}.site-logo{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.site-logo__emblem{border:1.5px solid var(--accent-dim);width:34px;height:34px;color:var(--accent);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-logo:hover .site-logo__emblem{border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb, var(--accent) 30%, transparent)}.site-logo__text{flex-direction:column;line-height:1.1;display:flex}.site-logo__tales{font-family:var(--font-display);letter-spacing:.24em;color:var(--text-muted);text-transform:uppercase;font-size:.58rem}.site-logo__boundless{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;font-size:1.05rem;line-height:1}.site-nav{align-items:center;gap:var(--space-md);display:flex}.landing-hero{text-align:center;min-height:100svh;padding:var(--space-xl) var(--space-md);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-hero__bg{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, transparent) 0%, color-mix(in srgb, var(--surface) 80%, transparent) 45%, color-mix(in srgb, var(--surface) 72%, transparent) 100%), radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--accent) 7%, transparent) 0%, transparent 65%), radial-gradient(ellipse at 80% 90%, color-mix(in srgb, var(--danger) 5%, transparent) 0%, transparent 55%);pointer-events:none;position:absolute;inset:0}.landing-hero__rule{align-items:center;gap:var(--space-md);width:100%;max-width:360px;margin-inline:auto;margin-bottom:var(--space-md);animation:fadeSlideDown .7s var(--ease) both;display:flex}.landing-hero__rule:before,.landing-hero__rule:after{content:"";background:linear-gradient(to right, transparent, color-mix(in srgb, var(--accent) 40%, transparent), transparent);flex:1;height:1px}.landing-hero__rule-gem{background:var(--accent-dim);flex-shrink:0;width:5px;height:5px;transform:rotate(45deg)}.landing-hero__eyebrow{font-family:var(--font-display);letter-spacing:.32em;color:var(--accent-dim);text-transform:uppercase;margin-bottom:var(--space-md);animation:fadeSlideDown .8s var(--ease) both;font-size:.7rem}.landing-hero__title{font-family:var(--font-display);letter-spacing:.07em;color:var(--text-primary);margin-bottom:var(--space-sm);animation:fadeSlideDown .9s var(--ease) .1s both;text-shadow:0 3px 14px color-mix(in srgb, var(--surface-overlay) 50%, transparent);text-transform:uppercase;font-size:clamp(2.4rem,8vw,5.2rem);line-height:1.08}.landing-hero__title em{font-family:var(--font-heading);text-transform:none;letter-spacing:.01em;background:linear-gradient(135deg, var(--accent-hover), var(--accent));-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:1.25em;font-style:italic;display:block}.landing-hero__subtitle{font-family:var(--font-body);color:color-mix(in srgb, var(--text-primary) 65%, transparent);max-width:520px;margin-bottom:var(--space-xl);animation:fadeSlideDown 1s var(--ease) .22s both;font-size:clamp(1rem,2.5vw,1.2rem);font-style:italic;line-height:1.72}.landing-hero__cta{gap:var(--space-md);animation:fadeSlideDown 1s var(--ease) .36s both;flex-wrap:wrap;justify-content:center;display:flex}.landing-hero__cta .btn{min-width:210px}.landing-scroll-indicator{bottom:var(--space-lg);font-family:var(--font-display);letter-spacing:.24em;color:var(--accent-dim);opacity:.55;text-transform:uppercase;font-size:.62rem;animation:2.5s ease-in-out infinite bounce;position:absolute;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(7px)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.landing-features{padding:var(--space-2xl) var(--space-md);background:color-mix(in srgb, var(--surface) 85%, transparent);border-top:1px solid color-mix(in srgb, var(--accent) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 10%, transparent)}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));max-width:1020px;margin-inline:auto;display:grid}.feature-card{text-align:center;padding:var(--space-xl) var(--space-lg);background:color-mix(in srgb, var(--surface) 75%, transparent);border:1px solid color-mix(in srgb, var(--accent) 11%, transparent);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--duration) var(--ease), transform var(--duration) var(--ease)}.feature-card:hover{border-color:color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-4px)}.feature-card__numeral{font-family:var(--font-display);letter-spacing:.22em;color:var(--accent-dim);text-transform:uppercase;margin-bottom:var(--space-sm);font-size:.62rem;display:block}.feature-card h3{font-family:var(--font-display);letter-spacing:.1em;margin-bottom:var(--space-sm);color:var(--text-primary);text-transform:uppercase;font-size:.9rem}.feature-card p{color:var(--text-muted);font-size:.9rem;font-style:italic;line-height:1.65}.feature-card__icon{height:48px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.form-group{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-label{font-family:var(--font-display);letter-spacing:.16em;color:var(--accent-dim);text-transform:uppercase;font-size:.7rem}.form-select,.form-input,.form-textarea{background:color-mix(in srgb, var(--surface) 62%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);color:var(--text-secondary);width:100%;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);font-size:.95rem}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent);outline:none}.form-select option{background-color:var(--surface);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:80px;line-height:1.65}.form-textarea::-webkit-resizer{background-color:color-mix(in srgb, var(--accent) 40%, transparent);border:3px solid var(--surface);border-radius:var(--radius-sm);cursor:ns-resize;width:20px;height:20px}.char-count{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-muted);text-align:right;font-size:.66rem}.genre-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.genre-option{position:relative}.genre-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.genre-option__label{align-items:center;gap:var(--space-xs);padding:var(--space-md);border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 62%, transparent);cursor:pointer;text-align:center;transition:all var(--duration) var(--ease);font-family:var(--font-display);letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;font-size:.75rem;display:flex}.genre-option__label:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--text-secondary);background:color-mix(in srgb, var(--accent) 5%, transparent)}.genre-option input:checked+.genre-option__label{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 10%, transparent)}.genre-option__icon{font-size:1.5rem}.toast-chip{bottom:var(--space-lg);background:color-mix(in srgb, var(--surface) 96%, transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);letter-spacing:.12em;z-index:200;animation:toastIn .3s var(--ease) both;box-shadow:var(--shadow-deep);white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-transform:uppercase;border-radius:99px;font-size:.76rem;position:fixed;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(14px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:640px){.book-container{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding-block:0!important;padding-inline:0!important}.book-container .panel--book{box-shadow:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;margin-top:0!important}.site-header__inner{padding:var(--space-sm) var(--space-md)}.site-logo__tales{display:none}.choice-btn{padding:var(--space-md);font-size:.95rem}.paywall-card{padding:var(--space-lg)}.story-text{padding:var(--space-lg) var(--space-md);font-size:1.05rem}.story-text p:first-child:first-letter{font-size:3.8rem}.landing-hero__cta{flex-direction:column;align-items:center;width:100%}.landing-hero__cta .btn{width:100%;max-width:320px}}.wizard-tabs{border-bottom:1px solid color-mix(in srgb, var(--accent) 14%, transparent);margin-bottom:var(--space-xl);justify-content:space-around;gap:var(--space-md);padding-bottom:0;display:flex}.wizard-tab-btn{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-sm) var(--space-md);padding-bottom:var(--space-md);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;background:0 0;border:none;font-size:.72rem;position:relative}.wizard-tab-btn:hover,.wizard-tab-btn--active{color:var(--accent)}.wizard-tab-btn--active:after{content:"";background:linear-gradient(to right, transparent, var(--accent), transparent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.step-card{animation:fadeIn .4s var(--ease)}.difficulty-slider{width:100%;accent-color:var(--accent);cursor:pointer}.wizard-split-grid{gap:var(--space-md);grid-template-columns:210px 1fr;display:grid}.wizard-genre-col{border-right:1px solid color-mix(in srgb, var(--accent) 12%, transparent);padding-right:var(--space-sm)}.mobile-genre-toggle{display:none!important}.desktop-genre-title{display:block}.wizard-genre-list{flex-direction:column;flex:1;gap:4px;max-height:540px;padding-right:4px;display:flex;overflow-y:auto}.wizard-two-column{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.wizard-companions-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.wizard-companions-grid--two{grid-template-columns:1fr 1fr}@media (max-width:640px){.wizard-split-grid{gap:var(--space-sm);grid-template-columns:1fr}.wizard-genre-col{border-right:none;border-bottom:1px solid color-mix(in srgb, var(--accent) 12%, transparent);padding-right:0;padding-bottom:var(--space-sm);margin-bottom:var(--space-xs)}.mobile-genre-toggle{background:color-mix(in srgb, var(--accent) 6%, transparent);padding:var(--space-sm);border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);-webkit-user-select:none;user-select:none;display:flex!important}.desktop-genre-title{display:none!important}.wizard-genre-list{display:none}.wizard-genre-list--expanded{max-height:200px;margin-bottom:var(--space-sm);display:flex}.wizard-two-column,.wizard-companions-grid--two{grid-template-columns:1fr}}.creation-loading-overlay{background:color-mix(in srgb, var(--surface-raised) 97%, transparent);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.creation-loading-inner{text-align:center;width:100%;max-width:480px}.creation-loading-eyebrow{font-family:var(--font-display);letter-spacing:.3em;color:var(--accent-dim);text-transform:uppercase;margin-bottom:var(--space-sm);font-size:.66rem}.creation-loading-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-primary);margin-bottom:var(--space-lg);text-transform:uppercase;font-size:1.45rem}.creation-loading-icon{border:2px solid color-mix(in srgb, var(--accent) 18%, transparent);border-top-color:var(--accent);width:48px;height:48px;margin:0 auto var(--space-lg);border-radius:50%;animation:1.2s linear infinite spin}.creation-loading-step{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-secondary);min-height:1.6em;margin-bottom:6px;font-size:.98rem;transition:opacity .4s}.creation-loading-sub{font-family:var(--font-body);color:var(--text-muted);margin-bottom:var(--space-xl);min-height:1.4em;font-size:.88rem;font-style:italic}.creation-progress-track{background:color-mix(in srgb, var(--accent) 15%, transparent);width:100%;height:2px;margin-bottom:var(--space-sm);border-radius:1px;overflow:hidden}.creation-progress-fill{background:linear-gradient(to right, var(--accent-dim), var(--accent));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:1px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.creation-progress-label{font-family:var(--font-display);letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;font-size:.66rem}.cover-reveal-overlay{background:color-mix(in srgb, var(--surface-raised) 97%, transparent);min-height:100vh;padding:var(--space-xl) var(--space-md);justify-content:center;align-items:center;display:flex}.cover-reveal-inner{text-align:center;width:100%;max-width:360px}.cover-reveal-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-lg);text-transform:uppercase;font-size:clamp(1.2rem,3vw,1.7rem)}.cover-reveal-hint{font-family:var(--font-body);color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.85rem;font-style:italic}.lightbox-overlay{background:color-mix(in srgb, var(--surface-overlay) 90%, transparent);-webkit-backdrop-filter:blur(10px);z-index:1000;padding:var(--space-2xl) var(--space-lg) var(--space-lg);animation:fadeIn .4s var(--ease) forwards;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close-hint{display:none}.lightbox-close-btn{color:var(--text-muted);cursor:pointer;z-index:105;transition:color var(--duration) var(--ease);background:0 0;border:none;font-size:1.8rem;line-height:1;position:absolute;top:12px;right:15px}.lightbox-close-btn:hover{color:var(--accent)}.lightbox-container{aspect-ratio:3/4;perspective:1500px;width:auto;max-width:90vw;height:80vh;position:relative}.lightbox-card-wrapper{width:100%;height:100%;transform-style:preserve-3d;box-shadow:0 25px 60px color-mix(in srgb, var(--surface-overlay) 80%, transparent);border-radius:var(--radius-md);transition:transform 1s cubic-bezier(.2,.8,.2,1);position:relative}.lightbox-card-wrapper--flipped{transform:rotateY(180deg)}.lightbox-card-front,.lightbox-card-back{backface-visibility:hidden;border-radius:var(--radius-md);position:absolute;inset:0;overflow:hidden}.lightbox-card-front{background:color-mix(in srgb, var(--surface-raised) 97%, transparent)}.lightbox-card-back{background:color-mix(in srgb, var(--surface-raised) 98%, transparent);background-image:var(--background);border:2px solid color-mix(in srgb, var(--accent) 25%, transparent);padding:var(--space-md);box-shadow:inset 0 0 60px color-mix(in srgb, var(--surface-overlay) 50%, transparent);flex-direction:column;justify-content:flex-start;height:100%;display:flex;position:relative;transform:rotateY(180deg)}.lightbox-card-back-blurb{font-family:var(--font-body);color:var(--text-secondary);text-align:justify;margin-bottom:var(--space-sm);padding-right:var(--space-xs);scrollbar-width:none;flex:1;font-size:.92rem;font-style:italic;line-height:1.7;overflow-y:auto}.lightbox-card-back-blurb::-webkit-scrollbar{display:none}.lightbox-card-back-blurb p{margin-bottom:var(--space-sm);text-indent:1em}.lightbox-card-back-blurb p:first-of-type{text-indent:0}.lightbox-actions{flex-direction:column;align-items:center;margin-top:auto;display:flex}.hamburger-btn{cursor:pointer;z-index:100;background:0 0;border:none;padding:8px}.hamburger-icon{width:24px;height:18px;transition:all .5s ease-in-out;position:relative;transform:rotate(0)}.hamburger-icon span{background:var(--accent);opacity:1;border-radius:2px;width:100%;height:2px;transition:all .25s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}.hamburger-icon span:first-child{top:0}.hamburger-icon span:nth-child(2){top:8px}.hamburger-icon span:nth-child(3){top:16px}.hamburger-icon.open span:first-child{top:8px;transform:rotate(135deg)}.hamburger-icon.open span:nth-child(2){opacity:0;left:-20px}.hamburger-icon.open span:nth-child(3){top:8px;transform:rotate(-135deg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;background:#0009;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-drawer{background:var(--surface);border-left:1px solid var(--border-color);width:280px;max-width:80vw;height:100%;padding:var(--space-md);flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:-300px;box-shadow:-4px 0 24px #00000080}.mobile-menu-drawer.open{right:0}.mobile-menu-header{padding-bottom:var(--space-md);border-bottom:1px solid color-mix(in srgb, var(--accent) 20%, transparent);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.close-btn:hover{color:var(--text-primary)}.mobile-menu-content{gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-menu-section{gap:var(--space-sm);flex-direction:column;display:flex}.mobile-menu-link{padding:var(--space-xs) 0;color:var(--text-primary);font-size:1.1rem;font-weight:500}.mobile-menu-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.85rem}.text-size-controls{gap:8px;display:flex}.text-size-btn{aspect-ratio:1;background:var(--surface-raised);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;transition:all var(--duration) var(--ease);flex:1;justify-content:center;align-items:center;display:flex}.text-size-btn:hover{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--text-primary)}.text-size-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.mobile-menu-auth{border-top:1px solid color-mix(in srgb, var(--accent) 20%, transparent);padding-top:var(--space-lg);margin-top:auto}html.text-size-sm{font-size:16px}html.text-size-md{font-size:18px}html.text-size-lg{font-size:20px}html.text-size-xl{font-size:22px}.wizard-navigation{margin-top:var(--space-lg);width:100%;display:flex}.wizard-navigation--right{justify-content:flex-end}.wizard-navigation--between{justify-content:space-between;align-items:center}.show-on-mobile{display:none}@media (max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:inline!important}.wizard-navigation{padding:var(--space-md) var(--space-lg);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid color-mix(in srgb, var(--accent) 25%, transparent);z-index:100;box-shadow:0 -8px 32px color-mix(in srgb, var(--shadow-color) 70%, transparent);height:auto;min-height:76px;margin-top:0;position:fixed;bottom:0;left:0;right:0;align-items:center!important}.step-card{padding-bottom:96px!important}}.hero-textarea{height:180px;min-height:48px}@media (max-width:768px){.hero-textarea{height:240px;min-height:48px}.protagonist-editor-panel{padding-bottom:96px!important}}.protagonist-preview-header{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.protagonist-preview-portrait{flex-shrink:0;width:140px;height:140px}@media (max-width:600px){.protagonist-preview-header{flex-wrap:nowrap}.protagonist-preview-portrait{aspect-ratio:1;height:auto;width:50%!important}.protagonist-preview-header>div:last-child{width:50%!important}}.mobile-textarea-drag-bar{display:none}@media (max-width:768px){.mobile-textarea-drag-bar{cursor:ns-resize;touch-action:none;width:100%;height:16px;margin-top:4px;margin-bottom:var(--space-sm);background:0 0;justify-content:center;align-items:center;display:flex}.mobile-textarea-drag-bar:after{content:"";background:color-mix(in srgb, var(--accent) 35%, transparent);opacity:.8;width:40px;height:1px;box-shadow:0 -3px 0 color-mix(in srgb, var(--accent) 35%, transparent), 0 3px 0 color-mix(in srgb, var(--accent) 35%, transparent)}.mobile-textarea-drag-bar.dragging:after{background:var(--accent);box-shadow:0 -3px 0 var(--accent), 0 3px 0 var(--accent)}.form-textarea{resize:none!important}}.protagonist-tile-btn{transition:all .2s}.protagonist-tile-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 4px 12px #00000026;border-color:var(--accent)!important}