@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);--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;--t: .16s cubic-bezier(.2,.6,.2,1);--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)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}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)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--space-5)}header.site{padding:var(--space-4) 0;border-bottom:1px solid var(--line)}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 .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:linear-gradient(180deg,var(--card),var(--bg-soft));border:1px solid var(--line);border-radius:var(--radius);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}.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}.timer{margin-top:var(--space-3);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)}.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}}.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='%238b93bd' 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}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{border-top:1px solid var(--line);padding:var(--space-6) 0;color:var(--muted);font-size:var(--text-sm)}footer.site a{color:var(--ink-soft);margin-right:var(--space-4)}footer.site a:hover{color:var(--link)}.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)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.tile:hover,.tile:active,button.btn:active{transform:none}}