.shell{opacity:0;min-height:100vh;transition:opacity .35s}.shell.ready{opacity:1}header{z-index:20;justify-content:space-between;align-items:center;height:84px;padding:0 4.5vw;display:flex;position:relative}button{cursor:pointer;background:0 0;border:0}.wordmark{letter-spacing:-.035em;align-items:center;gap:11px;margin-left:-6px;padding:6px;font:600 21px/1 Newsreader,serif;display:flex}.mark,.modal-mark{background:var(--accent);border-radius:7px 7px 7px 2px;place-items:center;width:30px;height:30px;display:grid;transform:rotate(-3deg)}.mark i,.modal-mark i{background:var(--paper);border-radius:50%;width:10px;height:10px;display:block}nav{align-items:center;gap:28px;display:flex}nav>button:not(.profile){color:var(--muted);padding:10px 0;font-size:13px}nav>button.active{color:var(--ink);box-shadow:inset 0 -1px var(--ink)}.signin-link{color:var(--ink)!important}.profile{align-items:center;gap:9px;padding:0;display:flex}.profile span{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.profile b{text-overflow:ellipsis;max-width:120px;font-size:12px;font-weight:500;overflow:hidden}.hero{grid-template-columns:.88fr 1.12fr;align-items:center;min-height:calc(100svh - 84px);padding:2vh 4.5vw 8vh;display:grid;overflow:hidden}.hero-copy{z-index:2;max-width:560px;animation:.8s cubic-bezier(.2,.7,.2,1) both rise;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#4b4842;align-items:center;gap:9px;margin:0 0 22px;font-size:10px;font-weight:600;display:flex}.eyebrow span{background:var(--accent);width:20px;height:1px}h1{letter-spacing:-.055em;margin:0;font:500 clamp(55px,6.1vw,98px)/.89 Newsreader,serif}h1 em{color:var(--accent);font-weight:400}.intro{max-width:455px;color:var(--muted);margin:30px 0 0;font-size:17px;line-height:1.6}.hero-actions{align-items:center;gap:28px;margin-top:35px;display:flex}.primary{background:var(--ink);color:#fff;border-radius:2px;justify-content:center;align-items:center;gap:24px;padding:16px 20px;font-size:12px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.primary:hover{background:var(--accent);transform:translateY(-2px)}.primary span{font-size:17px;line-height:0}.text-button{color:var(--muted);border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.text-button:hover{color:var(--ink);border-color:var(--ink)}.privacy{color:#8b867d;align-items:center;gap:8px;margin-top:24px;font-size:10px;display:flex}.privacy svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px}.cover-stage{isolation:isolate;justify-content:center;align-items:center;gap:28px;height:min(74vh,710px);animation:.7s .15s both fade;display:flex;position:relative}.halo{aspect-ratio:1;z-index:-2;background:#e7ded0;border-radius:50%;width:min(48vw,650px);position:absolute}.halo:after{content:"";border-radius:inherit;border:1px solid #ffffff8c;position:absolute;inset:7%}.hero-book{width:min(17vw,220px);transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative}.hero-book:hover{transform:translateY(-12px)rotate(0)}.left-book{animation:.8s .2s both bookIn;transform:translateY(-28px)rotate(-5deg)}.right-book{animation:.8s .3s both bookInRight;transform:translateY(28px)rotate(5deg)}.hero-book img{aspect-ratio:.66;object-fit:cover;width:100%;display:block;box-shadow:0 30px 45px #32281838,-8px 5px #d8d0c3}.hero-book span{text-align:center;margin-top:18px;font:500 15px Newsreader,serif;display:block}.or{background:var(--paper);z-index:2;border-radius:50%;place-items:center;width:38px;height:38px;font:italic 16px Newsreader,serif;display:grid;box-shadow:0 5px 20px #3228181f}.stage-note{color:var(--muted);font:italic 14px Newsreader,serif;position:absolute;bottom:5%}.how{border-top:1px solid var(--line);padding:100px 4.5vw 120px}.section-label{text-transform:uppercase;letter-spacing:.18em;margin:0 0 52px;font-size:10px}.steps{grid-template-columns:repeat(3,1fr);gap:7vw;display:grid}.steps div{border-top:1px solid var(--ink);padding-top:18px}.steps span{color:var(--accent);font:500 12px Newsreader,serif}.steps h2{margin:34px 0 8px;font:500 28px Newsreader,serif}.steps p{color:var(--muted);max-width:260px;font-size:13px;line-height:1.6}.import-view{grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;min-height:calc(100svh - 84px);padding:7vh 12vw 12vh;display:grid}.import-copy h1{font-size:clamp(48px,5.2vw,78px);line-height:.95}.import-copy>p:not(.eyebrow){color:var(--muted);max-width:390px;margin:28px 0;font-size:14px;line-height:1.7}.import-copy a{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:12px;text-decoration:none}.dropzone{text-align:center;background:#ffffff2e;border:1px dashed #aaa398;flex-direction:column;justify-content:center;align-items:center;min-height:460px;padding:50px;transition:all .2s;display:flex}.dropzone.dragging{border-color:var(--accent);background:#ebe2d4;transform:scale(1.01)}.file-icon{border:1.5px solid var(--ink);place-items:center;width:64px;height:78px;margin-bottom:28px;display:grid;position:relative;transform:rotate(-3deg)}.file-icon:after{content:"";border-style:solid;border-width:0 18px 18px 0;border-color:transparent var(--paper) transparent transparent;position:absolute;top:-1px;right:-1px}.file-icon span{letter-spacing:.08em;font:600 11px Newsreader,serif}.dropzone h2{margin:0 0 8px;font:500 28px Newsreader,serif}.dropzone>p{color:var(--muted);margin:0 0 26px;font-size:12px}.dropzone input{display:none}.dropzone label{cursor:pointer}.dropzone .error{color:var(--accent);margin:20px 0 0}.demo-link{color:var(--muted);grid-column:2;justify-self:center;margin-top:-4vw;font-size:11px}.ranking-view{flex-direction:column;min-height:calc(100svh - 84px);padding:4vh 7vw 5vh;display:flex}.ranking-head{justify-content:space-between;align-items:end;display:flex}.ranking-head .eyebrow{margin-bottom:13px}.ranking-head h1{letter-spacing:-.045em;font-size:clamp(36px,4.2vw,62px)}.progress-meta{text-transform:uppercase;letter-spacing:.1em;gap:26px;padding-bottom:9px;font-size:10px;display:flex}.progress-meta span{color:var(--muted)}.progress-meta b{font-weight:600}.progress-track{background:var(--line);height:1px;margin-top:26px}.progress-track span{background:var(--accent);height:2px;transition:width .5s;display:block}.duel{flex:1;grid-template-columns:1fr 60px 1fr;place-items:center;gap:2.5vw;padding:3vh 9vw 2vh;display:grid}.book-choice{width:min(25vw,280px);padding:0;transition:opacity .3s,transform .35s;animation:.45s both duelIn;position:relative}.book-choice:nth-of-type(2){animation-delay:80ms}.book-choice:hover{transform:translateY(-8px)}.book-choice.winner{transform:translateY(-14px)scale(1.025)}.book-choice.loser{opacity:.3;transform:scale(.96)}.key{z-index:4;background:var(--paper);border:1px solid var(--line);border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid;position:absolute;top:-13px;left:-13px}.cover-wrap{position:relative}.cover-wrap>img,.cover-fallback{aspect-ratio:.675;object-fit:cover;width:100%;display:block;box-shadow:0 22px 35px #30271a30,-7px 5px #d8d0c3}.cover-fallback{color:#fff;text-align:left;background:#322f2a;flex-direction:column;justify-content:space-between;padding:35px 24px;font:500 26px/1.05 Newsreader,serif;display:flex}.cover-fallback small{color:#ccc4b8;font:10px DM Sans,sans-serif}.choose-label{background:var(--accent);color:#fff;opacity:0;justify-content:space-between;padding:15px 18px;font-size:10px;transition:all .25s;display:flex;position:absolute;inset:auto -10px -1px;transform:translateY(102%)}.book-choice:hover .choose-label{opacity:1;transform:translateY(0)}.book-choice h2{margin:22px 0 4px;font:500 21px/1.1 Newsreader,serif}.book-choice>p{color:var(--muted);margin:0;font-size:11px}.versus{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);border-radius:50%;place-items:center;font:italic 15px Newsreader,serif;display:grid}.ranking-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.ranking-foot button{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.ranking-foot button span{border:1px solid var(--line);margin-left:8px;padding:3px 5px}.ranking-foot .results-link{color:var(--ink)}.results-view{min-height:calc(100svh - 84px);padding:7vh 11vw 12vh}.results-head{justify-content:space-between;align-items:end;margin-bottom:70px;display:flex}.results-head h1{font-size:clamp(54px,6vw,88px)}.results-summary{align-items:end;gap:15px;padding-bottom:7px;display:flex}.results-summary strong{color:var(--accent);font:500 54px/.8 Newsreader,serif}.results-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;line-height:1.5}.ranking-list{border-top:1px solid var(--ink)}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:50px 58px 1fr 150px 92px;align-items:center;gap:24px;min-height:104px;transition:background .2s,padding .2s;display:grid}.rank-row:hover{background:#ffffff4d;padding:0 12px}.rank-number{color:var(--muted);font:500 14px Newsreader,serif}.rank-row img,.tiny-fallback{object-fit:cover;background:var(--ink);width:45px;height:68px}.rank-title h2{margin:0 0 4px;font:500 22px Newsreader,serif}.rank-title p{color:var(--muted);margin:0;font-size:11px}.record{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:18px;font-size:10px;display:flex}.score{text-align:right}.score strong{color:var(--accent);font:500 30px/1 Newsreader,serif;display:block}.score span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:8px}.results-actions{align-items:center;gap:28px;margin-top:48px;display:flex}footer{border-top:1px solid var(--line);min-height:92px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 4.5vw;font-size:10px;display:flex}footer span:first-child{color:var(--ink);font:500 15px Newsreader,serif}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e1b1794;place-items:center;padding:20px;animation:.2s both fade;display:grid;position:fixed;inset:0}.modal{background:var(--paper);width:min(460px,100%);padding:46px;animation:.35s cubic-bezier(.2,.8,.2,1) both modalIn;position:relative;box-shadow:0 30px 80px #00000040}.close{color:var(--muted);font:300 26px/1 Newsreader,serif;position:absolute;top:15px;right:20px}.modal-mark{margin-bottom:30px}.modal h2{letter-spacing:-.04em;margin:0 0 16px;font:500 43px/.95 Newsreader,serif}.modal>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6}.auth-switch{border-bottom:1px solid var(--line);gap:24px;margin:25px 0 20px;display:flex}.auth-switch button{color:var(--muted);padding:0 0 9px;font-size:11px}.auth-switch button.active{color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.modal form{margin-top:28px}.modal label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px;display:block}.modal input{border:1px solid var(--line);background:0 0;border-radius:0;width:100%;margin-bottom:16px;padding:15px 13px}.modal .primary{justify-content:space-between;width:100%}.modal .primary:disabled{cursor:wait;opacity:.6}.auth-status{margin:0 0 14px;padding:10px 12px;font-size:10px;line-height:1.5}.auth-status.error{color:#9b2f21;background:#e94f321a}.auth-status.success{color:#31563c;background:#31563c1a}.modal small{color:#8b867d;text-align:center;margin-top:18px;font-size:9px;display:block}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}@keyframes bookIn{0%{opacity:0;transform:translate(-35px,30px)rotate(-12deg)}to{opacity:1;transform:translateY(-28px)rotate(-5deg)}}@keyframes bookInRight{0%{opacity:0;transform:translate(35px,70px)rotate(12deg)}to{opacity:1;transform:translateY(28px)rotate(5deg)}}@keyframes duelIn{0%{opacity:0;transform:translateY(22px)scale(.98)}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.98)}}@media (width<=820px){header{height:70px;padding:0 20px}nav{gap:16px}.profile b{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:7vh 24px 80px}h1{font-size:clamp(52px,15.5vw,74px)}.intro{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:9px}.cover-stage{gap:16px;height:520px;margin-top:10px}.halo{width:95vw}.hero-book{width:min(34vw,170px)}.stage-note{bottom:4%}.how{padding:70px 24px}.steps{grid-template-columns:1fr;gap:48px}.steps h2{margin-top:20px}.import-view{grid-template-columns:1fr;padding:7vh 24px 80px}.dropzone{min-height:380px;padding:30px 20px}.demo-link{grid-column:1;margin-top:0}.ranking-view{padding:4vh 20px 25px}.ranking-head{align-items:start;gap:28px}.ranking-head h1{font-size:38px}.progress-meta{text-align:right;white-space:nowrap;flex-direction:column;gap:5px}.duel{grid-template-columns:1fr 28px 1fr;gap:12px;padding:4vh 0 3vh}.book-choice{width:100%}.book-choice h2{font-size:17px}.versus{width:30px;height:30px;font-size:12px}.choose-label,.key{display:none}.results-view{padding:5vh 20px 80px}.results-head{align-items:start;margin-bottom:45px}.results-head h1{font-size:48px}.results-summary{display:none}.rank-row{grid-template-columns:28px 42px 1fr 55px;gap:12px;min-height:90px}.rank-row img,.tiny-fallback{width:38px;height:58px}.record{display:none}.rank-title h2{font-size:17px}.results-actions{flex-direction:column;align-items:flex-start}footer{padding:28px 20px}footer p,footer span:last-child{display:none}.modal{padding:36px 26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}