@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500 800;font-display:swap;src:url("/assets/fonts/bricolage-var.woff2") format("woff2")}@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/plexmono-500.woff2") format("woff2")}@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/plexmono-600.woff2") format("woff2")}:root{--paper:#FAF5EA;--card:#FFFDF7;--ink:#191713;--ink-soft:#6B6353;--line-soft:#E3DBC8;--accent:#191713;--accent-soft:#EFE9DA;--font-display:"Bricolage Grotesque",system-ui,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",monospace}body.cat-maths{--accent:#D7263D;--accent-soft:#FBE5E8}body.cat-money{--accent:#0B7A4B;--accent-soft:#DFF0E7}body.cat-text{--accent:#D96C06;--accent-soft:#FBEBD9}body.cat-colour{--accent:#C2358B;--accent-soft:#F8E3F0}body.cat-date{--accent:#2456D6;--accent-soft:#E2E9FA}body.cat-random{--accent:#6C3FC5;--accent-soft:#EAE2F8}body.cat-convert{--accent:#0B7C7C;--accent-soft:#DEF0EF}body.cat-dev{--accent:#444B8C;--accent-soft:#E4E6F3}body.cat-files{--accent:#A34E1F;--accent-soft:#F6E5D8}body.cat-crypto{--accent:#C99700;--accent-soft:#F7EDCF}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}[hidden]{display:none !important}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;display:flex;flex-direction:column;min-height:100vh}body.menu-locked{overflow:hidden}img{max-width:100%;display:block}a{color:var(--accent)}.site-header{background:var(--paper);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:50}.header-inner{max-width:1180px;margin:0 auto;padding:0.8rem 1.25rem 0.75rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:0.6rem;text-decoration:none;color:var(--ink)}.logo-tile{width:38px;height:38px;border-radius:10px;background:var(--accent);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.35rem;line-height:1;padding-bottom:3px}.logo-word{font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:-0.02em}.logo-tld{font-family:var(--font-display);font-weight:500;font-size:1rem;color:var(--ink-soft);align-self:flex-end;margin:0 0 0.3rem -0.35rem}.cat-nav{display:flex;gap:0.5rem;overflow-x:auto;scrollbar-width:none;margin-left:auto;padding:0.25rem 0}.cat-nav::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;font-family:var(--font-display);font-weight:600;font-size:0.85rem;color:var(--ink);text-decoration:none;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:0.3rem 0.85rem;white-space:nowrap;transition:transform 0.08s}.chip:hover{transform:translateY(-1px)}.chip.active{background:var(--accent);color:#fff}.nav-toggle{display:none;margin-left:auto;width:48px;height:48px;flex:0 0 auto;padding:0;background:var(--card);border:2px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform 0.08s,box-shadow 0.08s}.nav-toggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.nav-toggle span{display:block;width:20px;height:3px;background:var(--ink);border-radius:2px}.menu-close{display:none}.menu-overlay{position:fixed;inset:0;z-index:90;background:rgba(25,23,19,0.5);border:0}@media (max-width:1023px){body.menu-locked .site-header{z-index:110}.nav-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.cat-nav{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(80vw,320px);margin:0;padding:4.6rem 1.15rem 2rem;background:var(--paper);border-left:2px solid var(--ink);flex-direction:column;align-items:stretch;gap:0.6rem;overflow-y:auto;overflow-x:hidden;transform:translateX(110%);transition:transform 0.22s ease}.cat-nav.open{transform:none;box-shadow:-6px 0 0 var(--accent)}.cat-nav .chip{font-size:1.05rem;padding:0.8rem 1.1rem;border-radius:12px;text-align:left;white-space:normal}.menu-close{display:grid;place-items:center;position:absolute;top:0.85rem;right:1.15rem;width:44px;height:44px;padding:0;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1;cursor:pointer}}@media (prefers-reduced-motion:reduce){.cat-nav{transition:none}}.page-grid{max-width:1180px;margin:0 auto;padding:0 1.25rem 3rem;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;flex:1 0 auto;width:100%}.main-col{max-width:780px;width:100%;margin:0 auto;min-width:0}.main-col.wide{max-width:1180px}.side-col{display:none}@media (min-width:1140px){.page-grid{grid-template-columns:minmax(0,1fr) 300px}.page-grid.no-side{grid-template-columns:minmax(0,1fr)}.side-col{display:block}.side-sticky{position:sticky;top:92px}}.crumbs{font-size:0.85rem;color:var(--ink-soft);padding:1.1rem 0 0.2rem}.crumbs a{color:var(--ink-soft);text-decoration:none}.crumbs a:hover{color:var(--accent)}.crumbs span[aria-hidden]{margin:0 0.35rem}.tool-hero{padding:0.4rem 0 1.4rem}.tool-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5.5vw,3.1rem);line-height:1.05;letter-spacing:-0.02em}.tool-hero .sub{margin-top:0.55rem;font-size:1.1rem;color:var(--ink-soft);max-width:46ch}.tool-card{background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--accent);padding:clamp(1.15rem,3.5vw,2rem);margin-bottom:2.25rem}.seg{display:flex;flex-wrap:wrap;gap:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--card);margin-bottom:1.5rem}.seg button{flex:1 1 auto;font-family:var(--font-display);font-weight:600;font-size:0.95rem;padding:0.75rem 0.75rem;background:transparent;color:var(--ink);border:0;border-right:2px solid var(--ink);cursor:pointer;min-height:52px}.seg button:last-child{border-right:0}.seg button[aria-pressed="true"]{background:var(--accent);color:#fff}.seg button:not([aria-pressed="true"]):hover{background:var(--accent-soft)}.field{margin-bottom:1.15rem}.field label{display:block;font-family:var(--font-display);font-weight:600;font-size:0.95rem;margin-bottom:0.45rem}.control{display:flex}.control input[type="number"],.control input[type="text"],.control input[type="date"]{width:100%;min-height:60px;font-family:var(--font-mono);font-weight:500;font-size:1.35rem;font-variant-numeric:tabular-nums;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:12px;padding:0 1rem;-moz-appearance:textfield;appearance:textfield}.control input::-webkit-outer-spin-button,.control input::-webkit-inner-spin-button{-webkit-appearance:none}.control input:focus{outline:none;box-shadow:0 0 0 3px var(--accent)}.control input::placeholder{color:#B8AF9C}.control input[type="date"]{font-size:1.15rem}.control select{width:100%;min-height:60px;font-family:var(--font-mono);font-weight:500;font-size:1rem;color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:0 2.4rem 0 0.9rem;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23191713' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 0.85rem center}.control select:focus{outline:none;box-shadow:0 0 0 3px var(--accent)}.control.has-prefix input{border-radius:0 12px 12px 0;border-left:0}.control.has-suffix input{border-radius:12px 0 0 12px;border-right:0}.control .affix{display:grid;place-items:center;flex:0 0 auto;min-width:56px;min-height:60px;padding:0 0.7rem;white-space:nowrap;font-family:var(--font-mono);font-weight:600;font-size:1.1rem;background:var(--accent-soft);border:2px solid var(--ink)}.control.has-prefix .affix{border-radius:12px 0 0 12px}.control.has-suffix .affix{border-radius:0 12px 12px 0}.field-row{display:grid;grid-template-columns:1fr;gap:0}@media (min-width:560px){.field-row{grid-template-columns:1fr 1fr;gap:1rem}}.big-text{width:100%;min-height:220px;font-family:var(--font-mono);font-weight:500;font-size:1rem;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:12px;padding:0.9rem 1rem;resize:vertical}.big-text:focus{outline:none;box-shadow:0 0 0 3px var(--accent)}.big-text::placeholder{color:#B8AF9C}.big-text[readonly]{background:var(--card)}.check-row{display:flex;flex-wrap:wrap;gap:0.7rem 1.4rem;margin-bottom:1.15rem}.check{display:flex;align-items:center;gap:0.55rem;font-family:var(--font-display);font-weight:600;font-size:0.98rem;cursor:pointer}.check input{width:22px;height:22px;accent-color:var(--accent);cursor:pointer;flex:0 0 auto}input[type="range"]{width:100%;accent-color:var(--accent);height:34px;cursor:pointer}.swatch{height:96px;border:2px solid var(--ink);border-radius:12px;margin-bottom:1.15rem}.file-drop{display:block;border:2px dashed var(--ink);border-radius:16px;background:#fff;padding:2.2rem 1.5rem;text-align:center;cursor:pointer;margin-bottom:1.15rem;font-family:var(--font-display);font-weight:600}.file-drop:hover,.file-drop.drag{background:var(--accent-soft)}.file-drop input{display:none}.file-drop .fd-sub{display:block;font-family:var(--font-body);font-weight:400;font-size:0.9rem;color:var(--ink-soft);margin-top:0.35rem}.file-preview{max-width:100%;max-height:280px;border:2px solid var(--ink);border-radius:12px;margin:0 auto 1.15rem;display:block}.btn-row{display:flex;flex-wrap:wrap;gap:0.7rem;margin-bottom:1.15rem}.result-rows + .btn-row,.result-panel + .btn-row,.file-preview + .btn-row,.big-text + .btn-row,.result-rows + .btn,.result-panel + .btn,.file-preview + .btn{margin-top:1.15rem}.sentence{display:flex;flex-wrap:wrap;align-items:center;gap:0.7rem;font-family:var(--font-display);font-weight:600;font-size:1.15rem;margin-bottom:1.15rem}.sentence .control{flex:1 1 130px;max-width:200px}@media (max-width:559px){.sentence{display:block}.sentence>span:not(.control){display:block;margin-bottom:0.45rem}.sentence .punct{display:none}.sentence .control{max-width:none;margin-bottom:1.05rem}}.result-panel{background:var(--accent-soft);border:2px solid var(--ink);border-radius:16px;padding:1.15rem 1.35rem;margin-top:0.4rem}.result-label{font-family:var(--font-display);font-weight:600;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.09em;color:var(--ink-soft)}.result-value{font-family:var(--font-mono);font-weight:600;font-size:clamp(2.1rem,6vw,3.2rem);font-variant-numeric:tabular-nums;line-height:1.15;color:var(--ink);overflow-wrap:anywhere}.result-value.mid{font-size:clamp(1.5rem,4.5vw,2.2rem)}.result-note{font-size:0.92rem;color:var(--ink-soft);margin-top:0.3rem}.field-error{font-family:var(--font-mono);font-size:0.92rem;color:#A8231B;margin-top:0.6rem}.result-rows{display:grid;gap:0.7rem;margin-top:0.4rem}.result-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.3rem 1rem;background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:0.8rem 1.15rem}.result-row .k{font-family:var(--font-display);font-weight:600;font-size:0.95rem}.result-row .v{font-family:var(--font-mono);font-weight:600;font-size:clamp(1.35rem,4vw,1.9rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-row .v.small{font-size:clamp(1.05rem,3vw,1.35rem)}.result-row.hero-row{background:var(--accent-soft)}.result-row.hero-row .v{font-size:clamp(1.7rem,5vw,2.4rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-family:var(--font-display);font-weight:700;font-size:1rem;color:#fff;background:var(--accent);border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);padding:0.8rem 1.5rem;min-height:52px;cursor:pointer;text-decoration:none;transition:transform 0.08s,box-shadow 0.08s}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.ghost{background:var(--card);color:var(--ink)}.btn.small{min-height:44px;padding:0.5rem 1.05rem;font-size:0.92rem;box-shadow:3px 3px 0 var(--ink)}.btn.small:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.tool-actions{display:flex;justify-content:space-between;gap:0.7rem;flex-wrap:wrap;margin:-1.35rem 0 2.25rem}.btn-install,.btn-share{min-height:46px;padding:0.5rem 1.1rem;font-size:0.92rem;box-shadow:3px 3px 0 var(--ink)}.btn-install:active,.btn-share:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn-install svg,.btn-share svg{width:17px;height:17px;flex:0 0 auto}.btn-install[disabled]{opacity:0.65;cursor:default}.install-panel{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:1rem 1.25rem;margin:-1.35rem 0 2.25rem}.install-panel .ip-title{font-family:var(--font-display);font-weight:700;margin-bottom:0.5rem}.install-panel ol{margin:0 0 0.2rem 1.25rem}.install-panel li{margin-bottom:0.3rem}.install-panel .ip-note{font-size:0.88rem;color:var(--ink-soft);margin:0.5rem 0 0}.ad-slot{background:#F3EDDE;border:1px dashed var(--line-soft);border-radius:12px;display:grid;place-items:center;margin:0 0 2.25rem}.ad-slot::before{content:"Advertisement";font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:#B4AA93}.ad-slot.ad-fallback{background:var(--accent-soft);border:2px solid var(--ink)}.ad-slot.ad-fallback::before{content:none}.af-inner{text-align:center;padding:1.1rem 1.25rem;display:grid;gap:0.6rem;justify-items:center}.af-msg{font-family:var(--font-display);font-weight:600;font-size:0.98rem;max-width:40ch}.af-sub{font-size:0.85rem;color:var(--ink-soft);max-width:44ch}.ad-slot.leader{min-height:100px}@media (min-width:728px){.ad-slot.leader{min-height:90px}}.ad-slot.rect{min-height:250px}.ad-slot.side{min-height:600px;margin:0}.content h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,3.5vw,1.75rem);letter-spacing:-0.01em;margin:2.4rem 0 0.9rem;line-height:1.25;display:flex;align-items:flex-start;gap:0.6rem}.content h2::before{content:"";width:14px;height:14px;flex:0 0 auto;margin-top:0.26em;background:var(--accent);border:2px solid var(--ink);border-radius:4px}.content p{margin-bottom:1rem}.content ul,.content ol{margin:0 0 1rem 1.3rem}.content li{margin-bottom:0.35rem}.content strong{font-weight:700}.formula-box{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:1rem 1.25rem;margin:1.1rem 0 1.4rem;font-family:var(--font-mono);font-weight:500;font-size:1.05rem;overflow-wrap:break-word}.formula-box .nw{white-space:nowrap}.example-card{background:var(--card);border:2px solid var(--ink);border-left:8px solid var(--accent);border-radius:14px;padding:1rem 1.25rem;margin:0 0 1rem}.example-card .ex-q{font-family:var(--font-display);font-weight:700;margin-bottom:0.3rem}.example-card .ex-a{font-family:var(--font-mono);font-size:0.98rem}.faq{margin-top:0.4rem}.faq details{background:var(--card);border:2px solid var(--ink);border-radius:14px;margin-bottom:0.7rem;overflow:hidden}.faq summary{cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:600;font-size:1.02rem;padding:0.95rem 3rem 0.95rem 1.15rem;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:1.05rem;top:50%;transform:translateY(-52%);font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--accent)}.faq details[open] summary::after{content:"–"}.faq details[open] summary{border-bottom:2px solid var(--ink);background:var(--accent-soft)}.faq .faq-a{padding:0.9rem 1.15rem}.faq .faq-a p{margin-bottom:0.6rem}.faq .faq-a p:last-child{margin-bottom:0}.related-grid{display:grid;grid-template-columns:1fr;gap:0.9rem;margin-top:1rem}@media (min-width:560px){.related-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.related-grid{grid-template-columns:1fr 1fr 1fr}}.related-card{--accent:var(--ink);display:block;text-decoration:none;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:1rem 1.1rem 0.95rem;transition:transform 0.08s,box-shadow 0.08s}.related-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent)}.related-card .rc-cat{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.1em;color:#fff;background:var(--accent);border-radius:6px;padding:0.15rem 0.5rem;margin-bottom:0.5rem}.related-card .rc-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.related-card .rc-desc{font-size:0.88rem;color:var(--ink-soft);margin-top:0.2rem}.related-card.rc-maths{--accent:#D7263D}.related-card.rc-money{--accent:#0B7A4B}.related-card.rc-text{--accent:#D96C06}.related-card.rc-colour{--accent:#C2358B}.related-card.rc-date{--accent:#2456D6}.related-card.rc-random{--accent:#6C3FC5}.related-card.rc-convert{--accent:#0B7C7C}.related-card.rc-dev{--accent:#444B8C}.related-card.rc-files{--accent:#A34E1F}.related-card.rc-crypto{--accent:#C99700}.home-hero{padding:2.8rem 0 1.6rem}.home-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.7rem,9vw,4.8rem);line-height:0.98;letter-spacing:-0.03em}.home-hero .sub{margin-top:0.9rem;font-size:1.18rem;color:var(--ink-soft);max-width:52ch}.cat-section{margin-top:2.8rem}.cat-section.cs-maths{--accent:#D7263D}.cat-section.cs-money{--accent:#0B7A4B}.cat-section.cs-text{--accent:#D96C06}.cat-section.cs-colour{--accent:#C2358B}.cat-section.cs-date{--accent:#2456D6}.cat-section.cs-random{--accent:#6C3FC5}.cat-section.cs-convert{--accent:#0B7C7C}.cat-section.cs-dev{--accent:#444B8C}.cat-section.cs-files{--accent:#A34E1F}.cat-section.cs-crypto{--accent:#C99700}.cat-section>h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.45rem,3.6vw,1.8rem);letter-spacing:-0.01em;display:flex;align-items:center;gap:0.6rem;margin-bottom:0.35rem}.cat-section>h2::before{content:"";width:14px;height:14px;flex:0 0 auto;background:var(--accent);border:2px solid var(--ink);border-radius:4px}.cat-section>h2 .see-all{margin-left:auto;font-family:var(--font-display);font-weight:700;font-size:0.88rem;color:var(--accent);text-decoration:none;white-space:nowrap}.cat-section>h2 .see-all:hover{text-decoration:underline}.cat-section .cs-blurb{color:var(--ink-soft);max-width:62ch;margin-bottom:0.4rem}.soon-list{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.1rem}.soon-chip{font-family:var(--font-display);font-weight:600;font-size:0.85rem;color:var(--ink-soft);border:2px dashed #C9C0AC;border-radius:999px;padding:0.25rem 0.8rem;white-space:nowrap}.soon-heading{font-family:var(--font-display);font-weight:700;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.09em;color:var(--ink-soft);margin-top:2rem}.prose{max-width:720px}.prose h2{margin-top:2rem}.site-footer{background:var(--ink);color:var(--paper);border-top:2px solid var(--ink);margin-top:3rem;padding:2.5rem 1.25rem 2rem}.footer-inner{max-width:1180px;margin:0 auto}.footer-brand{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.8rem}.footer-brand .logo-tile{box-shadow:3px 3px 0 rgba(250,245,234,0.35)}.footer-brand .logo-word{color:var(--paper)}.footer-about{max-width:52ch;color:#B8B0A0;font-size:0.95rem;margin-bottom:1.6rem}.footer-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0.55rem 1.5rem;max-width:960px;margin-bottom:1.6rem}.footer-links a{color:var(--paper);text-decoration:none;font-size:0.92rem;font-family:var(--font-display);font-weight:600}.footer-links a:hover{text-decoration:underline}.footer-legal{border-top:1px solid #3B372E;padding-top:1.2rem}.footer-copy{display:block;color:#B8B0A0;font-size:0.85rem;margin-bottom:0.6rem}.footer-pages{display:flex;flex-wrap:nowrap;gap:0.7rem 1.1rem;overflow-x:auto;scrollbar-width:none}.footer-pages::-webkit-scrollbar{display:none}.footer-pages a{color:#B8B0A0;font-size:0.85rem;text-decoration:none;white-space:nowrap}.footer-pages a:hover{color:var(--paper)}