.crumbs{color:var(--mute);flex-wrap:wrap;gap:8px;padding:18px 0 0;font-size:13px;display:flex}.crumbs a:hover{color:var(--primary)}.tools-hero{background:var(--bg-hero);border:1px solid var(--line);border-radius:28px;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:24px;margin-top:20px;padding:44px 48px;display:grid;position:relative;overflow:hidden}.tools-hero h1{margin:0;font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.25}.tools-hero .ch{transition:transform .5s var(--spring-big), color .3s;transition-delay:calc(var(--i) * 25ms);display:inline-block}.tools-hero h1:hover .ch{color:var(--primary);transform:translateY(-8px)rotate(-3deg)}.tools-hero .lead{max-width:34em;color:var(--mute);margin:16px 0 22px}.stats{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.stats li{background:var(--bg-2);border:1px solid var(--line);min-width:96px;transition:transform .45s var(--spring-big);border-radius:16px;justify-items:center;padding:10px 16px;display:grid}.stats li:hover{transform:translateY(-4px)rotate(-2deg)}.stats b{color:var(--primary);font-size:28px;line-height:1.2}.stats span{color:var(--mute);font-size:12px;font-weight:700}.th-chara{align-self:end;margin:-20px -30px -60px 0;position:relative}.th-one{position:relative}.th-one[hidden]{display:none}.th-chara img{width:100%;height:auto;transition:transform .8s var(--spring-big);filter:drop-shadow(0 14px 22px var(--shadow));display:block;transform:translateY(18%)rotate(4deg)}.tools-hero.shown .th-chara img{transition-delay:.3s;transform:translateY(6%)rotate(-3deg)}.tools-hero:hover .th-chara img{transition-delay:0s;transform:translateY(2%)rotate(2deg)scale(1.03)}.th-bubble{background:var(--bg-2);box-shadow:0 6px 18px var(--shadow);opacity:0;transition:opacity .3s, transform .5s var(--spring-big);border-radius:14px;padding:6px 14px;font-size:14px;font-weight:800;position:absolute;top:14%;left:-10px;transform:scale(.5)}.th-bubble:after{content:"";border:8px solid #0000;border-bottom:0;border-top-color:var(--bg-2);position:absolute;bottom:-7px;right:18px}.tools-hero.shown .th-bubble{opacity:1;transition-delay:.9s;transform:none}.tools-list{padding:56px 0 24px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.sec-head h2{margin:0;font-size:30px;font-weight:800}.filters{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--bg-2);color:var(--text);font:inherit;cursor:pointer;transition:transform .4s var(--spring), border-color .2s, background-color .2s;border-radius:999px;padding:4px 14px;font-size:14px;font-weight:700}.chip:hover{border-color:var(--primary);transform:translateY(-2px)scale(1.04)}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.tool-card{background:var(--bg-2);border:1px solid var(--line);height:100%;box-shadow:0 2px 0 var(--line);transition:transform .45s var(--spring), box-shadow .3s, border-color .3s;border-radius:20px;flex-direction:column;gap:8px;padding:22px 22px 18px;display:flex;position:relative}.tool-card:before{content:"";border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--primary) 14%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.tool-card:hover{border-color:var(--primary);box-shadow:0 16px 34px var(--shadow);transform:translateY(-6px)rotate(-.4deg)}.tool-card:hover:before{opacity:1}.tool-card.soon{border-style:dashed}.tc-top{justify-content:space-between;align-items:center;display:flex}.tc-icon{background:color-mix(in srgb, var(--primary) 14%, var(--bg-2));width:56px;height:56px;transition:transform .6s var(--spring-big);border-radius:16px;place-items:center;font-size:30px;display:grid}.tool-card:hover .tc-icon{transform:rotate(-12deg)scale(1.15)}.tc-status{color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.tc-status.live{color:var(--c-tips);background:color-mix(in srgb, var(--c-tips) 16%, transparent);border-color:#0000}.tc-name{margin-top:6px;font-size:20px;font-weight:800}.tc-title{font-weight:700;line-height:1.6}.tc-sum{color:var(--mute);font-size:14px;line-height:1.8}.tc-foot{color:var(--mute);justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.tc-foot .more{color:var(--primary);white-space:nowrap;font-size:13px;font-weight:800}.tool-card .arrow{transition:transform .45s var(--spring-big);display:inline-block}.tool-card:hover .arrow{transform:translate(6px)}.tool-li.pop-in{animation:popIn .55s var(--spring-big) both;animation-delay:var(--d)}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:none}}.letter-sec{padding:32px 0 8px}.letter-card{background:var(--bg-hero);border:2px dashed color-mix(in srgb, var(--primary) 45%, var(--line));transition:transform .45s var(--spring), border-color .3s, box-shadow .3s;border-radius:28px;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:16px;padding:32px 40px;display:grid;position:relative;overflow:hidden}.letter-card:hover{border-color:var(--primary)}.lt-text{justify-items:start;gap:10px;display:grid}.lt-text>*{margin:0}.lt-title{font-size:clamp(24px,3.4vw,32px);font-weight:800;line-height:1.35}.lt-sub{max-width:32em;color:var(--mute);line-height:1.8}.lt-text .btn3d{margin-top:6px}.lt-chara{color:inherit;font:inherit;background:0 0;border:0;margin:-28px -20px -40px 0;padding:0;position:relative}.lt-img[hidden]{display:none}.lt-bubble.pop-in{animation:popIn .5s var(--spring-big) both}.letter-sec[data-who=mike],.letter-sec[data-who=mike] *{cursor:url(/cursors/cookie.svg) 6 6,auto}.letter-sec[data-who=mike] :is(a,button),.letter-sec[data-who=mike] :is(a,button) *{cursor:url(/cursors/cookie-bite.svg) 6 6,pointer}.letter-sec[data-who=luna],.letter-sec[data-who=luna] *{cursor:url(/cursors/niboshi.svg) 27 7,auto}.letter-sec[data-who=luna] :is(a,button),.letter-sec[data-who=luna] :is(a,button) *{cursor:url(/cursors/niboshi-bite.svg) 27 7,pointer}.letter-sec[data-who=yume],.letter-sec[data-who=yume] *{cursor:url(/cursors/carrot.svg) 6 6,auto}.letter-sec[data-who=yume] :is(a,button),.letter-sec[data-who=yume] :is(a,button) *{cursor:url(/cursors/carrot-bite.svg) 6 6,pointer}.letter-sec[data-who=cocoa],.letter-sec[data-who=cocoa] *{cursor:url(/cursors/ice.svg) 9 5,auto}.letter-sec[data-who=cocoa] :is(a,button),.letter-sec[data-who=cocoa] :is(a,button) *{cursor:url(/cursors/ice-bite.svg) 9 5,pointer}.lt-chara img{width:100%;height:auto;transition:transform .6s var(--spring-big);filter:drop-shadow(0 12px 20px var(--shadow));display:block;transform:rotate(3deg)}.lt-chara:hover img{transform:rotate(-4deg)scale(1.06)}.lt-bubble{white-space:pre-line;text-align:left;background:var(--bg-2);border:2px solid var(--primary);width:max-content;box-shadow:0 6px 18px var(--shadow);opacity:0;transition:opacity .3s, transform .5s var(--spring-big);border-radius:16px;padding:8px 14px;font-size:14px;font-weight:800;line-height:1.5;position:absolute;top:4%;right:78%;transform:scale(.5)rotate(-6deg)}.lt-bubble:after{content:"";border:8px solid #0000;border-right:0;border-left-color:var(--primary);position:absolute;bottom:12px;right:-10px}.letter-sec.shown .lt-bubble{opacity:1;transition-delay:.5s;transform:rotate(-4deg)}.lt-chara:hover .lt-bubble{transition-delay:0s;transform:rotate(2deg)scale(1.06)}.faq-sec{max-width:860px;padding:48px 0 72px}.faq-title{margin:0 0 24px;font-size:30px;font-weight:800}.faq-list{gap:12px;margin-top:8px;display:grid}.qa{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;transition:border-color .2s,box-shadow .3s}.qa[open]{border-color:var(--primary);box-shadow:0 10px 26px var(--shadow)}.qa summary{cursor:pointer;align-items:center;gap:14px;padding:16px 20px;font-weight:800;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.q{width:32px;height:32px;color:var(--on-primary);background:var(--primary);transition:transform .45s var(--spring-big);border-radius:10px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.qa summary:hover .q{transform:rotate(-12deg)scale(1.1)}.pm{flex-shrink:0;width:16px;height:16px;margin-left:auto;position:relative}.pm:before,.pm:after{content:"";background:var(--mute);height:2px;transition:transform .45s var(--spring-big);border-radius:1px;position:absolute;top:7px;left:0;right:0}.pm:after{transform:rotate(90deg)}.qa[open] .pm:after{transform:rotate(0)}.a{color:var(--mute);gap:14px;padding:0 20px 18px;display:flex}.a p{margin:4px 0 0;line-height:1.9}.a-mark{background:color-mix(in srgb, var(--primary) 18%, var(--bg-2));color:var(--primary)}.qa[open] .a{animation:popIn .45s var(--spring) both}@media (width<=960px){.tools-hero{grid-template-columns:1fr;padding:32px 24px 0}.th-chara{justify-self:end;width:240px;margin:-40px -10px -40px 0}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tool-grid{grid-template-columns:1fr}.th-chara{width:200px}.letter-card{grid-template-columns:1fr;padding:28px 22px 0}.lt-chara{justify-self:end;width:200px;margin:-10px -6px -24px 0}.lt-bubble{top:14%;right:70%}.stats li{min-width:80px}}