.page{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.page__main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:28px 20px 64px}.page__main--center{text-align:center;place-content:center;justify-items:center;gap:22px;display:grid}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px)saturate(1.2);background:color-mix(in oklab, var(--bg) 78%, transparent);border-bottom:1px solid var(--line);transition:opacity .3s var(--ease-out);position:sticky;top:0}:root[data-playing=true] .site-header{opacity:.45;position:relative}:root[data-playing=true] .site-header:hover{opacity:1}.site-header__inner{justify-content:space-between;align-items:center;max-width:1040px;height:64px;margin:0 auto;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand__mark{background:var(--spectrum);border-radius:50%;flex:none;width:26px;height:26px;display:inline-block;-webkit-mask:radial-gradient(circle,#0000 6px,#000 6.5px);mask:radial-gradient(circle,#0000 6px,#000 6.5px)}.brand__mark--small{vertical-align:-2px;width:14px;height:14px;-webkit-mask:radial-gradient(circle,#0000 3px,#000 3.5px);mask:radial-gradient(circle,#0000 3px,#000 3.5px)}.brand__name{font-family:var(--font-serif);letter-spacing:-.01em;font-size:27px;line-height:1}.site-nav{background:#1213170a;border-radius:999px;gap:4px;padding:4px;display:flex}.site-nav a{color:var(--ink-2);transition:background .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:520;text-decoration:none}.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.site-footer{z-index:1;border-top:1px solid var(--line);text-align:center;color:var(--ink-3);padding:28px 20px 40px;font-size:13px;position:relative}.site-footer p{margin:0}.tests-hero{gap:14px;max-width:720px;margin:20px 0 36px;display:grid}.tests-hero p{color:var(--ink-2);margin:0;font-size:18px}.tests-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.test-card{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);min-height:168px;box-shadow:var(--shadow-1);transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);align-content:start;gap:10px;padding:20px;text-decoration:none;display:grid;position:relative;overflow:hidden}.test-card:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--task) 30%, transparent), transparent 70%);width:140px;height:140px;transition:transform .3s var(--ease-out);border-radius:50%;position:absolute;bottom:-40px;right:-40px}.test-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.test-card:hover:after{transform:scale(1.25)}.test-card__name{font-family:var(--font-serif);font-size:28px;line-height:1.05}.test-card__brief{color:var(--ink-2);margin:0;font-size:14px}.test-card .dot{width:12px;height:12px}.arch-month{margin-top:30px}.arch-month__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-size:12px;font-weight:500}.arch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.arch-tile{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface-glass);min-height:150px;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s var(--ease-out);gap:8px;padding:14px 15px 13px;text-decoration:none;display:grid;position:relative}.arch-tile:hover{background:var(--surface);box-shadow:var(--shadow-1);transform:translateY(-2px)}.arch-tile[data-state=done]{background:var(--surface)}.arch-tile[data-today=true]{box-shadow:0 0 0 2px var(--ink), var(--shadow-1);border-color:#0000}.arch-tile__top{justify-content:space-between;align-items:center;display:flex}.arch-tile__no{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);font-size:11.5px}.arch-tile__badge{background:var(--ink);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:560}.arch-tile__day{font-family:var(--font-serif);font-size:26px;line-height:1}.arch-tile__dots{gap:4px;display:flex}.arch-tile__dots i{background:var(--task);opacity:.85;border-radius:50%;width:8px;height:8px}.arch-tile[data-state=new] .arch-tile__dots i{opacity:.35}.arch-tile__status{align-self:end;align-items:baseline;gap:8px;display:flex}.arch-tile__status b{font-family:var(--font-serif);font-size:28px;font-weight:400;line-height:1}.arch-tile__status small{color:var(--ink-2);font-size:12.5px;font-weight:520}.archive-empty{justify-items:start;gap:16px;margin:24px 0;display:grid}.archive-empty p{color:var(--ink-2);margin:0;font-size:17px}.archive-empty--card{border:1px dashed var(--line-strong);border-radius:var(--r-l);padding:26px}.dev-bar{border:1px dashed var(--line-strong);border-radius:var(--r-m);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;display:flex}.dev-bar select,.dev-bar input[type=range]{font:inherit}@media (width<=560px){.site-header__inner{height:56px;padding:0 14px}.brand__name{font-size:23px}.site-nav a{padding:6px 10px;font-size:13px}.page__main{padding:16px 12px 48px}.arch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=430px){.site-nav a{padding:6px 8px;font-size:12.5px}.brand__name{font-size:21px}}@media (width<=380px){.brand__name{display:none}}.site-footer__nav{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:14px;font-size:14px;display:flex}.site-footer__nav a,.site-footer__agents a,.site-footer__ask a{color:var(--ink-2);text-decoration:none}.site-footer__nav a:hover,.site-footer__agents a:hover,.site-footer__ask a:hover{color:var(--ink);text-decoration:underline}.site-footer__agents,.site-footer__ask{margin:0 0 8px;font-size:12.5px}