.mat{--soft:#c9c9c5;--raise:#121214;--lh-body:1.8;--lh-code:1.95;font-size:16px;line-height:var(--lh-body);letter-spacing:.01em}.mat h1,.mat h2,.mat h3{word-break:keep-all;overflow-wrap:anywhere}.mat-bar{align-items:center;gap:16px;margin-bottom:clamp(28px,3.4vw,48px);display:flex}.mat-bar>.mute{font-size:var(--fs-xs);letter-spacing:.1em;flex:none}.mat-rule{background:linear-gradient(90deg, var(--line-2), transparent);flex:1;min-width:24px;height:1px}.mat-bench{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"head kit""work kit";align-items:start;column-gap:clamp(32px,5vw,72px);display:grid}.mat-head{grid-area:head;min-width:0}.mat-work{grid-area:work;min-width:0}.mat-kit-col{grid-area:kit;position:sticky;top:96px}.mat-head .need{margin-bottom:18px}.mat-title{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.18}.mat-en{font-size:var(--fs-sm);text-transform:none;margin:14px 0 0}.mat-ask{margin:48px 0 0;font-size:19px;font-weight:500}.mat-paths{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;display:grid}.mat-path{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px 16px;padding:24px 16px 24px 0;display:grid;position:relative}.mat-path+.mat-path{border-left:1px solid var(--line);padding-left:20px}.mat-path img{filter:grayscale()brightness(.75);opacity:.55;width:52px;height:52px;transition:filter var(--dur-2), opacity var(--dur-2), transform var(--dur-2) var(--ease-out);grid-row:span 2}.mat-path b{color:var(--mute);transition:color var(--dur-1);font-size:19px;font-weight:700;line-height:1.3}.mat-path>span{font-size:var(--fs-sm);color:var(--mute);line-height:1.5}.mat-path:after{content:"";background:var(--paper);transform-origin:0;height:2px;transition:transform var(--dur-2) var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.mat-path+.mat-path:after{left:20px}.mat-path:hover img{opacity:.9}.mat-path[aria-selected=true] img{filter:none;opacity:1;transform:translateY(-2px)rotate(-4deg)}.mat-path[aria-selected=true] b{color:var(--paper)}.mat-path[aria-selected=true]:after{transform:scaleX(1)}.mat-kit{flex-direction:column;gap:20px;padding:28px;display:flex}.mat-kit-h{font-family:var(--f-display);letter-spacing:-.04em;margin:0;font-size:26px;font-weight:700;line-height:1}.mat-field{border:1px solid var(--line-2);background:var(--ink);height:48px;transition:border-color var(--dur-1);border-radius:12px;align-items:center;display:flex}.mat-field:focus-within{border-color:var(--paper)}.mat-field .mono{font-size:var(--fs-sm);color:var(--mute);text-transform:none;letter-spacing:0;white-space:nowrap;padding-left:14px}.mat-field input{min-width:0;height:100%;color:var(--paper);font-family:var(--f-mono);background:0 0;border:0;outline:0;flex:1;padding:0 14px 0 2px;font-size:15px}.mat-field input::placeholder{color:var(--line-2)}.mat-hint{font-size:var(--fs-sm);color:var(--mute);margin:-6px 0 0;line-height:1.6}.mat-links{margin:0;padding:0;list-style:none}.mat-links li+li{border-top:1px solid var(--line)}.mat-links a{color:inherit;cursor:pointer;grid-template-columns:20px minmax(0,1fr) 14px;align-items:center;gap:12px;padding:14px 2px;text-decoration:none;display:grid}.mat-links a>svg:first-child{color:var(--mute)}.mat-links b{font-weight:500;line-height:1.5;display:block}.mat-links small{font-size:var(--fs-xs);color:var(--mute);text-overflow:ellipsis;text-transform:none;letter-spacing:0;white-space:nowrap;margin-top:2px;line-height:1.5;display:block;overflow:hidden}.mat-arr{color:var(--mute);transition:transform var(--dur-1), color var(--dur-1)}.mat-links a:hover .mat-arr{color:var(--paper);transform:translate(2px,-2px)}.mat-links.off a{opacity:.35;cursor:not-allowed}.mat-kit-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mat-kit-row .btn{--h:44px;justify-content:center;padding:0 16px}.mat-chip{border:1px solid var(--line-2);height:34px;color:var(--paper);font:inherit;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:border-color var(--dur-1), background var(--dur-1), color var(--dur-1);background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;line-height:1;text-decoration:none;display:inline-flex}.mat-chip:hover{border-color:var(--paper)}.mat-chip.solid,.mat-chip.done{border-color:var(--paper);background:var(--paper);color:var(--ink);font-weight:600}.mat-chip[aria-disabled=true]{opacity:.5}.mat-panel{padding-top:64px;scroll-margin-top:96px}.mat-panel-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.mat-panel-h h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:28px;font-weight:700;line-height:1.25}.mat-panel-h p{font-size:var(--fs-sm);color:var(--mute);margin:0}.mat-note{background:var(--raise);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:22px 24px;display:flex}.mat-note b{margin-bottom:4px;font-weight:600;display:block}.mat-note span{font-size:var(--fs-sm);color:var(--mute)}.mat-slips{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px;margin-top:44px;display:grid}.mat-slip{flex-direction:column;gap:14px;min-width:0;display:flex}.mat-slip-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.mat-slip-top b{font-weight:600}.mat-slip-top .mono{font-size:var(--fs-xs)}.mat-slip pre{border:1px solid var(--line);background:var(--panel);font-family:var(--f-mono);font-size:13.5px;line-height:var(--lh-code);letter-spacing:0;color:var(--soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;flex:1;margin:0;padding:20px 22px}.mat-slip mark{color:var(--paper);background:#f4f4f21f;border-radius:4px;padding:2px 5px}.mat-meter{align-items:center;gap:14px;margin-top:28px;display:flex}.mat-track{background:var(--line);border-radius:3px;flex:1;max-width:280px;height:3px;overflow:hidden}.mat-track i{background:var(--paper);height:100%;transition:width .5s var(--ease-out);display:block}.mat-meter .mono{font-size:var(--fs-xs);color:var(--mute);font-variant-numeric:tabular-nums}.mat-steps{border-top:1px solid var(--line);margin:28px 0 0;padding:0;list-style:none}.mat-steps>li{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);gap:22px;padding:32px 0;display:grid}.mat-tick{border:1px solid var(--line-2);width:36px;height:36px;color:var(--paper);font:600 var(--fs-sm) var(--f-mono);cursor:pointer;transition:background var(--dur-1), border-color var(--dur-1), color var(--dur-1);background:0 0;border-radius:50%;place-items:center;display:grid}.mat-tick:hover{border-color:var(--paper)}.mat-steps .done .mat-tick{border-color:var(--paper);background:var(--paper);color:var(--ink)}.mat-step{flex-direction:column;gap:14px;min-width:0;padding-top:4px;display:flex}.mat-step>b{font-size:19px;font-weight:700;line-height:1.25}.mat-steps .done .mat-step>b{color:var(--mute)}.mat-step>p{color:var(--soft);margin:0}.mat-subs{counter-reset:s;font-size:var(--fs-sm);color:var(--soft);flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mat-subs li{counter-increment:s;gap:10px;display:flex}.mat-subs li:before{content:counter(s, lower-alpha);width:14px;font:var(--fs-xs) / 2.3 var(--f-mono);color:var(--mute);flex:none}.mat-acts{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.mat-faq{border-top:1px solid var(--line);margin:28px 0 0;padding:0;list-style:none}.mat-faq>li{border-bottom:1px solid var(--line)}.mat-faq summary{cursor:pointer;align-items:center;gap:12px;padding:26px 0;list-style:none;display:flex}.mat-faq summary::-webkit-details-marker{display:none}.mat-faq summary b{flex:1;font-weight:600}.mat-faq summary:hover b{text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px}.mat-faq summary svg{color:var(--mute);transition:transform var(--dur-2) var(--ease-out)}.mat-faq details[open] summary svg{color:var(--paper);transform:rotate(45deg)}.mat-fix{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:36px;padding-bottom:32px;display:grid}.mat-checks{flex-direction:column;gap:18px;display:flex}.mat-checks .mat-subs{font-size:var(--fs-md)}.mat-wall{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:inherit;align-items:center;gap:22px;margin-top:104px;padding:32px 0;text-decoration:none;display:flex}.mat-wall img{width:56px;height:56px;transition:transform var(--dur-2) var(--ease-out)}.mat-wall:hover img{transform:rotate(-6deg)translateY(-2px)}.mat-wall>span{flex-direction:column;flex:1;gap:4px;display:flex}.mat-wall b{font-size:19px}.mat-wall .mute{font-size:var(--fs-sm)}.mat-wall>svg{color:var(--mute);transition:transform var(--dur-1), color var(--dur-1)}.mat-wall:hover>svg{color:var(--paper);transform:translate(4px)}.mat-poster{max-width:none;max-height:none;color:var(--paper);background:0 0;border:0;margin:auto;padding:0}.mat-poster::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8}.mat-poster-in{flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.mat-poster-img{aspect-ratio:9/16;border:1px solid var(--line-2);background:var(--panel);border-radius:22px;place-items:center;width:min(340px,80vw,56.25dvh - 78.75px);display:grid;overflow:hidden}.mat-poster-img img{width:100%;height:100%;display:block}.mat-poster-row{gap:8px;display:flex}.mat-poster-row .btn{--h:44px}.mat-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--paper);color:var(--ink);font-size:var(--fs-sm);opacity:0;pointer-events:none;transition:opacity var(--dur-1), transform var(--dur-2) var(--ease-out);border-radius:999px;padding:10px 18px;font-weight:500;position:fixed;transform:translate(-50%,16px)}.mat-toast.on{opacity:1;transform:translate(-50%)}@media (max-width:1040px){.mat-bench{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""kit""work"}.mat-kit-col{margin-top:28px;position:static}.mat-kit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 28px;display:grid}.mat-kit>:not(.mat-links){grid-column:1}.mat-kit .mat-links{grid-area:1/2/span 4}.mat-kit-row{align-self:end}}@media (max-width:900px){.mat-toast{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}@media (max-width:720px){.mat-paths{border-bottom:0;grid-template-columns:1fr}.mat-path,.mat-path+.mat-path{border-left:0;border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);padding:18px 0}.mat-path img{width:44px;height:44px}.mat-path+.mat-path:after{left:0}.mat-kit{padding:24px;display:flex}.mat-panel{padding-top:52px}.mat-slips{grid-template-columns:1fr;gap:36px}.mat-steps>li{gap:16px;padding:26px 0}.mat-fix{grid-template-columns:1fr;gap:20px}.mat-note{flex-direction:column;align-items:flex-start}.mat-bar>.mute{display:none}}@media (prefers-reduced-motion:reduce){.mat-path img,.mat-path:after,.mat-track i,.mat-wall img{transition:none}}
