@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex.woff2)format("woff2");font-weight:400 700;font-display:swap}.tool-page{padding:0 0 40px}.tool-page .eyebrow{margin:18px 0 0}.tool-sec{margin-top:80px}.tool-sec h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.tool-sec .tool-sub{color:var(--ink-2);max-width:62ch;margin:8px 0 24px}.tool-card{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 1px 2px #201a160a,0 10px 30px #201a160f}.tbtn{font:700 15px var(--font-display-stack);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2dad3;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.tbtn:hover{border-color:var(--ink-3);text-decoration:none;transform:translateY(-1px)}.tbtn:active{transform:translateY(1px)}.tbtn.hot{background:var(--hot);border-color:var(--hot);color:#fff;box-shadow:0 6px 18px #e8461c42}.tbtn.hot:hover{background:var(--hot-2);border-color:var(--hot-2)}.tbtn.plain{background:0 0;border-color:#0000}.tbtn.sm{padding:7px 13px;font-size:13px}.tbtn svg{flex:none;width:17px;height:17px}.tacts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:60;border-radius:12px;max-width:calc(100vw - 32px);padding:11px 18px;font-size:14px;font-weight:600;transition:all .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.tool-toast.on{opacity:1;transform:translate(-50%)}.tool-safe{color:#3d5a45;align-items:flex-start;gap:8px;margin:0;font-size:13.5px;display:flex}.tool-safe svg{color:#1e8e3e;flex:none;margin-top:3px}.tool-faq{margin-top:80px}@keyframes tool-pop{0%{opacity:0;transform:scale(.6)}}.gpill{font:400 17px "Google Sans Flex", var(--font-body-stack);color:#1f1f1f;background:#eaf1fb;border-radius:28px;align-items:center;gap:12px;min-height:52px;padding:12px 18px;display:flex}.gpill svg{color:#444746;flex:none}.gpill .qtext{overflow-wrap:anywhere;flex:1;min-width:0}.gpill .caret{vertical-align:-3px;background:#1f1f1f;width:2px;height:1.1em;margin-left:1px;animation:1s step-end infinite tool-blink;display:inline-block}.gpill .ph{color:#5f6368}@keyframes tool-blink{50%{opacity:0}}.acct{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:flex}.acct select{font:600 13px var(--font-body-stack);color:var(--ink);background:#fff;border:1px solid #e2dad3;border-radius:8px;padding:5px 8px}.sb-hero{text-align:center;padding:40px 0 0;position:relative}.sb-hero:before{content:"";z-index:-1;background:radial-gradient(60% 70% at 50% 0,#fff1ea,#0000 70%);height:520px;position:absolute;top:-40px;left:0;right:0}.sb-hero .breadcrumbs ol{justify-content:center}.sb-hero h1{letter-spacing:-.03em;max-width:16ch;margin:14px auto 12px;font-size:clamp(2.2rem,5.4vw,3.9rem);font-weight:900;line-height:1.05}.sb-hero h1 em{color:var(--hot);font-style:normal}.sb-hero .page-lede{margin:0 auto}.sentence{text-align:left;max-width:980px;margin:40px auto 0;padding:34px 36px 30px}.sent{font:700 clamp(1.5rem, 3.3vw, 2.25rem)/1.55 var(--font-display-stack);letter-spacing:-.01em;color:var(--ink)}.slot{display:inline-block;position:relative}.slot>button{font:inherit;color:var(--hot-2);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #f6c9b6;border-radius:2px;padding:0 2px;transition:border-color .15s,background .15s}.slot>button:hover,.slot.open>button{border-bottom-color:var(--hot);background:#fff1ea}.slot>button.dflt{color:var(--ink-3);border-bottom-style:dashed;border-bottom-color:#ded5cc}.slot>button:after{content:"";opacity:.6;border:.09em solid;border-width:0 .09em .09em 0;width:.32em;height:.32em;margin-left:.28em;display:inline-block;transform:rotate(45deg)translateY(-.2em)}.slot .menu{z-index:20;border:1px solid var(--line);min-width:260px;font:600 15px var(--font-body-stack);letter-spacing:0;background:#fff;border-radius:14px;padding:6px;animation:.2s ease-out tool-pop;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px #201a1629}.slot .menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;display:flex}.slot .menu button:hover{background:#f6f2ee}.slot .menu button.on{color:var(--hot-2);background:#fff1ea}.slot .menu small{font:500 12px var(--font-mono-stack);color:var(--ink-3)}.slot .menu input{width:100%;font:600 15px var(--font-body-stack);border:1.5px solid #e2dad3;border-radius:9px;margin:4px 0;padding:9px 11px}.slot .menu .hint{font:500 12.5px var(--font-body-stack);color:var(--ink-3);padding:2px 6px 6px}.sb-out{border-top:1px dashed #e2dad3;gap:16px;margin-top:26px;padding-top:24px;display:grid}.sb-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}@media (max-width:600px){.sentence{padding:22px 18px}.slot.open:before{content:"";z-index:19;background:#201a1659;position:fixed;inset:0}.slot .menu{min-width:0;max-height:70vh;position:fixed;inset:auto 12px 12px;overflow:auto}}.recipes{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.rc{text-align:left;border:1px solid var(--line);cursor:pointer;font:inherit;color:inherit;background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:18px 18px 16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.rc:hover{border-color:#f6c9b6;transform:translateY(-3px);box-shadow:0 12px 28px #3c1e0a17}.rc .ic{width:38px;height:38px;color:var(--hot);background:#fff1ea;border-radius:11px;place-items:center;display:grid}.rc h3{margin:0;font-size:17px;font-weight:800}.rc p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.rc code{font:500 12.5px var(--font-mono-stack);color:var(--ink);overflow-wrap:anywhere;background:#f6f2ee;border-radius:6px;align-self:flex-start;padding:3px 7px}.rc .keep{font:700 11px var(--font-body-stack);color:#1e8e3e;background:#e6f4ea;border-radius:999px;padding:2px 8px;position:absolute;top:14px;right:14px}.shelf{flex-wrap:wrap;gap:12px;display:flex}.sv{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;max-width:100%;padding:10px 10px 10px 14px;display:flex}.sv>div{min-width:0}.sv .n{font-size:14.5px;font-weight:700}.sv .w{color:var(--ink-3);font-size:12.5px}.sv code{font:12px var(--font-mono-stack);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;max-width:300px;display:block;overflow:hidden}.sv .go{background:var(--ink);color:#fff;font:700 13px var(--font-body-stack);cursor:pointer;border:0;border-radius:8px;padding:7px 11px}.sv .x{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px}.sv .x:hover{color:var(--ink);background:#f6f2ee}.shelf-empty{color:var(--ink-2);border:1.5px dashed #e2dad3;border-radius:14px;align-items:center;gap:14px;padding:22px;font-size:14.5px;display:flex}.shelf-empty svg{color:var(--hot);flex:none}.kbd{font:600 12px var(--font-mono-stack);color:var(--ink);background:#fff;border:1px solid #ded5cc;border-bottom-width:2px;border-radius:6px;padding:1px 6px}.how{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:860px){.how{grid-template-columns:1fr}}.how .step{padding:20px}.how .num{background:var(--hot);color:#fff;width:30px;height:30px;font:800 15px var(--font-display-stack);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.how h3{margin:0 0 6px;font-size:17px;font-weight:800}.how p{color:var(--ink-2);margin:0 0 14px;font-size:14.5px}.mini{font:13px "Google Sans Flex", var(--font-body-stack);color:#1f1f1f;background:#f8fafd;border:1px solid #e3e8ef;border-radius:10px;padding:12px}.mini .row{align-items:center;gap:8px;padding:4px 0;display:flex}.mini .cb{border:2px solid #5f6368;border-radius:3px;flex:none;width:16px;height:16px}.mini .cb.on{background:#0b57d0;border-color:#0b57d0;position:relative}.mini .cb.on:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.mini .banner{text-align:center;background:#fff;border-radius:6px;padding:7px 10px;font-size:12.5px}.mini .banner u{color:#0b57d0;background:#d3e3fd;border-radius:4px;padding:1px 4px;font-weight:600;text-decoration:none;animation:2s infinite tool-pulse}@keyframes tool-pulse{50%{box-shadow:0 0 0 4px #0b57d026}}.mini .bin{color:#041e49;background:#d3e3fd;border-radius:50%;place-items:center;width:30px;height:30px;display:inline-grid}.mini .l{background:#e3e8ef;border-radius:4px;flex:1;height:8px}.st-hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:44px;padding:40px 0 0;display:grid}@media (max-width:960px){.st-hero{grid-template-columns:1fr}}.st-hero h1{letter-spacing:-.03em;margin:14px 0 12px;font-size:clamp(2.2rem,5vw,3.7rem);font-weight:900;line-height:1.05}.st-hero h1 em{color:var(--hot);font-style:normal}.st-note{color:var(--ink-3);margin-top:14px;font-size:13px}.st-note a{color:var(--hot-2);font-weight:700}.gcard{padding:26px}.gtop{grid-template-columns:220px 1fr;align-items:center;gap:26px;display:grid}@media (max-width:560px){.gtop{grid-template-columns:1fr;justify-items:center}.gtop>div:last-child{width:100%}}.ring{width:220px;height:220px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{transition:stroke-dasharray .6s cubic-bezier(.3,1.2,.5,1),stroke-dashoffset .6s cubic-bezier(.3,1.2,.5,1)}.ring .mid{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring .mid b{font:900 42px/1 var(--font-display-stack);letter-spacing:-.03em}.ring .mid span{color:var(--ink-2);margin-top:4px;font-size:13px;font-weight:600}.legend{gap:10px;display:grid}.lg-r{align-items:center;gap:10px;font-size:14.5px;display:flex}.lg-r i{border-radius:4px;flex:none;width:12px;height:12px}.lg-r span{flex:1}.lg-r b{font:600 14px var(--font-mono-stack)}.st-status{font:700 13px var(--font-body-stack);border-radius:999px;align-items:center;gap:7px;margin-top:14px;padding:5px 12px 5px 9px;display:inline-flex}.st-status svg{width:15px;height:15px}.s-good{color:#1e5c31;background:#e6f4ea}.s-warn{color:#7a5600;background:#fdf3d8}.s-bad{color:#a1170f;background:#fde7e5}.gin{border-top:1px dashed #e2dad3;margin-top:22px;padding-top:20px}.inrows{gap:12px;display:grid}.inrow{grid-template-columns:14px 70px 1fr 96px;align-items:center;gap:12px;display:grid}.inrow .sw{border-radius:4px;width:12px;height:12px}.inrow label{font-size:14.5px;font-weight:700}.inrow input[type=range]{width:100%}.num{background:#fff;border:1.5px solid #e2dad3;border-radius:10px;align-items:center;display:flex;overflow:hidden}.num input{width:100%;font:600 14.5px var(--font-mono-stack);min-width:0;color:var(--ink);background:0 0;border:0;padding:7px 4px 7px 10px}.num input:focus{outline:0}.num:focus-within{border-color:var(--ink-3)}.num span{font:600 12px var(--font-body-stack);color:var(--ink-3);padding-right:9px}.st-plan{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:14px;font-weight:600;display:flex}.st-plan select{color:var(--ink);background:#fff;border:1.5px solid #e2dad3;border-radius:10px;padding:6px 10px;font-weight:700}.prog{font:700 14px var(--font-body-stack);align-items:center;gap:12px;margin-bottom:14px;display:flex}.prog .bar{background:var(--line);border-radius:4px;flex:1;height:8px;overflow:hidden}.prog .bar i{background:linear-gradient(90deg, #ff8a3d, var(--hot));border-radius:4px;height:100%;transition:width .4s;display:block}.hunts{gap:12px;display:grid}.hunt{grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:16px 18px;transition:opacity .2s;display:grid}.hunt .n{width:44px;height:44px;color:var(--hot);font:800 17px var(--font-display-stack);background:#fff1ea;border-radius:13px;place-items:center;display:grid}.hunt h3{margin:0;font-size:17px;font-weight:800}.hunt p{color:var(--ink-2);margin:3px 0 0;font-size:14px}.hunt code{font:500 12px var(--font-mono-stack);background:#f6f2ee;border-radius:5px;padding:1px 6px}.hunt .tacts{flex-wrap:nowrap}.hunt .ck{color:#0000;cursor:pointer;background:#fff;border:2px solid #ded5cc;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.hunt .ck:hover{border-color:#1e8e3e}.hunt.done{opacity:.6}.hunt.done .n{color:#1e8e3e;background:#e6f4ea}.hunt.done h3{text-decoration:line-through}.hunt.done .ck{color:#fff;background:#1e8e3e;border-color:#1e8e3e}.hunt.tip .n{color:#0b57d0;background:#e8f0fe}@media (max-width:640px){.hunt{grid-template-columns:36px 1fr}.hunt .n{width:36px;height:36px;font-size:15px}.hunt .tacts{grid-column:1/-1}}.again{grid-template-columns:1fr auto;align-items:center;gap:20px;padding:24px;display:grid}@media (max-width:700px){.again{grid-template-columns:1fr}}.again h3{margin:0;font-size:20px;font-weight:800}.again p{color:var(--ink-2);margin:6px 0 0;font-size:14.5px}.again .f{align-items:center;gap:10px;display:flex}.again .num{width:130px}.win{border-radius:12px;margin-top:14px;padding:14px 16px;font-weight:700;animation:.4s cubic-bezier(.3,1.6,.5,1) tool-pop}.win.good{color:#1e5c31;background:#e6f4ea}.win.same{color:#7a5600;background:#fdf3d8}.facts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:860px){.facts{grid-template-columns:1fr}}.fact{padding:20px}.fact .ic{width:40px;height:40px;color:var(--hot);background:#fff1ea;border-radius:12px;place-items:center;margin-bottom:12px;display:grid}.fact h3{margin:0 0 6px;font-size:17px;font-weight:800}.fact p{color:var(--ink-2);margin:0;font-size:14.5px}.burst{pointer-events:none;z-index:70;position:fixed;inset:0;overflow:hidden}.burst i{border-radius:2px;width:9px;height:14px;animation:1.6s cubic-bezier(.2,.6,.4,1) forwards tool-fall;position:absolute;top:-20px}@keyframes tool-fall{to{transform:translate(var(--x), 105vh) rotate(var(--r));opacity:.9}}@media (prefers-reduced-motion:reduce){.burst{display:none}.tbtn,.rc,.ring circle{transition:none}}.tool-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.tool-cards a{color:inherit;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.tool-cards a:hover{border-color:var(--hot);text-decoration:none;transform:translateY(-3px)}.tool-cards .ic{width:46px;height:46px;color:var(--hot);background:#fff1ea;border-radius:13px;place-items:center;display:grid}.tool-cards h2{margin:0;font-size:1.35rem;font-weight:800}.tool-cards p{color:var(--ink-2);margin:0}.tool-cards .go{font:700 15px var(--font-display-stack);color:var(--hot-2);margin-top:auto;padding-top:6px}
