:root{--bg:#f4efe5;--paper:#fffdf8;--ink:#151515;--muted:#6e6b63;--line:#d7d0c2;--soft:#ece5d8;--accent:#171717;--accent-ink:#fff;--red:#d44738;--blue:#1757a6;--yellow:#f0bf2f;--green:#23865a;--bauhaus-red:#d44738;--bauhaus-blue:#245aa8;--bauhaus-yellow:#f0bf2f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif}body.dark{--bg:#151515;--paper:#1e1e1d;--ink:#f7f2e9;--muted:#aaa49a;--line:#393631;--soft:#2a2926;--accent:#f7f2e9;--accent-ink:#151515}
a{color:inherit}.top{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1160px)/2));position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.brand{font-weight:800;text-decoration:none;display:flex;gap:9px;align-items:center;margin-right:auto}.mark{width:29px;height:29px;background:var(--accent);color:var(--accent-ink);border-radius:8px;display:grid;place-items:center;font-size:14px}.nav{display:flex;gap:25px}.nav a,.quiet{font-size:13px;color:var(--muted);text-decoration:none}.nav a:hover,.quiet:hover{color:var(--ink)}.right{display:flex;gap:8px;margin-left:22px}.btn,.theme{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:9px 12px;border-radius:9px;cursor:pointer;font:inherit;font-size:12px}.wrap{max-width:1160px;margin:auto;padding:0 22px}.hero{text-align:center;padding:112px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:var(--muted)}h1{font-size:clamp(54px,8vw,94px);line-height:.88;letter-spacing:-.075em;margin:16px 0 24px}h1 i{font-style:normal;color:var(--muted)}.hero p{max-width:590px;margin:0 auto 30px;color:var(--muted);font-size:17px}.search{max-width:650px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #0000000b;display:flex;align-items:center;padding:6px 10px 6px 16px}.search span{font-size:23px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;color:var(--ink);font:inherit;flex:1;padding:12px}.search kbd{font-size:10px;background:var(--soft);padding:4px 7px;border-radius:6px;color:var(--muted)}.pills{display:flex;justify-content:center;gap:8px;margin-top:13px;flex-wrap:wrap}.pill{padding:7px 12px;border:1px solid var(--line);background:var(--paper);border-radius:100px;text-decoration:none;font-size:12px;color:var(--muted)}.section{padding-bottom:90px}.sectionhead{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:14px}.sectionhead h2{font-size:20px;margin:0;letter-spacing:-.03em}.sectionhead span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{min-height:184px;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:18px;text-decoration:none;display:flex;flex-direction:column;position:relative;transition:transform .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);box-shadow:0 18px 45px #0000000d}.icon{width:39px;height:39px;border-radius:10px;background:var(--soft);display:grid;place-items:center;font-weight:800;font-size:14px;margin-bottom:auto}.card strong{font-size:15px;display:block;margin-bottom:5px}.card small{color:var(--muted);font-size:12px;display:block;max-width:260px}.arrow{position:absolute;right:17px;bottom:15px;color:var(--muted)}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:75px 0;margin-bottom:80px;display:grid;grid-template-columns:170px 1fr;gap:50px;align-items:center}.orb{width:140px;height:140px;background:var(--ink);border-radius:50%;position:relative}.orb:after{content:"";position:absolute;width:52px;height:52px;border-radius:50%;background:var(--bg);left:44px;top:44px}.statement h2{font-size:42px;letter-spacing:-.055em;margin:7px 0 8px}.statement p{color:var(--muted);max-width:620px}.pagehero{padding:78px 0 55px;max-width:760px}.pagehero h1{font-size:clamp(48px,7vw,76px);margin-bottom:16px}.pagehero p{color:var(--muted);font-size:16px}.toolpage{padding-top:55px;padding-bottom:90px}.toolhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.toolhead h1{font-size:clamp(45px,6vw,72px);margin:7px 0 10px}.toolhead p{margin:0;color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;max-width:900px;box-shadow:0 18px 55px #00000009}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{font-size:12px;color:var(--muted);display:block}.field input,.field select,.field textarea{margin-top:7px}.input,.field input,.field select,textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:12px 13px;outline:0;font:inherit}.field textarea{min-height:260px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.field input:focus,.field select:focus,textarea:focus{border-color:#888;box-shadow:0 0 0 3px #0000000b}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.primary,.secondary{border:0;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{background:var(--soft);color:var(--ink)}.answer{margin-top:18px;background:var(--soft);border-radius:12px;padding:26px;text-align:center;font-size:50px;font-weight:800;letter-spacing:-.05em}.answer small{font-size:16px;color:var(--muted)}.msg{margin-top:18px;background:var(--soft);padding:15px;border-radius:10px}.good{color:var(--green)}.bad{color:var(--red)}.timer{font-size:92px;text-align:center;font-weight:800;letter-spacing:-.07em;font-variant-numeric:tabular-nums;margin:24px 0}.center{text-align:center;justify-content:center}.muted{color:var(--muted)}.stats{color:var(--muted);font-size:12px;margin-top:12px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.countdown b{font-size:38px;text-align:center;background:var(--soft);border-radius:11px;padding:20px 4px 3px}.countdown span{text-align:center;color:var(--muted);font-size:10px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.diff>div{background:var(--soft);padding:15px;border-radius:10px;min-height:100px}.add,.remove{font:12px ui-monospace,monospace;padding:4px 0;white-space:pre-wrap}.add{color:var(--green)}.remove{color:var(--red)}.uuid{font:clamp(20px,5vw,38px) ui-monospace,monospace;text-align:center;padding:35px 8px;word-break:break-all}.note{font-size:11px;color:var(--muted);margin-top:13px}footer{border-top:1px solid var(--line);padding:35px max(22px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:22px;color:var(--muted);font-size:12px}footer strong{color:var(--ink);margin-right:auto}footer a{text-decoration:none;margin-right:16px}
@media(max-width:760px){.nav{display:none}.hero{padding:75px 0}.cards{grid-template-columns:repeat(2,1fr)}.statement{grid-template-columns:1fr;gap:25px}.statement h2{font-size:33px}.toolhead{align-items:start;flex-direction:column}.grid,.diff{grid-template-columns:1fr}.countdown{grid-template-columns:repeat(2,1fr)}.timer{font-size:65px}}
@media(max-width:470px){.cards{grid-template-columns:1fr}.panel{padding:19px}footer{flex-wrap:wrap}.hero p{font-size:15px}}

/* Bauhaus layer */
body:before{content:"";position:fixed;z-index:-1;right:-85px;top:92px;width:210px;height:210px;border-radius:50%;background:var(--bauhaus-yellow);opacity:.82}
body:after{content:"";position:fixed;z-index:-1;left:-100px;bottom:-85px;width:235px;height:235px;background:var(--bauhaus-red);transform:rotate(45deg);opacity:.7}
.top{border-bottom:2px solid var(--ink)}
.mark{border-radius:0;position:relative;overflow:hidden;background:var(--bauhaus-red)}
.mark:after{content:"";position:absolute;width:13px;height:13px;background:var(--bauhaus-yellow);right:-2px;bottom:-2px;border-radius:50%}
.hero{position:relative}
.hero:before{content:"";position:absolute;z-index:-1;left:4%;top:35px;width:82px;height:82px;background:var(--bauhaus-blue);border-radius:50%}
.hero:after{content:"";position:absolute;z-index:-1;right:7%;bottom:30px;width:58px;height:58px;background:var(--bauhaus-red);transform:rotate(45deg)}
.eyebrow{color:var(--bauhaus-blue)}
.card{border-radius:0;border-top:5px solid var(--ink);overflow:hidden}
.card:nth-child(3n+1){border-top-color:var(--bauhaus-red)}
.card:nth-child(3n+2){border-top-color:var(--bauhaus-blue)}
.card:nth-child(3n){border-top-color:var(--bauhaus-yellow)}
.icon{border-radius:0}
.icon.student{background:var(--bauhaus-yellow)}
.icon.text{background:var(--bauhaus-red);color:white}
.icon.developer{background:var(--bauhaus-blue);color:white}
.search{border-radius:0;border:2px solid var(--ink)}
.pill{border-radius:0}
.btn,.theme,.secondary,.primary{border-radius:0}
.primary{background:var(--ink)}
.panel{border-radius:0;border:2px solid var(--ink)}
.field input,.field select,textarea{border-radius:0}
.answer{border-radius:0;border-left:7px solid var(--bauhaus-red)}
.countdown b{border-radius:0}
.statement{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.orb{border-radius:0;transform:rotate(45deg);background:var(--bauhaus-blue)}
.orb:after{border-radius:0;background:var(--bg)}
.pagehero{position:relative}
.pagehero:after{content:"";position:absolute;right:0;top:45px;width:80px;height:80px;background:var(--bauhaus-yellow);border-radius:50%;z-index:-1}
.toolhead h1{max-width:820px}
@media(prefers-reduced-motion:no-preference){.card{transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-5px)}}

.result-big{margin-bottom:14px}.result-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--soft);border:1px solid var(--line);padding:18px 20px;margin-top:12px}.result-strip strong{font-size:28px}.result-strip span{color:var(--muted);font-size:13px}.result-code{font:700 clamp(20px,4vw,36px) ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);border-left:7px solid var(--bauhaus-blue);padding:24px;word-break:break-all}.timer-panel{text-align:center;padding:34px}.timer-ring{width:min(310px,70vw);height:min(310px,70vw);margin:0 auto 22px;border:12px solid var(--bauhaus-yellow);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 8px var(--paper)}.timer-ring .timer{margin:0;font-size:64px}.timer-label{font-size:12px;color:var(--muted);margin-top:-15px}.timer-meta{display:flex;justify-content:center;gap:25px;color:var(--muted);font-size:11px;margin-top:12px}.countdown-wrap{margin-top:25px}.countdown-empty{border:2px dashed var(--line);min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.empty-shape{font-size:44px;color:var(--bauhaus-blue)}.countdown-empty strong{color:var(--ink);font-size:17px}.countdown-empty small{font-size:12px}.countdown-live{border:2px solid var(--ink);padding:24px;background:var(--paper)}.countdown-title{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--bauhaus-blue);font-weight:800}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px}.count-box{background:var(--soft);padding:20px 5px 12px;text-align:center;border-top:6px solid var(--bauhaus-blue)}.count-box:nth-child(2){border-top-color:var(--bauhaus-red)}.count-box:nth-child(3){border-top-color:var(--bauhaus-yellow)}.count-box.accent{border-top-color:var(--ink)}.count-box b{font-size:42px;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.count-box span{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:var(--muted);margin-top:4px}.countdown-target{text-align:center;color:var(--muted);font-size:12px;margin-top:18px}.countdown-live.done{border-color:var(--bauhaus-red);text-align:center}.countdown-live.done .countdown-title{font-size:30px;color:var(--bauhaus-red);letter-spacing:-.04em;text-transform:none}.countdown-sub{margin-top:8px;color:var(--muted)}.result-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:800;margin-bottom:8px}@media(max-width:600px){.countdown-grid{grid-template-columns:repeat(2,1fr)}.count-box b{font-size:34px}.result-strip{align-items:flex-start;flex-direction:column}}
.category-block{scroll-margin-top:90px}.category-banner{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:22px;border:2px solid var(--ink);padding:18px 20px;margin-bottom:12px;background:var(--paper);position:relative;overflow:hidden}.category-banner:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:90px;top:-34px;opacity:.9}.student-banner:after{background:var(--bauhaus-yellow)}.text-banner:after{background:var(--bauhaus-red)}.developer-banner:after{background:var(--bauhaus-blue)}.category-number{font-size:28px;font-weight:900;letter-spacing:-.08em}.category-banner h2{font-size:24px;letter-spacing:-.04em;margin:3px 0}.category-banner p{margin:0;color:var(--muted);font-size:12px}.category-banner .eyebrow{margin:0}.category-banner .pill{z-index:1;white-space:nowrap;background:var(--paper);color:var(--ink)}.cards .msg{grid-column:1/-1}@media(max-width:700px){.category-banner{grid-template-columns:48px 1fr}.category-banner .pill{grid-column:2;justify-self:start}.category-banner h2{font-size:20px}}
.category-actions{display:flex;align-items:center;gap:10px;z-index:1}.home-count{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.category-block[hidden]{display:none}.category-block .cards{margin-top:0}
@media(max-width:700px){.category-actions{grid-column:2;flex-wrap:wrap}.home-count{display:none}}