:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--duration-fast:150ms;--duration-base:250ms;--duration-slow:450ms;--ease-out-soft:cubic-bezier(0.22,0.8,0.36,1);--ease-spring:cubic-bezier(0.34,1.4,0.64,1);--text-xs:11px;--text-sm:13px;--text-md:15px;--text-lg:18px;--text-xl:24px;--text-display:clamp(30px,4.5vw,46px)}[data-theme=verde]{--color-bg:#edeee7;--bg-layer:none;--color-surface:#fafbf6;--surface-blur:0px;--color-ink:#1c2620;--color-ink-soft:#5f6b5e;--color-ink-faint:#8b948a;--color-primary:#24402e;--gradient-primary:none;--color-primary-contrast:#edeee7;--color-accent:#77855c;--color-accent-2:#9c5b33;--color-line:rgba(28,38,32,0.22);--color-line-soft:rgba(28,38,32,0.1);--font-display:var(--font-cormorant,"Cormorant Garamond"),Georgia,serif;--font-body:var(--font-sora,"Sora"),system-ui,sans-serif;--display-weight:500;--display-style:italic;--radius-sm:2px;--radius-md:2px;--radius-lg:4px;--radius-button:2px;--radius-pill:0px;--border-card:1px solid var(--color-line);--shadow-card:none;--shadow-button:none;--shadow-raised:0 1px 0 rgba(28,38,32,0.06);--btn-case:uppercase;--btn-tracking:0.22em;--btn-size:11px;--btn-weight:600;--btn-pad:15px 26px;--focus-ring:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}[data-theme=glass]{--color-bg:#f6f3f7;--bg-layer:radial-gradient(at 18% 12%,rgba(255,203,174,0.55),transparent 46%),radial-gradient(at 82% 18%,rgba(186,196,255,0.6),transparent 50%),radial-gradient(at 70% 88%,rgba(236,107,157,0.28),transparent 46%);--color-surface:rgba(255,255,255,0.55);--surface-blur:18px;--color-ink:#292438;--color-ink-soft:#6f6885;--color-ink-faint:#9c96af;--color-primary:#4f46e5;--gradient-primary:linear-gradient(120deg,#4f46e5,#9333ea);--color-primary-contrast:#ffffff;--color-accent:#2dbfaf;--color-accent-2:#ec6b9d;--color-line:rgba(255,255,255,0.75);--color-line-soft:rgba(41,36,56,0.08);--font-display:var(--font-sora,"Sora"),system-ui,sans-serif;--font-body:var(--font-inter,"Inter"),system-ui,sans-serif;--display-weight:700;--display-style:normal;--radius-sm:10px;--radius-md:18px;--radius-lg:24px;--radius-button:14px;--radius-pill:999px;--border-card:1px solid var(--color-line);--shadow-card:0 8px 32px -12px rgba(80,70,180,0.25),inset 0 1.5px 0 rgba(255,255,255,0.9);--shadow-button:0 10px 24px -10px rgba(79,70,229,0.55);--shadow-raised:0 4px 16px -8px rgba(80,70,180,0.2);--btn-case:none;--btn-tracking:0;--btn-size:14px;--btn-weight:700;--btn-pad:12px 22px;--focus-ring:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}[data-theme=terracota]{--color-bg:#f7efe6;--bg-layer:none;--color-surface:#fff9f1;--surface-blur:0px;--color-ink:#3e2f25;--color-ink-soft:#7d6b5c;--color-ink-faint:#a2917f;--color-primary:#c4633a;--gradient-primary:none;--color-primary-contrast:#ffffff;--color-accent:#7a7a46;--color-accent-2:#c4633a;--color-line:rgba(62,47,37,0.16);--color-line-soft:rgba(62,47,37,0.09);--font-display:var(--font-playfair,"Playfair Display"),Georgia,serif;--font-body:var(--font-manrope,"Manrope"),system-ui,sans-serif;--display-weight:600;--display-style:normal;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-button:6px;--radius-pill:999px;--border-card:1px solid var(--color-line);--shadow-card:0 8px 20px -14px rgba(62,47,37,0.4);--shadow-button:none;--shadow-raised:0 4px 12px -10px rgba(62,47,37,0.3);--btn-case:none;--btn-tracking:0.02em;--btn-size:13px;--btn-weight:700;--btn-pad:13px 24px;--focus-ring:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}.m-app{background:var(--color-bg);background-image:var(--bg-layer);background-attachment:fixed;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}.m-display{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-display);line-height:1.08;letter-spacing:-.01em}.m-display .m-em,.m-display em{font-style:var(--display-style);color:var(--color-primary)}.m-title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-xl);line-height:1.2}.m-body{font-size:var(--text-md);color:var(--color-ink-soft);max-width:62ch}.m-caption{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--color-ink-faint)}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--btn-size);font-weight:var(--btn-weight);letter-spacing:var(--btn-tracking);text-transform:var(--btn-case);padding:var(--btn-pad);border-radius:var(--radius-button);transition:transform var(--duration-fast) var(--ease-out-soft),box-shadow var(--duration-fast) var(--ease-out-soft),opacity var(--duration-fast) var(--ease-out-soft);text-decoration:none}.m-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.m-btn:hover{transform:translateY(-1px)}.m-btn:active{transform:translateY(0)}.m-btn:disabled{opacity:.45;pointer-events:none}.m-btn--primary{background:var(--gradient-primary,var(--color-primary));background-color:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-button)}.m-btn--secondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.m-btn--ghost{background:transparent;color:var(--color-ink-soft);text-decoration:underline;text-underline-offset:3px;padding-left:var(--space-2);padding-right:var(--space-2)}.m-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-ink-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.m-divider:after,.m-divider:before{content:"";flex:1 1;border-top:1px solid var(--color-line-soft)}.m-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;padding:5px 12px;border-radius:var(--radius-pill,20px);background:color-mix(in srgb,var(--color-accent) 16%,transparent);color:var(--color-accent)}[data-theme=verde] .m-chip{letter-spacing:.12em;text-transform:uppercase;font-size:10px;color:#4e5c3c}.m-chip--neutral{background:color-mix(in srgb,var(--color-ink) 7%,transparent);color:var(--color-ink-soft)}.m-chip--accent2{background:color-mix(in srgb,var(--color-accent-2) 14%,transparent);color:var(--color-accent-2)}.m-field{display:flex;flex-direction:column;gap:var(--space-2);max-width:320px}.m-field__label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink-soft)}.m-field__input{padding:11px 14px;font-size:var(--text-md);font-family:var(--font-body);color:var(--color-ink);background:var(--color-surface);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));border:1.5px solid var(--color-line-soft);border-radius:var(--radius-sm);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);width:100%}.m-field__input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.m-field__hint{font-size:var(--text-xs);color:var(--color-ink-faint)}.m-field__input--area{min-height:110px;resize:vertical;line-height:1.6;font-family:inherit}.m-card{background:var(--color-surface);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));border:var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-5)}.m-bookcard{display:flex;gap:var(--space-4);align-items:center;max-width:320px}.m-bookcard__cover{width:56px;height:72px;border-radius:var(--radius-sm);flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-primary-contrast);background:var(--gradient-primary,var(--color-primary));background-color:var(--color-primary)}.m-bookcard__title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-lg);line-height:1.2}.m-bookcard__meta{font-size:var(--text-sm);color:var(--color-ink-faint);margin-top:3px}.m-cover{display:block;color:inherit;text-decoration:none}.m-cover__art{position:relative;aspect-ratio:3/4;border-radius:var(--radius-sm);overflow:hidden;border:var(--border-card);box-shadow:var(--shadow-raised);transition:transform var(--duration-slow) var(--ease-out-soft);background:var(--gradient-primary,var(--color-primary));background-color:var(--color-primary)}.m-cover:focus-visible .m-cover__art,.m-cover:hover .m-cover__art{transform:translateY(-8px)}.m-cover:focus-visible{outline:none}.m-cover:focus-visible .m-cover__art{box-shadow:var(--focus-ring)}.m-cover__img{width:100%;height:100%;object-fit:cover;display:block}.m-cover__initial{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-style:var(--display-style);font-size:64px;color:var(--color-primary-contrast);opacity:.85}.m-cover__scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,16,12,.55),rgba(12,16,12,.06) 45%,transparent)}.m-cover__label{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);color:#fff}.m-cover__status{font-size:9px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.m-cover__title{font-style:var(--display-style);font-weight:500;font-size:var(--text-xl);line-height:1.15;margin-top:4px}.m-cover__meta,.m-cover__title{font-family:var(--font-display)}.m-cover__meta{margin-top:var(--space-2);font-style:italic;font-size:var(--text-md)}.m-addtile,.m-cover__meta{color:var(--color-ink-soft)}.m-addtile{aspect-ratio:3/4;border:2px dashed color-mix(in srgb,var(--color-accent) 40%,transparent);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-3);align-items:center;justify-content:center;text-align:center;padding:var(--space-5);text-decoration:none;cursor:pointer;background:transparent;transition:background var(--duration-fast)}.m-addtile:focus-visible,.m-addtile:hover{background:color-mix(in srgb,var(--color-accent) 6%,transparent);outline:none}.m-addtile__plus{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-accent);display:grid;place-items:center;font-size:22px}.m-addtile__title{font-family:var(--font-display);font-style:var(--display-style);font-weight:500;font-size:var(--text-lg);color:var(--color-ink)}.m-addtile__hint{font-size:var(--text-xs);max-width:24ch}.m-cast{display:flex;gap:var(--space-5);flex-wrap:wrap}.m-castcard{width:128px;text-align:center}.m-castcard__portrait{width:108px;height:108px;border-radius:50%;overflow:hidden;margin:0 auto var(--space-2);border:var(--border-card);box-shadow:var(--shadow-raised);background:var(--color-surface);display:grid;place-items:center;font-family:var(--font-display);font-style:var(--display-style);font-size:40px;color:var(--color-accent)}.m-castcard__portrait img{width:100%;height:100%;object-fit:cover}.m-castcard__name{font-family:var(--font-display);font-style:var(--display-style);font-size:var(--text-lg);font-weight:600}.m-castcard__kind{font-size:var(--text-xs);color:var(--color-ink-faint);margin-bottom:var(--space-2)}.m-steprail{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.m-steprail__step{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-ink-faint)}.m-steprail__dot{width:24px;height:24px;border-radius:50%;border:1px solid var(--color-line);display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.m-steprail__step--done{color:var(--color-accent)}.m-steprail__step--done .m-steprail__dot{border-color:var(--color-accent);color:var(--color-accent)}.m-steprail__step--active{color:var(--color-ink);font-weight:600}.m-steprail__step--active .m-steprail__dot{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}@media (max-width:899px){.m-steprail{display:flex;gap:var(--space-2);align-items:center;overflow-x:auto;padding-bottom:var(--space-2)}.m-steprail__step{flex:none;min-height:44px}.m-steprail__step:not(.m-steprail__step--active) .m-steprail__label{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}}.m-option{display:block;border:1px solid var(--color-line-soft);border-radius:var(--radius-sm);padding:var(--space-4);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.m-option:hover{border-color:var(--color-accent)}.m-option:has(.m-option__input:checked){border:1.5px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 7%,transparent)}.m-option:has(.m-option__input:focus-visible){box-shadow:var(--focus-ring)}.m-option__input{position:absolute;width:1px;height:1px;opacity:0}.m-option__title{display:block;font-weight:600;font-size:var(--text-md)}.m-option__desc{display:block;margin-top:2px}.m-option__desc,.m-progress__label{font-size:var(--text-sm);color:var(--color-ink-soft)}.m-progress__label{margin-bottom:var(--space-2)}.m-progress__track{height:9px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--color-ink) 9%,transparent);max-width:340px}.m-progress__bar{display:block;height:100%;border-radius:6px;background:var(--gradient-primary,var(--color-primary));background-color:var(--color-primary);transition:width var(--duration-slow) var(--ease-out-soft)}.m-progress__bar--indeterminate{width:40%!important;animation:m-slide 1.4s var(--ease-out-soft) infinite}.m-progress--hair .m-progress__track{height:2px;border-radius:2px;max-width:none}.m-progress--hair .m-progress__bar{background:var(--color-accent)}.m-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--color-primary) 25%,transparent);border-top-color:var(--color-primary);animation:m-spin .8s linear infinite}.m-skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg,color-mix(in srgb,var(--color-ink) 7%,transparent) 40%,color-mix(in srgb,var(--color-ink) 13%,transparent) 50%,color-mix(in srgb,var(--color-ink) 7%,transparent) 60%);background-size:240% 100%;animation:m-shimmer 1.6s ease infinite}.m-dots{display:flex;gap:6px;justify-content:center}.m-dots__dot{width:6px;height:6px;border-radius:50%;background:var(--color-ink);opacity:.22;transition:opacity var(--duration-fast)}.m-dots__dot--active{background:var(--color-primary);opacity:1}.m-nav{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--color-surface);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));border-bottom:1px solid var(--color-line-soft)}.m-nav__brand{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-lg);color:var(--color-ink);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.m-nav__links{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.m-navlink{font-size:var(--text-sm);font-weight:600;color:var(--color-ink-soft);text-decoration:none;transition:color var(--duration-fast)}.m-navlink--active,.m-navlink:hover{color:var(--color-primary)}.m-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:9px 34px 9px 12px;font-size:var(--text-sm);font-family:var(--font-body);font-weight:600;color:var(--color-ink);background-color:var(--color-surface);background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:right 18px top 50%,right 13px top 50%;background-size:5px 5px;background-repeat:no-repeat;border:1.5px solid var(--color-line-soft);border-radius:var(--radius-sm);cursor:pointer}.m-select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.m-animate-fade-up{animation:m-fade-up var(--duration-slow) var(--ease-out-soft) both}.m-animate-float{animation:m-float 5s ease-in-out infinite}@keyframes m-spin{to{transform:rotate(1turn)}}@keyframes m-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes m-slide{0%{transform:translateX(-110%)}to{transform:translateX(360%)}}@keyframes m-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes m-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.m-animate-fade-up,.m-animate-float,.m-lightbox[open] .m-lightbox__figure,.m-progress__bar--indeterminate{animation:none}}.m-lightbox__trigger{display:block;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:zoom-in;border-radius:var(--radius-md)}.m-lightbox__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.m-lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;overflow:visible}.m-lightbox::-webkit-backdrop{background:rgba(15,20,17,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.m-lightbox::backdrop{background:rgba(15,20,17,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.m-lightbox__figure{margin:0}.m-lightbox[open] .m-lightbox__figure{animation:m-fade-up var(--duration-base) var(--ease-out-soft)}.m-lightbox__img{display:block;max-width:min(92vw,960px);max-height:82vh;width:auto;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.m-lightbox__caption{margin-top:var(--space-3);text-align:center;font-family:var(--font-display);font-style:var(--display-style);font-size:var(--text-lg);color:#fff}.m-lightbox__close{position:fixed;top:var(--space-4);right:var(--space-4);width:44px;height:44px;border:0;border-radius:50%;background:var(--color-surface);color:var(--color-ink);font-size:var(--text-xl);line-height:1;cursor:pointer;box-shadow:var(--shadow-raised)}.m-sheet__trigger{display:inline-block;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer;border-radius:var(--radius-md)}.m-sheet__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.m-sheet{border:0;padding:0;background:transparent;max-width:none;max-height:none;overflow:visible}.m-sheet::-webkit-backdrop{background:rgba(15,20,17,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.m-sheet::backdrop{background:rgba(15,20,17,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.m-sheet__card{position:relative;width:min(92vw,460px);max-height:84vh;overflow-y:auto;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-raised);display:grid;grid-gap:var(--space-4);gap:var(--space-4);justify-items:center}.m-sheet[open] .m-sheet__card{animation:m-fade-up var(--duration-base) var(--ease-out-soft)}.m-sheet__close{position:absolute;top:var(--space-3);right:var(--space-3);width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--color-ink-soft);font-size:var(--text-xl);line-height:1;cursor:pointer}.m-sheet__close:hover,.m-sheet__portrait{background:var(--color-bg)}.m-sheet__portrait{width:128px;height:128px;border-radius:50%;overflow:hidden;border:var(--border-card);box-shadow:var(--shadow-raised);display:grid;place-items:center;font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink-faint)}.m-sheet__portrait img{width:100%;height:100%;object-fit:cover}.m-nightsky{position:relative;min-height:min(78vh,720px);display:grid;place-items:center;text-align:center;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 120%,#2b2a5e 0,#1a1a3e 45%,#0e0e24 100%);color:#f5f1e8}.m-nightsky__star{position:absolute;color:#fff;font-size:.7rem;animation:m-nightsky-twinkle 3s infinite}.m-nightsky__moon{font-size:3.5rem;display:block;margin-bottom:var(--space-5);animation:m-nightsky-float 6s ease-in-out infinite}.m-nightsky__content{padding:var(--space-7) var(--space-5);max-width:34rem}@keyframes m-nightsky-twinkle{0%,to{opacity:.15}50%{opacity:.7}}@keyframes m-nightsky-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.m-nightsky__moon,.m-nightsky__star{animation:none}}.m-nav__user{font-size:var(--text-sm);color:var(--color-ink-faint);max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:639px){.m-nav__user{display:none}}.m-steprail__step--future{opacity:.45}.m-steprail__step--future .m-steprail__dot{border-style:dashed}.m-option--image{padding:var(--space-3)}.m-option__img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.m-checkbox{display:flex;gap:var(--space-3);align-items:flex-start;cursor:pointer;min-height:44px}.m-checkbox__input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--color-accent);cursor:pointer}.m-checkbox__text{display:grid;grid-gap:2px;gap:2px}.m-checkbox__label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.m-checkbox__hint{font-size:var(--text-xs);color:var(--color-ink-faint)}a.m-steprail__step{text-decoration:none;border-radius:var(--radius-sm)}a.m-steprail__step:hover{color:var(--color-ink)}a.m-steprail__step:hover .m-steprail__dot{border-color:var(--color-accent)}a.m-steprail__step:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.m-checkbox:has(.m-checkbox__input:disabled){opacity:.5;cursor:not-allowed}.m-pickcard{position:relative;cursor:pointer;border-radius:var(--radius-md);padding:var(--space-2);transition:opacity var(--duration-fast)}.m-pickcard__input{position:absolute;opacity:0;width:1px;height:1px}.m-pickcard__mark{position:absolute;top:var(--space-1);right:var(--space-1);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:var(--text-sm);font-weight:700;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-faint);z-index:1}.m-pickcard--on .m-castcard__portrait{outline:3px solid var(--color-accent);outline-offset:2px}.m-pickcard--on .m-pickcard__mark{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.m-pickcard:not(.m-pickcard--on):hover .m-pickcard__mark{border-color:var(--color-accent);color:var(--color-accent)}.m-pickcard__input:focus-visible~.m-pickcard__mark{outline:2px solid var(--color-primary);outline-offset:2px}.m-pickcard--off{opacity:.4;cursor:not-allowed}.m-tile-button{display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.m-segmented{display:inline-flex;padding:3px;gap:2px;background:color-mix(in srgb,var(--color-ink) 6%,transparent);border:var(--border-card);border-radius:var(--radius-pill)}.m-segmented__option{border:0;background:none;font:inherit;font-size:var(--text-sm);color:var(--color-ink-soft);padding:var(--space-1) var(--space-4);min-height:36px;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-soft),color var(--duration-fast) var(--ease-out-soft)}.m-segmented__option--on{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-raised)}.m-segmented__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.m-spread{position:relative;margin:0;display:grid;grid-gap:var(--space-4);gap:var(--space-4);background:var(--color-surface);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.m-spread__label{position:absolute;top:var(--space-3);right:var(--space-4);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint)}.m-spread__art{aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--color-ink) 6%,transparent);display:grid;place-items:center}.m-spread__img{width:100%;height:100%;object-fit:cover;display:block}.m-spread__placeholder{border-radius:0}.m-spread__empty{font-size:var(--text-sm);color:var(--color-ink-faint);padding:var(--space-4);text-align:center}.m-spread__text{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.6;color:var(--color-ink);white-space:pre-wrap}.m-spread--display .m-spread__text{text-align:center;font-size:var(--text-xl)}.m-spread__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.m-book{position:relative;width:100%;display:flex;perspective:1600px;border-radius:var(--radius-md);padding:clamp(8px,1.4vw,14px);background:color-mix(in srgb,var(--color-ink) 88%,var(--color-primary));box-shadow:0 30px 60px -20px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.25)}.m-book--spread{aspect-ratio:2/1.04}.m-book--single{aspect-ratio:1/1.04}.m-book__spine{position:absolute;left:50%;top:clamp(8px,1.4vw,14px);bottom:clamp(8px,1.4vw,14px);width:28px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.26) 38%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.26) 62%,rgba(0,0,0,0));pointer-events:none;z-index:5;border-radius:50%}.m-book__leaf{position:relative;flex:1 1 50%;overflow:hidden}.m-book__leaf--left{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.m-book__leaf--right{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.m-book__art{position:absolute;inset:0;background:color-mix(in srgb,var(--color-ink) 10%,var(--color-surface));box-shadow:inset -22px 0 35px -22px rgba(0,0,0,.5);display:grid;place-items:center}.m-book__img{width:100%;height:100%;object-fit:cover;display:block}.m-book__placeholder{width:100%;border-radius:0}.m-book__empty{font-size:var(--text-sm);color:var(--color-ink-faint);padding:var(--space-4);text-align:center}.m-book__page{position:absolute;inset:0;background:var(--color-surface);box-shadow:inset 22px 0 35px -22px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:clamp(20px,5%,56px) clamp(20px,5%,56px) clamp(34px,9%,72px);overflow-y:auto}.m-book__text{max-width:32ch;text-align:center;font-family:var(--font-display);color:var(--color-ink)}.m-book__text p{font-size:clamp(16px,2vw,24px);line-height:1.8;margin:0 0 .55em}.m-book__text--sm p{font-size:clamp(14px,1.6vw,19px);line-height:1.65}.m-book__text--xs p{font-size:clamp(13px,1.3vw,16px);line-height:1.55}.m-book__text--display p{font-style:italic;color:var(--color-ink-soft)}.m-book__leaf-title{position:absolute;inset:0;background:var(--color-surface);box-shadow:inset -22px 0 35px -22px rgba(0,0,0,.5);display:grid;place-content:center;text-align:center;padding:clamp(20px,8%,64px)}.m-book__leaf-title h3{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,3vw,38px);line-height:1.15;text-wrap:balance;overflow-wrap:break-word;color:var(--color-ink);margin:0}.m-book__leaf-title p{margin:12px 0 0;font-family:var(--font-display);font-style:italic;font-size:clamp(12px,1.6vw,17px);color:var(--color-ink-soft)}.m-book__drop{float:left;font-size:clamp(36px,4.6vw,56px);line-height:1;font-weight:700;color:var(--color-accent);margin:4px 8px -6px 0}.m-book__pagenum{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-faint)}.m-book__full{position:absolute;inset:clamp(8px,1.4vw,14px);border-radius:var(--radius-sm);overflow:hidden;background-size:cover;background-position:50%;display:grid;place-items:center;z-index:6}.m-book__full--paper{background-color:var(--color-surface)}.m-book__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,24,.55),rgba(8,10,24,.38) 16%,rgba(8,10,24,.16) 34%,rgba(8,10,24,.02) 50%,rgba(0,0,0,.02) 72%,rgba(0,0,0,.3));pointer-events:none}.m-book__full-content{position:relative;z-index:2;text-align:center;padding:clamp(20px,5%,56px);max-width:60ch}.m-book__full--art .m-book__full-content{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}.m-book__full--art .m-book__full-content :is(h1,h2,h3,p){color:inherit}.m-book__turn--forward{animation:m-book-turn-forward var(--duration-slow) var(--ease-out-soft)}.m-book__turn--back{animation:m-book-turn-back var(--duration-slow) var(--ease-out-soft)}@keyframes m-book-turn-forward{0%{opacity:0;transform:translateX(3.5%) rotateY(-10deg)}to{opacity:1;transform:none}}@keyframes m-book-turn-back{0%{opacity:0;transform:translateX(-3.5%) rotateY(10deg)}to{opacity:1;transform:none}}@media (max-width:720px){.m-book--spread{aspect-ratio:auto;flex-direction:column;height:72vh;max-height:none;aspect-ratio:2/1.04}.m-book--single{aspect-ratio:1/1.04}.m-book__spine{display:none}.m-book__leaf--left{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.m-book__leaf--right{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.m-book__art{box-shadow:inset 0 -22px 35px -22px rgba(0,0,0,.5)}.m-book__page{box-shadow:inset 0 22px 35px -22px rgba(0,0,0,.5)}.m-book__text p{line-height:1.6}}@media (prefers-reduced-motion:reduce){.m-book__turn--back,.m-book__turn--forward{animation:none}}.m-book__cover-block{position:absolute;top:clamp(10px,4%,36px);left:50%;transform:translateX(-50%);width:92%;text-align:center;z-index:2;padding:clamp(16px,5%,40px) clamp(12px,4%,32px)}.m-book__cover-title{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4.8vw,52px);line-height:1.1;text-wrap:balance;overflow-wrap:break-word;margin:0}.m-book__full--art .m-book__cover-by,.m-book__full--art .m-book__cover-title{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.5)}.m-book__full--paper .m-book__cover-by,.m-book__full--paper .m-book__cover-title{color:var(--color-ink)}.m-book__cover-by{margin:10px 0 0;font-family:var(--font-display);font-style:italic;font-size:clamp(13px,1.8vw,19px);opacity:.95}.m-book__cover-hint{position:absolute;bottom:clamp(14px,4%,34px);left:50%;transform:translateX(-50%);z-index:2;color:#fff;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:rgba(0,0,0,.28);padding:8px 18px;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-book__full--paper .m-book__cover-hint{color:var(--color-ink-soft);background:color-mix(in srgb,var(--color-ink) 8%,transparent)}.m-navbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-card);background:var(--color-surface);color:var(--color-ink);width:52px;height:52px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-raised);transition:transform var(--duration-fast) var(--ease-out-soft),box-shadow var(--duration-fast) var(--ease-out-soft)}.m-navbtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-card)}.m-navbtn:active:not(:disabled){transform:translateY(0)}.m-navbtn:disabled{opacity:.3;cursor:default}.m-navbtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.m-stage{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--color-accent) 45%,transparent) 0,transparent 55%),radial-gradient(circle at 75% 80%,color-mix(in srgb,var(--color-accent-2) 35%,transparent) 0,transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--color-primary) 80%,black) 0,color-mix(in srgb,var(--color-ink) 88%,black) 100%);animation:m-fade-in var(--duration-base) var(--ease-out-soft)}@keyframes m-fade-in{0%{opacity:0}to{opacity:1}}.m-stage__bar{display:flex;align-items:center;gap:var(--space-4);width:min(96vw,1180px);justify-content:space-between}.m-stage__title{font-family:var(--font-display);font-size:clamp(16px,2.4vw,24px);color:#fdf9f0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.m-stage__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:44px;height:44px;border-radius:50%;background:rgba(253,249,240,.16);color:#fdf9f0;font-size:18px;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--duration-fast) var(--ease-out-soft)}.m-stage__close:hover{background:rgba(253,249,240,.3)}.m-stage__close:focus-visible{outline:2px solid #fdf9f0;outline-offset:2px}.m-stage__frame{height:min(76vh,46vw);display:flex;justify-content:center}.m-stage__frame--single{height:min(76vh,88vw)}.m-stage__frame .m-book{height:100%;width:auto}.m-stage__footer{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.m-stage__hint{font-size:var(--text-xs);letter-spacing:.08em;color:rgba(253,249,240,.72)}.m-stage .m-dots__dot{background:rgba(253,249,240,.35)}.m-stage .m-dots__dot--active{background:var(--color-accent)}@media (max-width:720px){.m-stage__frame,.m-stage__frame--single{height:auto;width:94vw}.m-stage__frame .m-book{height:auto;width:100%}.m-stage__frame .m-book--spread{height:70vh}}