:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;background:#090b0f;color:#ecf1f7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 72% 7%,#182239 0,transparent 33%),#090b0f}main{max-width:1500px;margin:auto;padding:0 clamp(20px,4vw,64px) 40px}.topline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:13px clamp(20px,4vw,64px);min-height:60px;background:#111722;border-bottom:1px solid #303c4e;font-size:12px;color:#aebbd0}.topline strong{color:#f0f5fd;font-size:13px}.topline #received{margin-left:auto}.watch-dot{width:8px;height:8px;border-radius:50%;background:#72839a;box-shadow:0 0 0 4px #253248}.badge{padding:5px 9px;border-radius:50px;background:#44301e;color:#f0c68c;border:1px solid #71502f;font-size:10px;letter-spacing:.09em;font-weight:800}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:68px 0 55px;border-bottom:1px solid #273141;min-height:335px}.hero-copy{max-width:740px}.eyebrow{margin:0 0 12px;color:#80a8dd;font-size:11px;letter-spacing:.17em;font-weight:800}.eyebrow span{color:#68778c;padding:0 6px}h1{font-size:clamp(36px,5.3vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;max-width:720px}.hero p:not(.eyebrow){max-width:620px;color:#b2bdd0;font-size:16px;line-height:1.65;margin:0}.privacy-note{display:flex;align-items:center;gap:12px;margin-top:26px;padding:11px 14px;width:fit-content;border:1px solid #344560;border-radius:8px;background:#152035;color:#ccd8e9;font-size:12px}.privacy-icon{font-size:24px;color:#91bfff;line-height:1}.hero-mark{position:relative;width:240px;height:240px;display:grid;place-items:center;flex:none}.hero-mark img{position:relative;width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 10px 35px #000)}.halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#263d65 0,#172a46 34%,transparent 70%);opacity:.65;animation:breathe 7s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.07);opacity:.85}}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:28px 0}.status-card{background:#121922;border:1px solid #2b384a;border-radius:10px;padding:20px 22px;display:flex;flex-direction:column;gap:9px}.status-card>span,.total-card>span,.book-result>span,.book-top span{color:#899cb4;font-size:10px;font-weight:800;letter-spacing:.13em}.status-card strong{font-size:20px;line-height:1.2}.status-card small,.total-card small{color:#8f9eb2;font-size:11px}.result-panel,.books-panel{margin:14px 0 28px;border:1px solid #2b384a;border-radius:14px;background:linear-gradient(145deg,#141b25,#10141a 70%);padding:28px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-top h2{font-size:29px;letter-spacing:-.035em;margin:0}.period,.section-side{font-size:12px;color:#9daec4;margin:0}.total-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.total-card{min-height:156px;display:flex;flex-direction:column;align-items:start;gap:8px;padding:22px 25px;background:#101820;border:1px solid #314257;border-radius:10px}.total-card.featured{background:linear-gradient(120deg,#192338,#172132);border-color:#45618a}.total-card strong{font-size:clamp(28px,3.2vw,46px);font-variant-numeric:tabular-nums;letter-spacing:-.045em}.total-card strong.negative,.book-result strong.negative{color:#ef9a9e}.total-card strong.positive,.book-result strong.positive{color:#92d8ae}.panel-note{font-size:11px;color:#93a2b6;margin:16px 0 0}.books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.book{min-width:0;border:1px solid #303d50;background:#111923;border-radius:10px;padding:17px;transition:background .2s ease,border-color .2s ease}.book:hover{background:#162235;border-color:#4c6589}.book-top{display:flex;align-items:center;gap:9px}.book-top img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 12px #486a9c50)}.book-top h3{font-size:16px;margin:4px 0 0;line-height:1.1}.book-result{border-top:1px solid #2b3849;margin-top:16px;padding-top:15px;display:flex;flex-direction:column;gap:5px}.book-result strong{font-size:22px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.book-counts{display:flex;flex-wrap:wrap;gap:9px 12px;margin-top:13px;color:#9caec3;font-size:10px}.book-counts span{display:flex;flex-direction:column}.book-counts b{color:#e1e9f2;font-size:11px;font-weight:600}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #273141;padding:25px 0 0;color:#8b9bb0;font-size:11px}footer span:first-child{display:flex;align-items:center;gap:8px;color:#d8e1ec}@media(max-width:1150px){.books{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:730px){.topline #received{margin-left:0;width:100%}.hero{padding:40px 0;min-height:0}.hero-mark{width:100px;height:100px}.hero-mark img{width:84px;height:84px}.status-grid{grid-template-columns:1fr}.total-grid{grid-template-columns:1fr}.books{grid-template-columns:repeat(2,minmax(0,1fr))}.result-panel,.books-panel{padding:20px}.section-top{align-items:start;flex-direction:column}.hero p:not(.eyebrow){font-size:14px}}@media(max-width:480px){.hero-mark{display:none}.books{grid-template-columns:1fr}.topline{gap:8px}h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}