@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_d7b50fc5-module__qeW00a__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_d7b50fc5-module__qeW00a__variable{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.a82ecf4e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.afa48be3.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.764b43eb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.cb53f04b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.64b9304e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.6b5ea6af.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1dcddae6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.8da66e7f.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.e6cd1753.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.19510058.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.140490a3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.b36ae37c.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.bf5f8a12.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.10086973.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.2902b61f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_69b0a650-module__YpXl3W__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_69b0a650-module__YpXl3W__variable{--font-ibm-plex-mono:"IBM Plex Mono","IBM Plex Mono Fallback"}
@layer theme{:root,:host{--default-font-family:var(--sans);--default-mono-font-family:var(--mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-moz-any([multiple],[size])) optgroup option:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:-moz-any([multiple],[size])) optgroup option:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button{margin-right:4px}:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button{margin-left:4px}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#f5f0e8;--foreground:#1d201f;--surface:#fefbf6;--surface-strong:#f1e7d7;--accent:#1f5c52;--accent-strong:#0f4239;--muted:#6f6a61;--mono:var(--font-ibm-plex-mono);--sans:var(--font-space-grotesk)}body{background:var(--background);color:var(--foreground);font-family:var(--sans),"Space Grotesk",sans-serif;min-height:100vh;margin:0}*{box-sizing:border-box}html,body{background:#f7f2ea;min-height:100%}.page-shell{background:radial-gradient(circle at 0 0,rgba(31,92,82,.12),transparent 45%),radial-gradient(circle at 20% 70%,rgba(246,219,176,.55),transparent 60%),linear-gradient(135deg,#f9f5ef 0%,#f3eadc 40%,#f7f2ea 100%);min-height:100vh;padding:16px 6vw 96px}.hero{max-width:680px;margin-bottom:48px}.hero-kicker{font-family:var(--mono),"IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px}.hero-title{letter-spacing:-.02em;margin:0 0 12px;font-size:max(2.4rem,min(4vw,4rem))}.hero-subtitle{color:var(--muted);margin:0;font-size:1rem}.grid-container{max-width:1200px;margin:0 auto;padding:0}.grid-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.grid-toolbar__group{background:rgba(255,255,255,.6);border:1px solid rgba(29,32,31,.08);border-radius:999px;gap:0;padding:2px;display:inline-flex}.grid-toggle{color:rgba(29,32,31,.7);font-family:var(--mono),"IBM Plex Mono",monospace;cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:28px;padding:4px 10px;font-size:.75rem}.grid-toggle+.grid-toggle{border-left:1px solid rgba(29,32,31,.08);border-top-left-radius:0;border-bottom-left-radius:0}.grid-toggle:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.grid-toggle:hover{color:rgba(29,32,31,.85);background:rgba(255,255,255,.8)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px;display:grid}.tile{background:var(--surface);color:inherit;transform-origin:50%;opacity:0;cursor:pointer;border:1px solid rgba(29,32,31,.08);border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:300px;padding:18px;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;animation:.18s forwards float-in;display:flex;position:relative;box-shadow:0 16px 32px rgba(27,33,30,.08)}.tile:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 20px 40px rgba(27,33,30,.09)}.tile:active{transform:scale(.99)}.tile--removing{opacity:0;transform:scale(.98)}.tile:focus-visible{outline-offset:2px;outline:2px solid rgba(31,92,82,.28)}.tile--add{color:var(--muted);border-style:dashed}.tile--add .tile__label{color:rgba(29,32,31,.55)}.tile--ad{justify-content:flex-start}.ad-slot{background:rgba(29,32,31,.04);border-radius:16px;width:100%;height:100%;margin-top:12px}.tile__add{flex-direction:column;gap:10px;width:100%;margin-top:12px;display:flex}.tile__add-label{color:rgba(29,32,31,.6);font-size:.75rem}.tile__add-select{width:100%;color:var(--foreground);font-size:.85rem;font-family:var(--sans),"Space Grotesk",sans-serif;background:#fff;border:1px solid rgba(29,32,31,.16);border-radius:12px;padding:8px 10px}.tile__add-actions{gap:10px;display:flex}.tile__add-button,.tile__add-cancel,.tile__add-toggle{background:var(--surface);color:var(--foreground);font-family:var(--mono),"IBM Plex Mono",monospace;cursor:pointer;border:1px solid rgba(29,32,31,.16);border-radius:999px;padding:8px 12px;font-size:.75rem}.tile__add-toggle{margin-top:14px}.tile__label{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-family:var(--mono),"IBM Plex Mono",monospace;color:#4f4a43;opacity:.8;margin-bottom:4px;display:block}.tile__value{font-size:max(1.7rem,min(2.4vw,2.5rem));font-weight:600;font-family:var(--mono),"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;line-height:1.15;display:block}.tile__value--featured{font-size:max(2rem,min(3vw,3.1rem))}.tile__value--clamp{font-size:max(1.2rem,min(1.8vw,1.6rem));font-family:var(--sans),"Space Grotesk",sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.tile__value--subtle{color:rgba(29,32,31,.7);font-size:max(1.4rem,min(2vw,1.8rem));font-weight:500}.tile__value--tick{animation:1s ease-in-out infinite tick-breathe}.tile__meta{color:var(--accent);font-size:.85rem;font-family:var(--mono),"IBM Plex Mono",monospace;white-space:pre-line;margin-top:8px;line-height:1.4;display:block}.tile__dots{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tile__dots--countdown{--dot-size:clamp(4px,calc(220px/var(--dot-count)),14px);gap:max(4px,min(.6vw,8px))}.tile__dots--countdown .tile__dot{width:var(--dot-size);height:var(--dot-size)}.tile__dots--self{--dot-size:clamp(3px,calc(180px/var(--dot-count)),10px);gap:max(2px,min(.5vw,6px))}.tile__dots--self .tile__dot{width:var(--dot-size);height:var(--dot-size)}.tile__dots--progress{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.tile__dots--progress .tile__dot{border-radius:50%;width:10px;height:10px}.tile__dots--day .tile__dot{width:max(10px,min(2vw,18px));height:max(10px,min(2vw,18px))}.tile__dots--week .tile__dot{width:max(16px,min(3vw,28px));height:max(16px,min(3vw,28px))}.tile__dots--month .tile__dot{width:max(8px,min(1.4vw,14px));height:max(8px,min(1.4vw,14px))}.tile__dots--year .tile__dot{width:max(1.5px,min(.3vw,3px));height:max(1.5px,min(.3vw,3px))}.tile__dot{background:rgba(29,32,31,.12);border-radius:999px;width:32px;height:32px}.tile__dot--filled{background:rgba(31,92,82,.45)}.tile__dot--today{background:rgba(31,92,82,.22)}.tile__meta--tight{margin-top:6px}.tile__progress{background:rgba(29,32,31,.08);border-radius:999px;width:100%;height:4px;margin-top:10px;overflow:hidden}.tile__progress-bar{background:linear-gradient(90deg,rgba(31,92,82,.55),rgba(31,92,82,.25));border-radius:999px;height:100%}.tile__remove{background:var(--surface);width:28px;height:28px;color:var(--foreground);cursor:pointer;border:1px solid rgba(29,32,31,.16);border-radius:999px;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex;position:absolute;top:12px;right:12px}.tile__remove:hover{box-shadow:0 8px 16px rgba(27,33,30,.12)}.time-period{color:rgba(29,32,31,.5);letter-spacing:.08em;margin-left:2px;font-size:.6em}.tool-value .time-period,.tool-mini-value .time-period,.tool-meta .time-period{color:rgba(29,32,31,.5);font-size:.58em}@keyframes tick-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.tile{transition:none;animation:none}.tile__value--tick{animation:none}}@media (min-width:1100px){.tile--featured{grid-column:span 1}}.tool-shell{padding-top:28px}.tool-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.tool-actions{align-items:center;gap:12px;display:flex}.tool-focus{background:var(--surface);color:var(--foreground);font-family:var(--mono),"IBM Plex Mono",monospace;cursor:pointer;border:1px solid rgba(29,32,31,.16);border-radius:999px;padding:8px 14px;font-size:.85rem}.tool-title-row{align-items:center;gap:12px;display:flex}.tool-title{margin:0 0 8px;font-size:max(2rem,min(3.5vw,3.2rem))}.tool-subtitle{color:var(--muted);margin:0}.tool-back{width:36px;height:36px;color:var(--accent-strong);background:var(--surface);border:1px solid rgba(29,32,31,.12);border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.tool-back:hover{transform:translate(-2px);box-shadow:0 10px 20px rgba(27,33,30,.12)}.tool-card{background:var(--surface);border:1px solid rgba(29,32,31,.08);border-radius:24px;padding:max(24px,min(4vw,40px));box-shadow:0 20px 50px rgba(27,33,30,.1)}.tool-value{margin:0 0 12px;font-size:max(2rem,min(4vw,3.4rem));font-weight:600}.tool-meta{color:var(--muted);font-family:var(--mono),"IBM Plex Mono",monospace;margin:0}.tool-control{gap:10px;margin-top:24px;display:grid}.tool-actions-row{flex-wrap:wrap;gap:10px;display:flex}.tool-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.85rem;font-family:var(--mono),"IBM Plex Mono",monospace}.tool-input,.tool-select{font-size:1rem;font-family:var(--mono),"IBM Plex Mono",monospace;background:#fffefb;border:1px solid rgba(29,32,31,.2);border-radius:12px;padding:12px 14px}.tool-button{background:var(--surface);color:var(--foreground);font-family:var(--mono),"IBM Plex Mono",monospace;cursor:pointer;border:1px solid rgba(29,32,31,.14);border-radius:999px;justify-self:start;padding:10px 14px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;box-shadow:0 10px 20px rgba(27,33,30,.08)}.tool-button:hover{background:#fdfaf4;border-color:rgba(29,32,31,.3);transform:translateY(-1px);box-shadow:0 14px 26px rgba(27,33,30,.12)}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:20px;display:grid}.tool-mini{background:var(--surface-strong);border-radius:16px;padding:16px}.tool-mini-title{text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;font-family:var(--mono),"IBM Plex Mono",monospace;color:var(--muted);margin:0 0 8px}.tool-mini-value{margin:0;font-size:1.2rem;font-weight:600}.tool-stack{gap:18px;display:grid}.tool-row{border-bottom:1px solid rgba(29,32,31,.08);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.tool-row:last-child{border-bottom:none;padding-bottom:0}.tool-row-label{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;font-family:var(--mono),"IBM Plex Mono",monospace;color:var(--muted);margin:0 0 6px}.tool-row-value{word-break:break-all;margin:0;font-size:1.1rem;font-weight:600}.tool-copy{margin-left:auto}.tool-progress{margin-top:16px}.tool-progress-bar{background:rgba(29,32,31,.12);border-radius:999px;height:10px;margin-bottom:8px;overflow:hidden}.tool-progress-fill{background:var(--accent-strong);border-radius:999px;height:100%}.tool-dots{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tool-dots--countdown{--dot-size:clamp(6px,calc(280px/var(--dot-count)),18px);gap:max(4px,min(.6vw,8px))}.tool-dots--countdown .tool-dot{width:var(--dot-size);height:var(--dot-size)}.tool-dot-grid{grid-template-columns:repeat(auto-fit,minmax(18px,18px));place-content:start;gap:2px;width:100%;margin-top:16px;padding:6px;display:grid}.tool-dot-grid--focus{grid-template-columns:repeat(auto-fit,minmax(32px,32px));place-content:start;gap:6px;margin-top:24px;padding:16px}.tool-dot-grid--focus .focus-title{grid-column:1/-1;margin-bottom:12px}.tool-dot-button{aspect-ratio:1;cursor:pointer;background:rgba(29,32,31,.08);border:none;border-radius:50%;width:100%;max-width:64px;transition:transform .18s,box-shadow .18s}.tool-dot-grid--focus .tool-dot-button{max-width:80px}.tool-dot-button--on{background:rgba(31,92,82,.45)}.tool-dot-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,33,30,.12)}.focus-shell{justify-content:center;align-items:center;display:flex}.focus-card{background:var(--surface);border:1px solid rgba(29,32,31,.08);border-radius:28px;width:min(1200px,92vw);padding:max(24px,min(4vw,48px));box-shadow:0 24px 60px rgba(27,33,30,.12)}.tool-dot{background:rgba(29,32,31,.12);border-radius:999px;width:40px;height:40px}.tool-dot--filled{background:rgba(31,92,82,.5)}.tool-dot--today{background:rgba(31,92,82,.22)}.tool-choice-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.tool-choice{color:var(--muted);font-size:.85rem;font-family:var(--mono),"IBM Plex Mono",monospace;align-items:center;gap:8px;display:flex}.tool-choice input{accent-color:var(--accent)}.focus-overlay{background:var(--background);z-index:100;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 6vw;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.focus-content{gap:12px;display:grid}.focus-value{font-size:max(3rem,min(8vw,7rem));font-weight:700;font-family:var(--mono),"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;margin:0}.focus-subvalue,.focus-meta{color:var(--muted);margin:0;font-size:1rem}.focus-title{color:var(--foreground);margin:0 0 16px;font-size:max(1.4rem,min(2.4vw,2rem));font-weight:600}.focus-exit{background:var(--surface);color:var(--foreground);font-family:var(--mono),"IBM Plex Mono",monospace;cursor:pointer;border:1px solid rgba(29,32,31,.16);border-radius:999px;padding:8px 14px;font-size:.85rem;position:absolute;top:24px;right:24px}@keyframes float-in{0%{opacity:0}to{opacity:1}}@media (max-width:720px){.page-shell{padding:48px 6vw 72px}.hero{margin-bottom:32px}.tile{height:220px}}@media (max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.grid{grid-template-columns:1fr}}
