@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-grotesque.woff2) format("woff2")}:root{--bg: #ffffff;--bg-soft: #f3f5fb;--card: #ffffff;--ink: #161a2b;--ink-soft: #434a63;--muted: #5b6178;--line: #e4e7f0;--accent: #0d9488;--accent-strong: #0f766e;--link: #4f46e5;--btn-bg: #4f46e5;--btn-fg: #ffffff;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #eef1ff 0%, #ffffff 55%);--shadow-sm: 0 1px 2px rgba(18,22,45,.06), 0 1px 3px rgba(18,22,45,.07);--shadow-md: 0 4px 14px rgba(18,22,45,.09), 0 2px 6px rgba(18,22,45,.06);--glass-bg: rgba(255,255,255,.72);--star-rgb: 79,70,229;--glow-accent: rgba(13,148,136,.14);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--maxw: 720px;--maxw-wide: 1080px;--t: .16s cubic-bezier(.2,.6,.2,1);--grad-display: linear-gradient(120deg, var(--accent-strong), var(--link));--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1222;--bg-soft: #181c34;--card: #1e2342;--ink: #eef0fb;--ink-soft: #aab0d6;--muted: #8b93bd;--line: #2b3160;--accent: #6ee7b7;--accent-strong: #6ee7b7;--link: #818cf8;--btn-bg: #818cf8;--btn-fg: #0b0e1f;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #20264a 0%, #0f1222 55%);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.38);--glass-bg: rgba(15,18,34,.62);--star-rgb: 238,240,251;--glow-accent: rgba(110,231,183,.16)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{margin:0;font-family:var(--font);background:var(--bg-grad);background-color:var(--bg);color:var(--ink);line-height:1.6;font-size:17px}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.tile:focus-visible{outline:2px solid var(--link);outline-offset:2px}input:focus-visible,select:focus-visible{border-color:var(--link)}.skip-link{position:absolute;left:var(--space-3);top:-88px;z-index:100;background:var(--card);color:var(--link);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;font-weight:600;box-shadow:var(--shadow-md);transition:top var(--t)}.skip-link:focus{top:var(--space-3);text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--space-5)}.wrap.wide{max-width:var(--maxw-wide)}.full-bleed{width:100vw;margin-left:calc(50% - 50vw)}header.site{position:sticky;top:0;z-index:50;padding:var(--space-4) 0;border-bottom:1px solid var(--line);background:var(--bg)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){header.site{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4)}}header.site:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 35%,var(--link) 65%,transparent);opacity:.5;pointer-events:none}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--ink)}.brand b{color:var(--accent-strong)}nav.top{display:flex;align-items:center}nav.top a{color:var(--ink-soft);margin-left:var(--space-5);font-size:15px;font-weight:500}nav.top a:hover{color:var(--link)}nav.top a[aria-current=page]{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--accent)}@media(max-width:480px){header.site{position:static}header.site .wrap{flex-direction:column;gap:var(--space-3)}nav.top{flex-wrap:wrap;justify-content:center;gap:2px var(--space-2)}nav.top a{margin-left:0;padding:6px 10px;font-size:var(--text-base)}}main{padding:var(--space-6) 0 var(--space-8)}h1{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,5vw,38px);line-height:1.12;letter-spacing:-.02em;margin:0 0 var(--space-2)}h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-3);letter-spacing:-.01em}p{color:var(--ink-soft)}.answer{background:radial-gradient(420px 150px at 88% -30%,var(--glow-accent),transparent 70%),linear-gradient(180deg,var(--card),var(--bg-soft));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-5) var(--space-4);margin:var(--space-4) 0}.answer .big,.answer-number{font-family:var(--font-display);font-size:clamp(30px,8vw,52px);font-weight:800;color:var(--accent);letter-spacing:-.02em;line-height:1.05}.answer-number.is-xl{font-size:clamp(36px,11vw,68px);line-height:1}.answer-number.is-md{font-size:clamp(24px,6vw,36px);line-height:1.1}@supports (-webkit-background-clip: text) or (background-clip: text){.answer .big,.answer-number:not(.is-md){background:var(--grad-display);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}.answer .sub,.answer-label{color:var(--ink-soft);margin-top:var(--space-1)}.answer .note{color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-3)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5)}.result{margin-top:var(--space-4)}.result-meta{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-2)}.hint{color:var(--muted);font-size:var(--text-xs);margin:var(--space-3) 0 0}.field-error{color:var(--ink-soft);font-size:var(--text-sm)}.example-btn{margin-top:var(--space-3)}details.adv{margin-top:var(--space-3)}details.adv>summary{cursor:pointer;color:var(--link);font-size:var(--text-sm);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 0}details.adv>summary::-webkit-details-marker{display:none}details.adv>summary:before{content:"▸";font-size:.8em}details.adv[open]>summary:before{content:"▾"}details.adv>summary:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:var(--radius-sm)}.timer{display:inline-flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-3);padding:8px 18px;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;font-variant-numeric:tabular-nums;color:var(--ink);font-size:var(--text-lg)}.timer .timer-cap{color:var(--muted);font-size:var(--text-xs)}.field-row{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap;margin-top:var(--space-4)}.field{display:flex;flex-direction:column;min-width:0}.field label{margin-top:0}.dim{color:var(--muted)}.eyebrow{margin:var(--space-6) 0 0;color:var(--accent-strong);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.eyebrow+h1,.eyebrow+h2{margin-top:var(--space-1)}.wrap>.eyebrow:first-child{margin-top:0}.grad-text{color:var(--accent)}@supports (-webkit-background-clip: text) or (background-clip: text){.grad-text{background:var(--grad-display);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}.with-icon{display:flex;align-items:center;gap:var(--space-2)}.with-icon svg{width:20px;height:20px;color:var(--accent-strong);flex:none}.tile-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tile-row .end{display:flex;align-items:center;gap:var(--space-3);text-align:right}.saved-num{font-family:var(--font-display);font-weight:800;color:var(--accent);font-size:20px;line-height:1}.grid{display:grid;gap:var(--space-3)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:520px){.grid.cols-2{grid-template-columns:1fr}}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid.cols-3{grid-template-columns:1fr}}.tile{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-4);color:var(--ink);transition:border-color var(--t),box-shadow var(--t),transform var(--t)}.tile:hover{border-color:var(--link);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.tile:active{transform:translateY(0) scale(.995)}.tile .emoji{font-size:22px}.tile .label{font-weight:600}.tile .meta{color:var(--muted);font-size:var(--text-sm)}label{display:block;font-size:var(--text-sm);color:var(--ink-soft);margin:var(--space-3) 0 var(--space-1)}input[type=number],input[type=date],input[type=text],select{width:100%;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);padding:11px 12px;font-size:16px;font-family:inherit;transition:border-color var(--t),box-shadow var(--t)}input:hover,select:hover{border-color:var(--muted)}select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6178' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}@media(prefers-color-scheme:dark){select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b93bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}button.btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--btn-bg);color:var(--btn-fg);border:0;border-radius:var(--radius-sm);padding:11px 16px;font-weight:700;font-size:15px;line-height:1.1;cursor:pointer;transition:filter var(--t),transform var(--t),border-color var(--t)}button.btn:hover{filter:brightness(1.06)}button.btn:active{transform:scale(.97)}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}button.btn.ghost:hover{color:var(--link);border-color:var(--link);filter:none}button.btn.icon{padding:8px;min-width:40px;min-height:40px;justify-content:center}.btn svg{width:18px;height:18px;display:block}.crumbs{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-2)}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--link)}.crumbs .sep{margin:0 6px;color:var(--line)}.prose p{margin:var(--space-3) 0}.prose ul{color:var(--ink-soft)}.footnote{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-5)}.note-sm{color:var(--muted);font-size:var(--text-xs)}footer.site{position:relative;border-top:1px solid var(--line);padding:var(--space-7) 0 var(--space-6);color:var(--muted);font-size:var(--text-sm)}footer.site:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 35%,var(--link) 65%,transparent);opacity:.5;pointer-events:none}footer.site a{color:var(--ink-soft)}footer.site a:hover{color:var(--link)}.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-5) var(--space-5)}.foot-brand .brand{font-size:18px}.foot-tag{margin:var(--space-2) 0 0;color:var(--muted)}.foot-head{font-weight:700;color:var(--ink-soft);margin-bottom:var(--space-2)}.foot-col a{display:block;padding:3px 0}.foot-copy{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line)}.ad-slot{margin:var(--space-6) 0;min-height:90px;border:1px dashed var(--line);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--muted);font-size:var(--text-xs);display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.tile:hover,.tile:active,button.btn:active{transform:none}}