.identity-panel{padding:var(--space-6);color:var(--color-text-primary);max-height:min(84vh,760px);overflow-y:auto}#dayaid-modal .dialog-card{position:relative}.identity-close{position:absolute;top:var(--space-3);right:var(--space-3);border:0;background:transparent;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;min-width:44px;min-height:44px}.identity-panel .dialog-title{margin:0 0 var(--space-3);padding-right:44px;font-family:var(--font-display);font-size:var(--text-2xl)}.identity-guest{width:100%;margin-top:var(--space-3);min-height:44px;border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.identity-local-note{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-5)}.identity-panel form{display:grid;gap:var(--space-4)}.identity-panel label{display:grid;gap:var(--space-2);font-size:var(--text-sm);font-weight:700}.identity-panel select,.identity-panel input:not([type=checkbox]){width:100%;min-height:44px;border:1px solid var(--color-border, #88909a);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);padding:0 var(--space-3);font:inherit}.identity-panel select:focus-visible,.identity-panel input:focus-visible,.identity-panel button:focus-visible{outline:3px solid var(--color-brand-blue);outline-offset:2px}.identity-panel .btn{min-height:44px}.identity-panel button:disabled{opacity:.6;cursor:wait}.identity-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.identity-tabs button{flex:1;min-height:44px;border:1px solid var(--color-border, #88909a);border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);font:inherit;cursor:pointer}.identity-tabs button[aria-pressed=true]{background:var(--color-brand-blue);color:#fff;border-color:var(--color-brand-blue)}.identity-error{color:#9f1d12;background:#fff1ee;border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.identity-availability{min-height:1.25em;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:400}.identity-profiles{display:grid;gap:var(--space-3)}.identity-signout{margin-top:var(--space-4)}.identity-ready{display:grid;gap:var(--space-3)}.identity-ready p{margin:0 0 var(--space-2);font-size:var(--text-base)}.identity-ready-label{color:var(--color-text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.identity-section-label{margin:0;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.identity-steps{display:flex;gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none}.identity-steps li{flex:1;display:flex;align-items:center;gap:6px;min-width:0;font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary)}.identity-steps li span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-step-dot{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border-subtle, #cbd5e1);font-size:12px}.identity-steps li[data-state=current]{color:var(--color-text-primary)}.identity-steps li[data-state=current] .identity-step-dot{border-color:var(--color-brand-blue);background:var(--color-brand-blue);color:#fff}.identity-steps li[data-state=done] .identity-step-dot{border-color:#15803d;background:#15803d;color:#fff}.identity-agreements{margin:var(--space-2) 0 0;padding:var(--space-3) var(--space-3) var(--space-2);border:1.5px solid color-mix(in srgb,var(--color-brand-blue) 22%,var(--color-border-subtle, #cbd5e1));border-radius:16px;background:var(--color-bg-card, #fff)}.identity-agreements legend{display:flex;align-items:baseline;gap:var(--space-2);padding:0 6px;font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary)}.identity-agreements-count{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary)}.identity-agreement-group+.identity-agreement-group{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle, #e2e8f0)}.identity-agreement-group-label{margin:0 0 4px;font-size:var(--text-xs);font-weight:900;color:var(--color-brand-blue)}.identity-agreement{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);min-height:48px;padding:4px 6px;border-radius:12px;transition:background-color .15s ease}.identity-agreement[data-accepted]{background:color-mix(in srgb,#15803d 9%,transparent)}.identity-panel .identity-agreement input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:#15803d;cursor:pointer}.identity-panel .identity-agreement label{display:block;font-size:var(--text-sm);font-weight:500;line-height:1.35;cursor:pointer}.identity-panel .identity-agreement label strong{font-weight:800}.identity-read{min-width:56px;min-height:40px;padding:0 12px;border:1.5px solid var(--color-border-subtle, #cbd5e1);border-radius:999px;background:transparent;color:var(--color-brand-blue);font:inherit;font-size:var(--text-sm);font-weight:900;cursor:pointer}.identity-read:hover{background:color-mix(in srgb,var(--color-brand-blue) 8%,transparent)}.identity-activate{display:grid;gap:var(--space-3)}.identity-activate-intro{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary)}.identity-panel-reading{padding-top:var(--space-5)}.identity-reader{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-3);max-height:min(78vh,700px)}.identity-reader-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding-right:44px}.identity-reader-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--color-brand-blue) 12%,transparent);color:var(--color-brand-blue)}.identity-reader-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.identity-reader-head h3{margin:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15}.identity-reader-head h3:focus{outline:none}.identity-reader-head p{margin:2px 0 0;font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary)}.identity-reader-chip{padding:3px 10px;border-radius:999px;background:#fef3c7;color:#78350f;font-size:var(--text-xs);font-weight:800;white-space:nowrap}.identity-reader-note{margin:0;padding:var(--space-2) var(--space-3);border-radius:10px;background:var(--color-bg-elevated);font-size:var(--text-xs);color:var(--color-text-secondary)}.identity-reader-body{overflow:auto;overscroll-behavior:contain;padding:var(--space-4);border-radius:14px;background:var(--color-bg-card, #fff);border:1px solid var(--color-border-subtle, #e2e8f0)}.identity-reader-body:focus-visible{outline:3px solid var(--color-brand-blue);outline-offset:2px}.identity-legal-text{max-width:62ch;font-size:var(--text-base);line-height:1.65;color:var(--color-text-primary);overflow-wrap:anywhere}.identity-legal-text h3{display:none}.identity-legal-text h4{margin:var(--space-4) 0 var(--space-1);font-size:var(--text-base);font-weight:800}.identity-legal-text h4:first-child{margin-top:0}.identity-legal-text p{margin:0 0 var(--space-3)}.identity-legal-text ul{margin:0 0 var(--space-3);padding-left:1.25em}.identity-legal-text li{margin-bottom:4px}.identity-reader-skeleton{display:grid;gap:10px}.identity-reader-skeleton i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--color-bg-elevated) 25%,var(--color-border-subtle, #e2e8f0) 50%,var(--color-bg-elevated) 75%);background-size:200% 100%;animation:identity-shimmer 1.2s linear infinite}.identity-reader-skeleton i:nth-child(2){width:85%}.identity-reader-skeleton i:nth-child(4){width:60%}@keyframes identity-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.identity-reader-skeleton i{animation:none}.identity-agreement{transition:none}}.identity-reader-problem{display:grid;gap:var(--space-3);justify-items:start}.identity-reader-foot{display:flex;justify-content:flex-end}.identity-reader-foot .btn{min-width:140px;min-height:48px}@media(max-width:480px){.identity-reader-foot .btn{width:100%}.identity-steps li span:last-child{font-size:11px}}.identity-reader,.identity-reader>*,.identity-agreements,.identity-panel{min-width:0}.identity-reader{grid-template-columns:minmax(0,1fr)}.identity-reader-head{grid-template-columns:auto minmax(0,1fr)}.identity-reader-chip{grid-column:2;justify-self:start}.identity-agreements legend{float:left;width:100%;justify-content:space-between;align-items:center;padding:0 2px var(--space-2);margin:0}.identity-agreements legend+*{clear:both}.identity-agreement-group:first-of-type{clear:both}@media(max-width:480px){#dayaid-modal .dialog-card{padding:var(--space-5) var(--space-4)}.identity-steps li:not([aria-current]) span:last-child{display:none}.identity-steps li:not([aria-current]){flex:0 0 auto}.identity-steps li[aria-current]{flex:1}.identity-reader-body{padding:var(--space-3)}}.identity-agreements legend>span:first-child{font-size:var(--text-base)}#dayaid-modal{--d3-depth: 6px;--d3-radius: 16px;--d3-primary-face: linear-gradient(180deg, #4DB0FF 0%, #2E9BFF 18%, #1A7CE6 62%, #0F62C4 100%);--d3-primary-edge: #0A4F9E;--d3-primary-glow: rgba(15, 98, 196, .45);--d3-secondary-face: linear-gradient(180deg, #34445F 0%, #26334A 100%);--d3-secondary-edge: #0C1424;--d3-secondary-ink: #EAF2FF;--d3-secondary-line: rgba(255, 255, 255, .1);--d3-disabled-face: linear-gradient(180deg, #4A5568 0%, #3D4757 100%);--d3-disabled-edge: #262E3B;--d3-drop: rgba(0, 0, 0, .45);--d3-card: linear-gradient(180deg, #243149 0%, #1B2538 100%);--d3-card-line: rgba(255, 255, 255, .07);--d3-well: #0F1626;--d3-track: #121A2B;--d3-press: cubic-bezier(.2, .8, .2, 1);--d3-sheen: color-mix(in srgb, #2E9BFF 9%, transparent);--d3-accent-ink: #6CBBFF}:root[data-theme=light] #dayaid-modal{--d3-secondary-face: linear-gradient(180deg, #FFFFFF 0%, #F1F7FF 100%);--d3-secondary-edge: #BFD6EC;--d3-secondary-ink: #0F3E75;--d3-secondary-line: rgba(15, 62, 117, .1);--d3-disabled-face: linear-gradient(180deg, #D8DFE7 0%, #C9D2DD 100%);--d3-disabled-edge: #A9B5C4;--d3-drop: rgba(15, 40, 80, .22);--d3-card: linear-gradient(180deg, #FFFFFF 0%, #FBF8F3 100%);--d3-card-line: rgba(15, 40, 80, .1);--d3-well: #FFFDF9;--d3-track: #EADFCF;--d3-sheen: rgba(255, 255, 255, .75);--d3-accent-ink: #0F62C4}@media(prefers-color-scheme:light){:root[data-theme=system] #dayaid-modal{--d3-secondary-face: linear-gradient(180deg, #FFFFFF 0%, #F1F7FF 100%);--d3-secondary-edge: #BFD6EC;--d3-secondary-ink: #0F3E75;--d3-secondary-line: rgba(15, 62, 117, .1);--d3-disabled-face: linear-gradient(180deg, #D8DFE7 0%, #C9D2DD 100%);--d3-disabled-edge: #A9B5C4;--d3-drop: rgba(15, 40, 80, .22);--d3-card: linear-gradient(180deg, #FFFFFF 0%, #FBF8F3 100%);--d3-card-line: rgba(15, 40, 80, .1);--d3-well: #FFFDF9;--d3-track: #EADFCF;--d3-sheen: rgba(255, 255, 255, .75);--d3-accent-ink: #0F62C4}}#dayaid-modal .dialog-card{border:1px solid var(--d3-card-line);background:var(--color-bg-elevated);background-image:linear-gradient(180deg,var(--d3-sheen) 0%,transparent 140px);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0003,0 14px 28px -8px var(--d3-drop),0 40px 80px -24px var(--d3-drop)}#dayaid-modal[open] .dialog-card{animation:d3-dialog-in .26s var(--d3-press) both}@keyframes d3-dialog-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}#dayaid-modal .identity-panel .btn{position:relative}#dayaid-modal .identity-panel .btn,#dayaid-modal .identity-close{border:0;border-radius:var(--d3-radius);font-family:var(--font-sans);font-weight:800;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .09s var(--d3-press),box-shadow .09s var(--d3-press),filter .15s ease}#dayaid-modal .identity-panel .btn{min-height:50px;margin-bottom:var(--d3-depth);padding:0 var(--space-6);font-size:var(--text-base)}#dayaid-modal .identity-panel .btn-primary{background:var(--d3-primary-face);color:#fff;text-shadow:0 1px 0 rgba(6,40,90,.45);box-shadow:inset 0 2px #ffffff59,inset 0 -2px #0000001a,0 var(--d3-depth) 0 var(--d3-primary-edge),0 calc(var(--d3-depth) + 6px) 16px -4px var(--d3-primary-glow)}#dayaid-modal .identity-panel .btn-secondary,#dayaid-modal .identity-close{background:var(--d3-secondary-face);color:var(--d3-secondary-ink);box-shadow:inset 0 0 0 1px var(--d3-secondary-line),inset 0 2px #ffffff38,0 var(--d3-depth) 0 var(--d3-secondary-edge),0 calc(var(--d3-depth) + 6px) 14px -6px var(--d3-drop)}@media(hover:hover)and (pointer:fine){#dayaid-modal .identity-panel .btn:hover:not(:disabled),#dayaid-modal .identity-close:hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-1px)}#dayaid-modal .identity-panel .btn-primary:hover:not(:disabled){background:var(--d3-primary-face);color:#fff}#dayaid-modal .identity-panel .btn-secondary:hover:not(:disabled){background:var(--d3-secondary-face);color:var(--d3-secondary-ink)}}#dayaid-modal .identity-panel .btn:active:not(:disabled){transform:translateY(calc(var(--d3-depth) - 1px))}#dayaid-modal .identity-panel .btn-primary:active:not(:disabled){box-shadow:inset 0 2px #ffffff40,inset 0 3px 8px #06285a4d,0 1px 0 var(--d3-primary-edge),0 2px 4px -1px var(--d3-primary-glow)}#dayaid-modal .identity-panel .btn-secondary:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--d3-secondary-line),inset 0 3px 8px #00000024,0 1px 0 var(--d3-secondary-edge),0 2px 4px -1px var(--d3-drop)}#dayaid-modal .identity-panel .btn:disabled{opacity:1;background:var(--d3-disabled-face);color:color-mix(in srgb,var(--color-text-primary) 55%,transparent);text-shadow:none;box-shadow:0 var(--d3-depth) 0 var(--d3-disabled-edge)}#dayaid-modal .identity-panel .btn:focus-visible{outline:3px solid #7CC4FF;outline-offset:3px}#dayaid-modal .identity-close{--d3-depth: 3px;top:var(--space-4);right:var(--space-4);z-index:2;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;font-size:1.4rem;line-height:1}#dayaid-modal .identity-close:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px var(--d3-secondary-line),0 1px 0 var(--d3-secondary-edge)}#dayaid-modal .identity-tabs{gap:6px;padding:6px 6px 9px;border-radius:20px;background:var(--d3-track);box-shadow:inset 0 2px 5px #00000047,inset 0 -1px #ffffff0d}#dayaid-modal .identity-tabs button{min-height:44px;border:0;border-radius:14px;background:transparent;color:var(--color-text-secondary);font-weight:800;transition:transform .12s var(--d3-press),box-shadow .12s var(--d3-press),color .12s ease}#dayaid-modal .identity-tabs button:hover{color:var(--color-text-primary)}#dayaid-modal .identity-tabs button[aria-pressed=true]{background:var(--d3-primary-face);color:#fff;text-shadow:0 1px 0 rgba(6,40,90,.45);box-shadow:inset 0 2px #ffffff59,0 3px 0 var(--d3-primary-edge),0 6px 12px -4px var(--d3-primary-glow);transform:translateY(-1px)}#dayaid-modal .identity-panel select,#dayaid-modal .identity-panel input:not([type=checkbox]){min-height:48px;border-radius:14px;border:1.5px solid var(--d3-card-line);background:var(--d3-well);box-shadow:inset 0 2px 4px #00000024;transition:border-color .15s ease,box-shadow .15s ease}#dayaid-modal .identity-panel select:focus-visible,#dayaid-modal .identity-panel input:not([type=checkbox]):focus-visible{outline:none;border-color:#2e9bff;box-shadow:inset 0 2px 4px #0000001a,0 0 0 4px #2e9bff47}#dayaid-modal .identity-step-dot{width:26px;height:26px;border:0;background:var(--d3-secondary-face);color:var(--d3-secondary-ink);box-shadow:inset 0 0 0 1px var(--d3-secondary-line),0 2px 0 var(--d3-secondary-edge)}#dayaid-modal .identity-steps li[data-state=current] .identity-step-dot{background:var(--d3-primary-face);color:#fff;box-shadow:inset 0 1px #ffffff59,0 2px 0 var(--d3-primary-edge),0 4px 10px -2px var(--d3-primary-glow)}#dayaid-modal .identity-steps li[data-state=done] .identity-step-dot{background:linear-gradient(180deg,#34c46a,#15803d);color:#fff;box-shadow:inset 0 1px #ffffff59,0 2px #0e5a2b}#dayaid-modal .identity-agreements{border:1px solid var(--d3-card-line);border-radius:20px;background:var(--d3-card);padding:var(--space-4) var(--space-3) var(--space-3);box-shadow:inset 0 1px #ffffff14,0 2px 3px #0000001a,0 12px 24px -12px var(--d3-drop)}#dayaid-modal .identity-agreement{padding:6px 8px;transition:background-color .18s ease,box-shadow .18s ease}#dayaid-modal .identity-agreement[data-accepted]{background:color-mix(in srgb,#22A355 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#22A355 28%,transparent)}#dayaid-modal .identity-panel .identity-agreement input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:grid;place-items:center;width:26px;height:26px;margin:0 0 2px;border-radius:8px;background:var(--d3-secondary-face);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--d3-secondary-ink) 30%,transparent),0 2px 0 var(--d3-secondary-edge);transition:transform .1s var(--d3-press),box-shadow .1s var(--d3-press),background .15s ease}#dayaid-modal .identity-panel .identity-agreement input[type=checkbox]:after{content:"";width:7px;height:13px;margin-top:-3px;border:solid #fff;border-width:0 3px 3px 0;border-radius:1px;transform:rotate(45deg) scale(0);transition:transform .16s cubic-bezier(.34,1.56,.64,1)}#dayaid-modal .identity-panel .identity-agreement input[type=checkbox]:checked{background:linear-gradient(180deg,#34c46a,#15803d);box-shadow:inset 0 1px #ffffff59,0 2px #0e5a2b}#dayaid-modal .identity-panel .identity-agreement input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}#dayaid-modal .identity-panel .identity-agreement input[type=checkbox]:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--d3-secondary-ink) 30%,transparent)}#dayaid-modal .identity-panel .identity-agreement input[type=checkbox]:focus-visible{outline:3px solid #7CC4FF;outline-offset:2px}#dayaid-modal .identity-panel .identity-agreement input[type=checkbox]:disabled{cursor:wait;opacity:.7}#dayaid-modal .identity-read{min-height:38px;margin-bottom:3px;padding:0 14px;border:0;border-radius:12px;background:var(--d3-secondary-face);color:var(--d3-accent-ink);box-shadow:inset 0 0 0 1px var(--d3-secondary-line),inset 0 1px #ffffff38,0 3px 0 var(--d3-secondary-edge),0 6px 10px -6px var(--d3-drop);transition:transform .09s var(--d3-press),box-shadow .09s var(--d3-press)}#dayaid-modal .identity-agreement-group-label{color:var(--d3-accent-ink)}#dayaid-modal .identity-read:hover{background:var(--d3-secondary-face);filter:brightness(1.05)}#dayaid-modal .identity-read:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px var(--d3-secondary-line),0 1px 0 var(--d3-secondary-edge)}#dayaid-modal .identity-reader{display:flex;flex-direction:column}#dayaid-modal .identity-reader>*{flex:none}#dayaid-modal .identity-reader>.identity-reader-body{flex:1 1 auto;min-height:0}#dayaid-modal .identity-reader-foot{padding-top:2px}#dayaid-modal .identity-reader-icon{background:var(--d3-primary-face);color:#fff;box-shadow:inset 0 2px #ffffff59,0 3px 0 var(--d3-primary-edge),0 8px 16px -6px var(--d3-primary-glow)}#dayaid-modal .identity-reader-body{border:1px solid var(--d3-card-line);border-radius:16px;background:var(--d3-well);box-shadow:inset 0 2px 6px #00000024,inset 0 -10px 12px -12px #00000040}#dayaid-modal .identity-reader-chip{box-shadow:0 2px #e2b640}@media(prefers-reduced-motion:reduce){#dayaid-modal[open] .dialog-card{animation:none}#dayaid-modal .identity-panel .btn,#dayaid-modal .identity-close,#dayaid-modal .identity-tabs button,#dayaid-modal .identity-read,#dayaid-modal .identity-agreement,#dayaid-modal .identity-panel .identity-agreement input[type=checkbox],#dayaid-modal .identity-panel .identity-agreement input[type=checkbox]:after{transition:none}}@media(max-width:480px){#dayaid-modal .identity-close{top:var(--space-3);right:var(--space-3)}#dayaid-modal .identity-panel .btn{width:100%}}.site-header[data-astro-cid-qmpwvs2w]{--shell-h: 72px;--shell-bg: color-mix(in srgb, var(--color-bg-base) 78%, transparent);position:sticky;top:0;z-index:40;background:var(--shell-bg);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);border-bottom:1px solid transparent;transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease}.site-header[data-astro-cid-qmpwvs2w]:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.5),rgba(147,51,234,.5),rgba(37,99,235,.5),transparent);opacity:.7}.site-header[data-astro-cid-qmpwvs2w][data-scrolled=true]{--shell-h: 60px;--shell-bg: color-mix(in srgb, var(--color-bg-base) 90%, transparent);box-shadow:0 8px 24px #0000002e}.shell-bar[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;gap:clamp(16px,3vw,40px);max-width:1360px;height:var(--shell-h);margin:0 auto;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));transition:height .24s cubic-bezier(.2,.8,.2,1)}.brand-link[data-astro-cid-qmpwvs2w]{display:inline-flex;flex:none;align-items:center}.brand-link[data-astro-cid-qmpwvs2w] img{width:auto;height:50px;max-height:none;transition:height .24s cubic-bezier(.2,.8,.2,1)}.site-header[data-astro-cid-qmpwvs2w][data-scrolled=true] .brand-link[data-astro-cid-qmpwvs2w] img{height:40px}.shell-nav[data-astro-cid-qmpwvs2w] ul[data-astro-cid-qmpwvs2w]{display:flex;gap:4px;margin:0;padding:0;list-style:none}.shell-nav-link[data-astro-cid-qmpwvs2w]{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;color:var(--color-text-secondary);font:750 .95rem/1 var(--font-sans);letter-spacing:.01em;text-decoration:none;transition:color .16s ease,background-color .16s ease}.shell-nav-link[data-astro-cid-qmpwvs2w]:after{content:"";position:absolute;right:14px;bottom:6px;left:14px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--color-brand-pink),var(--color-brand-purple),var(--color-brand-blue));transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.shell-nav-link[data-astro-cid-qmpwvs2w]:hover{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-text-primary) 6%,transparent)}.shell-nav-link[data-astro-cid-qmpwvs2w]:hover:after{transform:scaleX(.4)}.shell-nav-link[data-astro-cid-qmpwvs2w].active{color:var(--color-text-primary)}.shell-nav-link[data-astro-cid-qmpwvs2w].active:after{transform:scaleX(1)}.shell-utils[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;gap:8px;margin-left:auto}.shell-lang[data-astro-cid-qmpwvs2w]{display:flex;padding:3px;border:1px solid var(--color-border-subtle);border-radius:999px;background:color-mix(in srgb,var(--color-text-primary) 4%,transparent)}.shell-lang[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w]{min-width:40px;min-height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--color-text-secondary);font:800 .76rem/1 var(--font-sans);letter-spacing:.06em;cursor:pointer}.shell-lang[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w][aria-pressed=true]{background:var(--color-text-primary);color:var(--color-bg-base)}.shell-icon-btn[data-astro-cid-qmpwvs2w]{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border-subtle);border-radius:14px;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.shell-icon-btn[data-astro-cid-qmpwvs2w]:hover,.shell-icon-btn[data-astro-cid-qmpwvs2w][aria-expanded=true]{border-color:var(--color-border-hover);background:color-mix(in srgb,var(--color-text-primary) 7%,transparent)}.shell-icon-btn[data-astro-cid-qmpwvs2w] svg[data-astro-cid-qmpwvs2w],.shell-account[data-astro-cid-qmpwvs2w] svg[data-astro-cid-qmpwvs2w],.shell-drawer[data-astro-cid-qmpwvs2w] svg[data-astro-cid-qmpwvs2w]{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-glyph[data-astro-cid-qmpwvs2w]{display:none}#theme-toggle-btn[data-astro-cid-qmpwvs2w][data-current=system] .theme-glyph[data-astro-cid-qmpwvs2w][data-glyph=system],#theme-toggle-btn[data-astro-cid-qmpwvs2w][data-current=light] .theme-glyph[data-astro-cid-qmpwvs2w][data-glyph=light],#theme-toggle-btn[data-astro-cid-qmpwvs2w][data-current=dark] .theme-glyph[data-astro-cid-qmpwvs2w][data-glyph=dark],#theme-toggle-btn[data-astro-cid-qmpwvs2w]:not([data-current]) .theme-glyph[data-astro-cid-qmpwvs2w][data-glyph=system]{display:block}.theme-selector-wrapper[data-astro-cid-qmpwvs2w]{position:relative}.shell-account[data-astro-cid-qmpwvs2w]{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:1px solid var(--color-border-subtle);border-radius:999px;background:transparent;color:var(--color-text-primary);font:750 .88rem/1 var(--font-sans);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.shell-account[data-astro-cid-qmpwvs2w]:hover{border-color:var(--color-border-hover);background:color-mix(in srgb,var(--color-text-primary) 7%,transparent)}.shell-menu-btn[data-astro-cid-qmpwvs2w]{display:none}.dropdown-menu[data-astro-cid-qmpwvs2w]{position:absolute;top:calc(100% + 8px);right:0;z-index:100;display:grid;gap:2px;min-width:180px;padding:6px;border:1px solid var(--color-border-hover);border-radius:16px;background:var(--color-bg-elevated);box-shadow:0 18px 40px #00000047}.dropdown-menu[data-astro-cid-qmpwvs2w].hidden{display:none}.dropdown-label[data-astro-cid-qmpwvs2w]{margin:4px 10px 6px;color:var(--color-text-secondary);font:800 .66rem/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.menu-option[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--color-text-primary);font:650 .9rem/1 var(--font-sans);text-align:left;cursor:pointer}.menu-option[data-astro-cid-qmpwvs2w]:hover{background:color-mix(in srgb,var(--color-text-primary) 7%,transparent)}.menu-option[data-astro-cid-qmpwvs2w][aria-checked=true]{color:var(--color-brand-purple);font-weight:800}.menu-option[data-astro-cid-qmpwvs2w][aria-checked=true]:after{content:"✓";margin-left:auto}.shell-drawer-backdrop[data-astro-cid-qmpwvs2w]{position:fixed;inset:0;z-index:60;background:#03060e8c;backdrop-filter:blur(3px)}.shell-drawer[data-astro-cid-qmpwvs2w]{position:fixed;top:0;right:0;bottom:0;z-index:61;display:flex;flex-direction:column;gap:18px;width:min(400px,100vw);overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) 18px;background:var(--color-bg-base);box-shadow:-20px 0 50px #00000059;animation:shell-drawer-in .26s cubic-bezier(.2,.8,.2,1) both}.shell-drawer[data-astro-cid-qmpwvs2w].hidden,.shell-drawer-backdrop[data-astro-cid-qmpwvs2w].hidden,.shell-continue[data-astro-cid-qmpwvs2w].hidden{display:none}.shell-drawer-head[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;justify-content:space-between}.shell-drawer-head[data-astro-cid-qmpwvs2w] img{height:44px;width:auto}.shell-continue[data-astro-cid-qmpwvs2w]{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--color-border-accent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-purple) 16%,var(--color-bg-card)),var(--color-bg-card));color:var(--color-text-primary);text-decoration:none}.shell-continue[data-astro-cid-qmpwvs2w] img[data-astro-cid-qmpwvs2w]{width:48px;height:64px;border-radius:8px;object-fit:cover}.shell-continue[data-astro-cid-qmpwvs2w] span[data-astro-cid-qmpwvs2w]{display:grid;gap:2px;min-width:0}.shell-continue[data-astro-cid-qmpwvs2w] small[data-astro-cid-qmpwvs2w]{color:var(--color-brand-purple);font:800 .66rem/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.shell-continue[data-astro-cid-qmpwvs2w] strong[data-astro-cid-qmpwvs2w]{overflow:hidden;font:1.1rem/1.15 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.shell-continue[data-astro-cid-qmpwvs2w] em[data-astro-cid-qmpwvs2w]{color:var(--color-text-secondary);font:650 .82rem/1.2 var(--font-sans);font-style:normal}.shell-drawer-nav[data-astro-cid-qmpwvs2w]{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mobile-nav-link[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 14px;border-radius:14px;color:var(--color-text-primary);font:1.15rem/1 var(--font-display);text-decoration:none}.mobile-nav-link[data-astro-cid-qmpwvs2w] svg[data-astro-cid-qmpwvs2w]{color:var(--color-text-secondary)}.mobile-nav-link[data-astro-cid-qmpwvs2w]:hover{background:color-mix(in srgb,var(--color-text-primary) 6%,transparent)}.mobile-nav-link[data-astro-cid-qmpwvs2w].active{background:color-mix(in srgb,var(--color-brand-purple) 14%,transparent)}.mobile-nav-link[data-astro-cid-qmpwvs2w].active svg[data-astro-cid-qmpwvs2w]{color:var(--color-brand-purple)}.shell-drawer-group[data-astro-cid-qmpwvs2w]{padding-top:16px;border-top:1px solid var(--color-border-subtle)}.shell-drawer-label[data-astro-cid-qmpwvs2w]{margin:0 0 10px;color:var(--color-text-secondary);font:800 .7rem/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.shell-options[data-astro-cid-qmpwvs2w]{display:flex;flex-wrap:wrap;gap:8px}.shell-options[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w]{flex:1 1 auto;min-height:44px;padding:0 14px;border:1px solid var(--color-border-hover);border-radius:999px;background:transparent;color:var(--color-text-primary);font:700 .9rem/1 var(--font-sans);cursor:pointer}.shell-options[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w][aria-pressed=true]{border-color:transparent;background:var(--color-text-primary);color:var(--color-bg-base)}.shell-account-wide[data-astro-cid-qmpwvs2w]{width:100%;justify-content:center}.shell-drawer-parent[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;justify-content:center;gap:4px;margin:auto 0 0;padding-top:18px;border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font:700 .8rem/1 var(--font-sans)}.shell-drawer-parent[data-astro-cid-qmpwvs2w] img[data-astro-cid-qmpwvs2w]{width:120px;height:auto;border-radius:8px}.brand-on-dark[data-astro-cid-qmpwvs2w],[data-theme=dark] .brand-on-light[data-astro-cid-qmpwvs2w]{display:none}[data-theme=dark] .brand-on-dark[data-astro-cid-qmpwvs2w]{display:block}@media(prefers-color-scheme:dark){[data-theme=system] .brand-on-light[data-astro-cid-qmpwvs2w]{display:none}[data-theme=system] .brand-on-dark[data-astro-cid-qmpwvs2w]{display:block}}@keyframes shell-drawer-in{0%{transform:translate(100%)}to{transform:none}}@media(max-width:1023px){.shell-bar[data-astro-cid-qmpwvs2w]>.shell-utils[data-astro-cid-qmpwvs2w]>.shell-account[data-astro-cid-qmpwvs2w] span[data-astro-cid-qmpwvs2w]{display:none}.shell-bar[data-astro-cid-qmpwvs2w]>.shell-utils[data-astro-cid-qmpwvs2w]>.shell-account[data-astro-cid-qmpwvs2w]{width:44px;padding:0;justify-content:center}}@media(max-width:760px){.site-header[data-astro-cid-qmpwvs2w],.site-header[data-astro-cid-qmpwvs2w][data-scrolled=true]{--shell-h: 58px}.shell-bar[data-astro-cid-qmpwvs2w]{padding-inline:max(14px,env(safe-area-inset-left))}.brand-link[data-astro-cid-qmpwvs2w] img,.site-header[data-astro-cid-qmpwvs2w][data-scrolled=true] .brand-link[data-astro-cid-qmpwvs2w] img{height:40px}.shell-nav[data-astro-cid-qmpwvs2w],.shell-lang[data-astro-cid-qmpwvs2w],.theme-selector-wrapper[data-astro-cid-qmpwvs2w],.shell-bar[data-astro-cid-qmpwvs2w] .shell-account[data-astro-cid-qmpwvs2w]{display:none}.shell-menu-btn[data-astro-cid-qmpwvs2w]{display:inline-grid}}@media(prefers-reduced-motion:reduce){.site-header[data-astro-cid-qmpwvs2w],.shell-bar[data-astro-cid-qmpwvs2w],.brand-link[data-astro-cid-qmpwvs2w] img,.shell-nav-link[data-astro-cid-qmpwvs2w]:after,.shell-drawer[data-astro-cid-qmpwvs2w]{transition:none;animation:none}}.dayaid-dialog[data-astro-cid-qmpwvs2w]{padding:0;border:none;border-radius:var(--radius-2xl);background:transparent;max-width:520px;width:90vw;margin:auto}.dayaid-dialog[data-astro-cid-qmpwvs2w]::backdrop{background:#000000a6;backdrop-filter:blur(6px)}.dialog-card[data-astro-cid-qmpwvs2w]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-accent);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-xl),var(--shadow-glow-blue);display:flex;flex-direction:column;gap:var(--space-6)}.dialog-header[data-astro-cid-qmpwvs2w]{text-align:center}.dialog-badge[data-astro-cid-qmpwvs2w]{display:inline-block;background:#2563eb26;color:var(--color-brand-blue);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-full);padding:2px 10px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.dialog-title[data-astro-cid-qmpwvs2w]{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-1)}.dialog-subtitle[data-astro-cid-qmpwvs2w]{font-size:var(--text-sm);color:var(--color-text-secondary)}.dialog-body[data-astro-cid-qmpwvs2w]{display:flex;flex-direction:column;gap:var(--space-4)}.dialog-feature-item[data-astro-cid-qmpwvs2w]{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.dialog-feature-item[data-astro-cid-qmpwvs2w] strong[data-astro-cid-qmpwvs2w]{display:block;font-size:var(--text-sm);color:var(--color-text-primary)}.dialog-feature-item[data-astro-cid-qmpwvs2w] p[data-astro-cid-qmpwvs2w]{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.feature-icon[data-astro-cid-qmpwvs2w]{font-size:20px;line-height:1}.dialog-status-notice[data-astro-cid-qmpwvs2w]{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-primary);align-items:center}.notice-icon[data-astro-cid-qmpwvs2w]{font-size:18px;flex-shrink:0}.dialog-footer[data-astro-cid-qmpwvs2w]{display:flex;justify-content:flex-end}.dialog-footer[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w]{width:100%}@media(min-width:480px){.dialog-footer[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w]{width:auto}}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LilitaOne-Regular.woff2) format("woff2")}@font-face{font-family:Comic Neue;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ComicNeue-Bold.woff2) format("woff2")}:root{--font-display: "Lilita One", "Fredoka", "Bungee", cursive, system-ui, sans-serif;--font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-dialogue: "Comic Neue", "Comic Sans MS", cursive, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--color-brand-blue: #2563EB;--color-brand-blue-hover: #1D4ED8;--color-brand-indigo: #4F46E5;--color-brand-purple: #9333EA;--color-brand-pink: #EC4899;--color-brand-coral: #F43F5E;--color-brand-orange: #F97316;--color-brand-amber: #F59E0B;--color-brand-yellow: #EAB308;--grad-brand-hero: linear-gradient(135deg, #1E1B4B 0%, #312E81 40%, #4C1D95 100%);--grad-brand-accent: linear-gradient(90deg, #F43F5E, #9333EA, #2563EB);--grad-brand-gold: linear-gradient(135deg, #F59E0B, #EA580C);--grad-brand-light-hero: linear-gradient(135deg, #EFF6FF 0%, #F5F3FF 50%, #FFF1F2 100%);--hero-title: #FFFFFF;--hero-copy: #E2E8F0;--hero-muted: #94A3B8;--hero-card-bg: rgba(255, 255, 255, .08);--hero-card-border: rgba(255, 255, 255, .16);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--width-container: 1200px;--width-reader: 768px;--width-reader-comfortable: 680px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--focus-ring: 2px solid var(--color-brand-blue);--focus-offset: 2px;--badge-overlay-surface: rgba(11, 15, 25, .9);--badge-overlay-border: rgba(255, 255, 255, .22);--badge-overlay-shadow: 0 2px 6px rgba(0, 0, 0, .45);--badge-overlay-shadow-raised: 0 4px 12px rgba(0, 0, 0, .5);--badge-overlay-text: #F8FAFC;--badge-overlay-free-accent: #6EE7B7;--badge-overlay-premium-accent: #C4B5FD;--badge-overlay-availability-surface: rgba(248, 250, 252, .94);--badge-overlay-availability-text: #1E293B;--badge-overlay-availability-border: rgba(15, 23, 42, .18);--cover-badge-scrim: linear-gradient( to bottom, rgba(2, 6, 18, .45) 0%, rgba(2, 6, 18, .16) 40%, rgba(2, 6, 18, 0) 72% )}:root,[data-theme=dark]{--color-brand-coral-text: #FB7185;--color-bg-base: #0B0F19;--color-bg-surface: #111827;--color-bg-elevated: #1F2937;--color-bg-subtle: #374151;--color-bg-card: #151D2F;--color-bg-reader: #06090F;--color-header-bg: rgba(11, 15, 25, .88);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .18);--color-border-accent: rgba(147, 51, 234, .4);--color-text-primary: #F9FAFB;--color-text-secondary: #9CA3AF;--color-text-muted: #6B7280;--color-text-inverse: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-comic: 3px 3px 0px rgba(0, 0, 0, .8);--shadow-glow: 0 0 24px rgba(147, 51, 234, .25);--shadow-glow-blue: 0 0 24px rgba(37, 99, 235, .25);--badge-free-bg: rgba(16, 185, 129, .15);--badge-free-text: #34D399;--badge-free-border: rgba(16, 185, 129, .3);--badge-premium-bg: rgba(245, 158, 11, .15);--badge-premium-text: #FBBF24;--badge-premium-border: rgba(245, 158, 11, .3);--badge-canon-bg: rgba(147, 51, 234, .15);--badge-canon-text: #C084FC;--badge-canon-border: rgba(147, 51, 234, .3);--badge-audience-bg: rgba(156, 163, 175, .15);--badge-audience-text: #D1D5DB;--badge-audience-border: rgba(156, 163, 175, .3);--badge-format-bg: rgba(236, 72, 153, .15);--badge-format-text: #F472B6;--badge-format-border: rgba(236, 72, 153, .3);--badge-genre-bg: rgba(99, 102, 241, .15);--badge-genre-text: #A5B4FC;--badge-genre-border: rgba(99, 102, 241, .3);--badge-availability-bg: rgba(148, 163, 184, .16);--badge-availability-text: #E2E8F0;--badge-availability-border: rgba(148, 163, 184, .38);--color-accent-interactive: #60A5FA}[data-theme=light]{--color-brand-coral-text: #BE123C;--color-bg-base: #FAF7F0;--color-bg-surface: #FFFFFF;--color-bg-elevated: #F4ECE1;--color-bg-subtle: #E8DECE;--color-bg-card: #FFFFFF;--color-bg-reader: #F5EFE6;--color-header-bg: rgba(250, 247, 240, .92);--color-border-subtle: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .18);--color-border-accent: rgba(147, 51, 234, .3);--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-inverse: #F9FAFB;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-comic: 3px 3px 0px rgba(30, 41, 59, .8);--shadow-glow: 0 0 24px rgba(147, 51, 234, .15);--shadow-glow-blue: 0 0 24px rgba(37, 99, 235, .15);--badge-free-bg: rgba(16, 185, 129, .12);--badge-free-text: #047857;--badge-free-border: rgba(16, 185, 129, .3);--badge-premium-bg: rgba(245, 158, 11, .12);--badge-premium-text: #B45309;--badge-premium-border: rgba(245, 158, 11, .3);--badge-canon-bg: rgba(147, 51, 234, .12);--badge-canon-text: #7E22CE;--badge-canon-border: rgba(147, 51, 234, .3);--badge-audience-bg: rgba(156, 163, 175, .15);--badge-audience-text: #4B5563;--badge-audience-border: rgba(156, 163, 175, .3);--badge-format-bg: rgba(236, 72, 153, .12);--badge-format-text: #BE185D;--badge-format-border: rgba(236, 72, 153, .3);--badge-genre-bg: rgba(99, 102, 241, .12);--badge-genre-text: #4338CA;--badge-genre-border: rgba(99, 102, 241, .3);--badge-availability-bg: rgba(71, 85, 105, .1);--badge-availability-text: #334155;--badge-availability-border: rgba(71, 85, 105, .32);--color-accent-interactive: #1D4ED8}@media(prefers-color-scheme:light){[data-theme=system]{--color-brand-coral-text: #BE123C;--color-bg-base: #FAF7F0;--color-bg-surface: #FFFFFF;--color-bg-elevated: #F4ECE1;--color-bg-subtle: #E8DECE;--color-bg-card: #FFFFFF;--color-bg-reader: #F5EFE6;--color-header-bg: rgba(250, 247, 240, .92);--color-border-subtle: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .18);--color-border-accent: rgba(147, 51, 234, .3);--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-inverse: #F9FAFB;--shadow-comic: 3px 3px 0px rgba(30, 41, 59, .8);--shadow-glow: 0 0 24px rgba(147, 51, 234, .15);--badge-free-bg: rgba(16, 185, 129, .12);--badge-free-text: #047857;--badge-free-border: rgba(16, 185, 129, .3);--badge-premium-bg: rgba(245, 158, 11, .12);--badge-premium-text: #B45309;--badge-premium-border: rgba(245, 158, 11, .3);--badge-canon-bg: rgba(147, 51, 234, .12);--badge-canon-text: #7E22CE;--badge-canon-border: rgba(147, 51, 234, .3);--badge-audience-bg: rgba(156, 163, 175, .15);--badge-audience-text: #4B5563;--badge-audience-border: rgba(156, 163, 175, .3);--badge-format-bg: rgba(236, 72, 153, .12);--badge-format-text: #BE185D;--badge-format-border: rgba(236, 72, 153, .3);--badge-genre-bg: rgba(99, 102, 241, .12);--badge-genre-text: #4338CA;--badge-genre-border: rgba(99, 102, 241, .3);--badge-availability-bg: rgba(71, 85, 105, .1);--badge-availability-text: #334155;--badge-availability-border: rgba(71, 85, 105, .32);--color-accent-interactive: #1D4ED8}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.container{width:100%;max-width:var(--width-container);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-8)}}.site-header{position:sticky;top:0;z-index:40;background-color:var(--color-bg-elevated);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--transition-normal)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand-link{display:inline-flex;align-items:center;gap:var(--space-2)}.brand-logo{height:42px;width:auto;object-fit:contain}@media(max-width:640px){.brand-logo{height:34px}}.nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:var(--color-brand-cyan)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.badge-free{background-color:var(--badge-free-bg);color:var(--badge-free-text);border-color:var(--badge-free-border)}.badge-premium{background-color:var(--badge-premium-bg);color:var(--badge-premium-text);border-color:var(--badge-premium-border)}.badge-canon{background-color:var(--badge-canon-bg);color:var(--badge-canon-text);border-color:var(--badge-canon-border)}.badge-audience{background-color:var(--badge-audience-bg);color:var(--badge-audience-text);border-color:var(--badge-audience-border)}.badge-format{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.badge-genre{background-color:#ffffff0d;color:var(--theme-accent, var(--color-text-primary));border-color:var(--theme-accent, var(--color-border-subtle))}.badge-story{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.badge-availability{background-color:var(--badge-availability-bg);color:var(--badge-availability-text);border-color:var(--badge-availability-border)}.cover-badge-stack{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);pointer-events:none;z-index:2}.badge-overlay{background-color:var(--badge-overlay-surface);color:var(--badge-overlay-text);border:1px solid var(--badge-overlay-border);box-shadow:var(--badge-overlay-shadow);border-radius:var(--radius-full);padding:4px 10px 4px 8px;gap:5px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;line-height:1.3;max-width:100%;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}@supports (backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px)){.badge-overlay{-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1)}}.badge-overlay .badge-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-overlay .badge-icon{flex:none;width:12px;height:12px}.badge-overlay.badge-free .badge-icon{color:var(--badge-overlay-free-accent)}.badge-overlay.badge-premium .badge-icon{color:var(--badge-overlay-premium-accent)}.badge-overlay.badge-availability{background-color:var(--badge-overlay-availability-surface);color:var(--badge-overlay-availability-text);border-color:var(--badge-overlay-availability-border)}.badge-overlay.badge-availability .badge-icon{color:var(--badge-overlay-availability-text);opacity:.75}.cover-badge-scrim{position:absolute;inset:0 0 auto;height:42%;background:var(--cover-badge-scrim);pointer-events:none;z-index:1}@media(max-width:480px){.badge-overlay{font-size:.625rem;padding:3px 8px 3px 7px}.badge-overlay .badge-icon{width:11px;height:11px}.cover-badge-stack{top:var(--space-2);left:var(--space-2);right:var(--space-2)}}.comic-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:13px;font-family:var(--font-sans);font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease;text-decoration:none;border:1px solid var(--color-border-hover);box-shadow:0 3px 10px #0712261a;min-height:44px}.comic-btn:focus-visible{outline:3px solid var(--theme-accent, var(--color-brand-blue));outline-offset:2px}.comic-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #07122614}.comic-btn:hover:not(:disabled){transform:translateY(-1px)}.comic-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.comic-btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.comic-btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.comic-btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.comic-btn-full{width:100%}.comic-btn-primary,.comic-btn-primary:visited{background:var(--theme-accent, var(--color-brand-blue));color:var(--theme-text-on-accent, #ffffff);border-color:var(--theme-accent, var(--color-brand-blue))}.comic-btn-primary:hover:not(:disabled){background:var(--theme-accent-secondary, var(--color-brand-blue-hover));box-shadow:0 6px 16px #0712262b}.comic-btn-secondary,.comic-btn-secondary:visited{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-hover)}.comic-btn-secondary:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-border-strong, var(--color-border-hover))}.comic-btn-outline,.comic-btn-outline:visited{background:transparent;color:var(--theme-accent, var(--color-accent-interactive));border-color:var(--theme-accent, var(--color-accent-interactive))}.comic-btn[aria-pressed=true] .comic-btn-icon{color:var(--color-brand-amber)}.comic-btn-outline:hover:not(:disabled){background:var(--color-bg-subtle)}.comic-btn-outline:active{box-shadow:0 1px 4px #07122614}.comic-btn-save,.comic-btn-save:visited{background:color-mix(in srgb,var(--color-brand-amber) 12%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--color-brand-amber) 52%,var(--color-border-hover));color:var(--color-text-primary);box-shadow:0 3px 10px #4d350717}.comic-btn-save .comic-btn-icon{color:#9a5700}.comic-btn-save:hover:not(:disabled){background:color-mix(in srgb,var(--color-brand-amber) 20%,var(--color-bg-surface))}.comic-btn-save[aria-pressed=true]{background:color-mix(in srgb,var(--color-brand-amber) 25%,var(--color-bg-surface));border-color:var(--color-brand-amber)}.comic-btn-ghost,.comic-btn-ghost:visited{background:transparent;color:var(--color-text-secondary);border-color:transparent;box-shadow:none}.comic-btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text-primary)}.comic-btn-ghost:active{transform:translateY(1px)}.comic-btn-danger,.comic-btn-danger:visited{background:var(--color-error, #ef4444);color:#fff;border-color:var(--color-error, #ef4444)}.comic-btn-danger:hover:not(:disabled){background:#dc2626}.site-footer{margin-top:auto;border-top:1px solid var(--color-border-subtle);background-color:#080c14;padding-block:var(--space-10) var(--space-6)}.footer-content{display:flex;flex-direction:column;gap:var(--space-8)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{max-width:320px}.footer-brand-logo{height:36px;width:auto;margin-bottom:var(--space-3)}.footer-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-links-group{display:flex;gap:var(--space-12);flex-wrap:wrap}.footer-col h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:var(--space-3)}.footer-nav{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-nav a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--color-text-primary)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);min-height:44px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn:focus-visible{outline:3px solid var(--color-brand-blue);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary,.btn-primary:visited{background-color:var(--color-brand-blue);border-color:var(--color-brand-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-blue-hover);border-color:var(--color-brand-blue-hover);color:#fff}.btn-secondary,.btn-secondary:visited{background-color:var(--color-bg-elevated);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-surface);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-ghost,.btn-ghost:visited{background-color:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);min-height:36px;font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);min-height:48px;font-size:var(--text-base)}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.content-section{margin-bottom:var(--space-10)}.section-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-4);color:var(--story-accent, var(--color-brand-purple))}.meta-section{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.meta-heading{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.meta-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.meta-list dt,.meta-list dd{margin:0}.meta-item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-sm)}.meta-label{flex:none;color:var(--color-text-muted);font-weight:600}.meta-value{min-width:0;color:var(--color-text-primary);font-weight:500;text-align:right;overflow-wrap:anywhere}.meta-item-vertical{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.meta-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.meta-chip{font-size:11px;font-weight:600;padding:2px 8px;background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full)}.highlights-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.highlight-chip{font-size:var(--text-xs);font-weight:600;background-color:var(--color-bg-subtle);color:var(--story-accent, var(--color-brand-purple));padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);overflow-wrap:anywhere}.characters-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.characters-grid{grid-template-columns:repeat(2,1fr)}}.character-card{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-items:flex-start}.char-avatar{width:72px;height:96px;object-fit:contain;object-position:center;border-radius:var(--radius-md);flex-shrink:0;background-color:var(--color-bg-subtle)}.char-details{display:flex;flex-direction:column;gap:2px;min-width:0}.char-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.char-name{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary)}.char-role-tag{font-size:11px;font-weight:700;padding:2px 8px;background:var(--color-bg-elevated);color:var(--story-accent, var(--color-brand-purple));border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);text-transform:capitalize}.char-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.char-lore-link{font-size:var(--text-xs);font-weight:600;color:var(--story-accent, var(--color-brand-purple));margin-top:4px}.char-lore-link:hover{text-decoration:underline}.restart-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 15px;border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-bg-surface);color:var(--color-text-primary);font:750 .9rem/1.2 var(--font-sans);cursor:pointer}.restart-trigger:hover{border-color:var(--color-accent-interactive)}.restart-overlay{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:16px;background:#081122b8}.restart-dialog{width:min(100%,440px);max-height:min(90dvh,600px);overflow-y:auto;padding:clamp(20px,4vw,28px);border:1px solid var(--color-border-subtle);border-radius:20px;background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:0 20px 60px #0000004d;text-align:center}.restart-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--color-accent-interactive) 15%,var(--color-bg-surface));color:var(--color-accent-interactive);font-size:1.7rem}.restart-dialog h2{margin:12px 0 8px;font:1.55rem/1.15 var(--font-display)}.restart-dialog p{margin:0;color:var(--color-text-secondary);font:.95rem/1.55 var(--font-sans)}.restart-dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.restart-dialog-actions button{min-width:124px;min-height:44px;padding:9px 17px;border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-bg-surface);color:var(--color-text-primary);font:750 .9rem var(--font-sans);cursor:pointer}.restart-dialog-actions .restart-confirm{background:var(--color-accent-interactive);border-color:var(--color-accent-interactive);color:#fff}.restart-trigger:focus-visible,.restart-dialog button:focus-visible{outline:3px solid #ffbf34;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.restart-dialog{animation:restart-enter .18s ease-out both}}@keyframes restart-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:1000;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-brand-blue);color:#fff;font-weight:700;text-decoration:none}.skip-link:focus{top:var(--space-3);outline:3px solid #fff;outline-offset:2px}main[id=main]:focus{outline:none}
