:root{--ground: oklch(.977 .004 85);--raised: oklch(.955 .005 85);--text: oklch(.24 .008 60);--muted: oklch(.52 .012 60);--hairline: oklch(.9 .004 80);--accent: oklch(.45 .06 40);--primary-bg: oklch(.24 .008 60);--primary-fg: oklch(.977 .004 85);--select: oklch(.45 .06 40 / .16);--on-photo: oklch(.985 .003 85);--scrim-strong: oklch(.12 .006 60 / .78);--scrim-soft: oklch(.12 .006 60 / .28);--step-1: 13px;--step-2: 14px;--step-3: 16px;--step-4: 17px;--gutter: 24px;--radius: 10px;color-scheme:light}:root[data-theme=dark]{--ground: oklch(.15 .005 60);--raised: oklch(.19 .006 60);--text: oklch(.93 .005 85);--muted: oklch(.68 .008 70);--hairline: oklch(.26 .006 60);--accent: oklch(.8 .06 75);--primary-bg: oklch(.8 .06 75);--primary-fg: oklch(.16 .006 60);--select: oklch(.8 .06 75 / .25);--scrim-strong: oklch(.08 .004 60 / .8);--scrim-soft: oklch(.08 .004 60 / .3);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:Archivo,system-ui,sans-serif;font-size:var(--step-4);line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--select)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{min-height:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.hero{position:relative;width:100%;height:392px;background-size:cover;background-position:center}.hero__veil{position:absolute;inset:auto 0 0;padding:0 var(--gutter) 24px;background:linear-gradient(to top,var(--scrim-strong) 10%,var(--scrim-soft) 52%,transparent);color:var(--on-photo)}.hero__title{margin:0;font-family:Gloock,Georgia,serif;font-weight:400;font-size:36px;line-height:1.05}.hero__sub{margin:9px 0 0;font-size:var(--step-2);opacity:.92}.hero__theme{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--on-photo);background:#07050466;backdrop-filter:blur(8px)}.tabs{display:flex;gap:28px;margin:22px var(--gutter) 0;border-bottom:1px solid var(--hairline)}.tab{padding:0 0 12px;font-size:var(--step-4);color:var(--muted)}.tab[aria-selected=true]{color:var(--text);font-weight:500;box-shadow:inset 0 -2px 0 var(--accent)}.row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;width:100%;min-height:94px;padding:10px var(--gutter);border-bottom:1px solid var(--hairline)}.row--continue{grid-template-columns:7px minmax(0,1fr) 18px;min-height:58px}.row__title{font-size:var(--step-4);font-weight:500;letter-spacing:-.005em}.row__meta{margin-top:5px;font-size:var(--step-2);color:var(--muted);font-variant-numeric:tabular-nums}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.thumb{width:112px;height:74px;background-size:cover;background-position:center}.note{margin:20px var(--gutter);font-size:var(--step-2);color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding:20px var(--gutter)}.card{display:flex;flex-direction:column;gap:8px}.card__image{aspect-ratio:1 / 1;background-size:cover;background-position:center}.card__caption{font-size:var(--step-1);color:var(--muted);font-variant-numeric:tabular-nums}.badge{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:6px;height:46px;padding:0 0 10px 12px;background:linear-gradient(to top,var(--scrim-strong),transparent);color:var(--on-photo);font-size:12px;font-variant-numeric:tabular-nums}.people-row{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;width:100%;min-height:86px;padding:10px var(--gutter);border-bottom:1px solid var(--hairline)}.people-row__face{width:58px;height:58px;background-size:cover;background-position:center}.viewer{display:flex;flex-direction:column;min-height:100%}.viewer__bar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;height:60px;padding:0 var(--gutter) 0 14px;border-bottom:1px solid var(--hairline)}.viewer__time{font-size:var(--step-3);font-weight:500;font-variant-numeric:tabular-nums}.viewer__count{font-size:var(--step-1);color:var(--muted);font-variant-numeric:tabular-nums}.viewer__stage{width:100%;height:520px;background-size:cover;background-position:center}.viewer__chapter{margin:18px var(--gutter) 0;font-size:var(--step-2);color:var(--muted)}.viewer__actions{margin-top:auto;padding:20px var(--gutter) 34px}.button--primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:52px;border-radius:var(--radius);background:var(--primary-bg);color:var(--primary-fg);font-size:var(--step-3);font-weight:500}.button--text{font-size:var(--step-3)}.actions__secondary{display:flex;gap:28px;margin-top:20px}.icon{flex:none}@media(min-width:900px){.app--wide{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100%}.sidebar{display:flex;flex-direction:column;padding:44px 32px 34px 44px;border-right:1px solid var(--hairline)}.sidebar__title{margin:0;font-family:Gloock,Georgia,serif;font-weight:400;font-size:32px;line-height:1.05}.sidebar__sub{margin:10px 0 0;font-size:var(--step-2);color:var(--muted)}.sidebar .tabs{flex-direction:column;gap:4px;margin:32px 0 0;border-bottom:0}.sidebar .tab{display:flex;align-items:center;gap:11px;height:34px;padding:0;box-shadow:none;font-size:var(--step-3)}.sidebar .tab[aria-selected=true]{box-shadow:none}.sidebar .tab:before{content:"";width:7px;height:7px;border-radius:50%;background:transparent}.sidebar .tab[aria-selected=true]:before{background:var(--accent)}.chapter-list{margin-top:24px;border-top:1px solid var(--hairline)}.chapter-list__row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:44px;border-bottom:1px solid var(--hairline);font-size:15px;font-variant-numeric:tabular-nums;color:var(--muted)}.chapter-list__row[aria-current=true]{color:var(--text);font-weight:500}.main{padding:44px 44px 44px 40px;min-width:0}.main__title{margin:0;font-family:Gloock,Georgia,serif;font-weight:400;font-size:28px;line-height:1.1}.main__sub{margin:8px 0 24px;font-size:var(--step-2);color:var(--muted);font-variant-numeric:tabular-nums}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0}.card__image{aspect-ratio:3 / 2}.viewer__stage{height:min(70vh,720px);background-size:contain;background-repeat:no-repeat;background-color:var(--raised)}.viewer__actions{max-width:420px}}@media(prefers-reduced-motion:no-preference){.tab,.row,.card{transition:background-color .16s ease,color .16s ease}}.unlock{min-height:100%;display:grid;place-items:center;padding:32px var(--gutter) calc(32px + env(safe-area-inset-bottom,0px));background:var(--ground)}.unlock__panel{width:100%;max-width:360px}.unlock__title{margin:0;font-family:Gloock,Georgia,serif;font-weight:400;font-size:40px;line-height:1.05}.unlock__sub{margin:10px 0 0;font-size:var(--step-3);color:var(--muted)}.unlock__form{margin-top:32px;display:flex;flex-direction:column;gap:10px}.unlock__label{font-size:var(--step-2);color:var(--muted)}.unlock__input{height:56px;padding:0 16px;font:inherit;font-size:20px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--text);background:var(--ground);border:1px solid var(--hairline);border-radius:var(--radius)}.unlock__input:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.unlock__form .button--primary{margin-top:6px}.unlock__message:empty{display:none}.unlock__message{margin:16px 0 0;font-size:var(--step-2);line-height:1.5;color:var(--accent)}.unlock__note{margin:24px 0 0;font-size:var(--step-1);line-height:1.6;color:var(--muted)}