:root{--ink:#14161b;--cream:#f6f3ea;--coral:#e2482a;--gold:#b8860b;--line:rgba(246,243,234,.16)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--ink);color:var(--cream);font-family:Manrope,system-ui,sans-serif;font-weight:500}a{color:inherit}button{font:inherit;cursor:pointer}.brand{font-family:Comfortaa,sans-serif;font-weight:700;letter-spacing:-.03em}.brand i{display:inline-block;width:.22em;height:.22em;border-radius:50%;background:var(--coral);margin-left:.08em;font-style:normal;transform:translateY(-.05em)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 20px;border-radius:14px;border:1.5px solid var(--cream);background:transparent;color:var(--cream);font-weight:800;font-size:15px;letter-spacing:-.01em;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,color .25s,border-color .25s}.btn:hover{background:var(--coral);border-color:var(--coral);color:#fff;transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.btn.primary:hover{background:#c73a1f;border-color:#c73a1f}.btn.ghost{border-color:var(--line);font-weight:700}.btn[disabled]{opacity:.35;pointer-events:none}.btn svg{width:18px;height:18px;flex:none}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:currentcolor;animation:spin .6s linear infinite;flex:none}@keyframes spin{to{transform:rotate(1turn)}}.wrap{max-width:1040px;margin:0 auto;padding:40px 24px 120px}.top{justify-content:space-between;gap:16px;margin-bottom:36px;flex-wrap:wrap}.top,.top nav{display:flex;align-items:center}.top nav{gap:10px;font-size:13px;color:#dcd8cc}.top nav a{text-decoration:none;padding:8px 14px;border-radius:999px;border:1px solid var(--line)}.top nav a:hover{border-color:var(--coral);color:var(--coral)}.wrap .eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--coral);font-weight:800;margin-bottom:14px}h2.head{font-weight:800;font-size:clamp(34px,5vw,60px);letter-spacing:-.04em;line-height:1.02}h2.head span{color:var(--coral)}.lede{margin-top:16px;font-size:17px;line-height:1.6;max-width:600px;color:#dcd8cc}.lede b{color:var(--cream)}.card{margin-top:32px;border:1px solid var(--line);border-radius:20px;padding:26px}.card h3{font-weight:800;font-size:20px;letter-spacing:-.02em;margin-bottom:6px}.card p{font-size:14.5px;line-height:1.7;color:#dcd8cc}.form{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.form input{flex:1 1;min-width:260px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:rgba(246,243,234,.04);color:var(--cream);font:inherit;font-size:15px}.form input:focus{outline:none;border-color:var(--coral)}.form .btn{width:auto;padding:14px 22px}.err{color:#ff8a70}.err,.ok{margin-top:12px;font-size:14px;font-weight:700}.ok{color:#8fd39a}.meter{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:14px;color:#dcd8cc}.meter .pips{display:flex;gap:6px}.meter .pip{width:26px;height:8px;border-radius:999px;background:rgba(246,243,234,.14);transition:background .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.meter .pip.on{background:var(--coral);transform:scaleY(1.15)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px;margin-top:22px}.entry{border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.entry:hover{transform:translateY(-3px);border-color:rgba(246,243,234,.4);box-shadow:0 12px 32px rgba(0,0,0,.25)}.entry.mine{border-style:dashed}.entry.voted{border-color:var(--coral)}.entry .no{font-weight:800;font-size:30px;letter-spacing:-.04em;line-height:1}.entry .no small{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#dcd8cc;display:block;margin-bottom:6px;font-weight:700}.entry .row{display:flex;gap:8px;margin-top:auto}.entry .row .btn{padding:11px 14px;font-size:13.5px;border-radius:11px}.entry .tag{font-size:12px;color:#dcd8cc;font-weight:700}.rank{margin-top:26px;border-top:1px solid var(--line)}.rank .r{display:grid;grid-template-columns:56px 1fr auto auto;grid-gap:18px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.rank .r .pos{font-weight:800;font-size:22px;letter-spacing:-.03em;color:#dcd8cc}.rank .r:first-child .pos{color:var(--gold)}.rank .r .name{font-weight:800;font-size:18px;letter-spacing:-.02em}.rank .r .bar{height:8px;border-radius:999px;background:var(--coral);min-width:4px}.rank .r .n{font-weight:800;font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.phases{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.phases .btn{width:auto;padding:12px 20px}.phases .btn.on{background:var(--cream);color:var(--ink);border-color:var(--cream)}table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#dcd8cc}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}