@keyframes su-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes su-pop{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){html:not(.no-js) [data-reveal]:not(.is-in) .su-a{opacity:0}[data-reveal].is-in .su-a{animation:su-in .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * .12s)}html:not(.no-js) .su-cat:not(.is-in) .su-dot{transform:scale(0)}.su-cat.is-in .su-dot{animation:su-pop .25s ease-out both;animation-delay:calc(.35s + var(--i, 0) * .12s + var(--j, 0) * .08s)}}.su-bar{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(24px,3vw,36px)}.su-bar a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:var(--t-sm);font-weight:600;text-decoration:none;transition:border-color .15s ease,color .15s ease}.su-bar a:hover{border-color:var(--blue)}.su-bar a:hover,.su-bar b,.su-bar svg{color:var(--blue)}.su-bar b{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--blue-tint);font-size:.75rem;text-align:center}.su-gallery{display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}.su-cat{scroll-margin-top:96px}.su-cat-h{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:var(--t-1);color:var(--ink);letter-spacing:-.01em}.su-cat-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue) 0,var(--sky) 140%);color:#fff}.su-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}.su-card{display:flex;min-width:0}.su-card a{display:flex;flex-direction:column;gap:8px;width:100%;padding:18px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);color:var(--ink-2);text-decoration:none;box-shadow:0 18px 36px -30px rgba(10,20,40,.35);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.band--mist .su-card a{border-color:#d3dcea}.su-card a:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 22px 44px -30px rgba(20,78,224,.45)}.su-card-top{display:flex;align-items:center;justify-content:space-between}.su-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--blue-tint);color:var(--blue)}.su-card-go{color:var(--muted);transition:transform .15s ease,color .15s ease}.su-card a:hover .su-card-go{color:var(--blue);transform:translateX(3px)}.su-card b{font-size:var(--t-0);color:var(--ink);line-height:1.3;letter-spacing:-.01em}.su-card-one{font-size:var(--t-xs);line-height:1.45;color:var(--muted)}.su-card-stats{display:flex;gap:12px;margin-top:auto;padding-top:8px;border-top:1px dashed var(--line);font:600 .75rem/1 var(--font);color:var(--ink-2)}.su-card-stats span{display:inline-flex;align-items:center;gap:4px}.su-card-stats svg{color:var(--blue)}.su-dots{display:flex;align-items:center;gap:0;margin-top:4px}.su-dots .su-dot+.su-dot{margin-left:12px;position:relative}.su-dots .su-dot+.su-dot:before{content:"";position:absolute;right:100%;top:50%;width:12px;height:2px;margin-top:-1px;background:var(--line)}.su-dot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--blue)}.su-dot--gate{background:#d98a00}.su-dot--end{background:var(--go)}.su-dot--exit{background:transparent;border:2px solid #b8c3d4}.su-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;font-size:var(--t-xs);color:var(--muted)}.su-key span{display:inline-flex;align-items:center;gap:6px}.su-key svg{color:var(--blue)}.su-problem{margin:0;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:0 18px 36px -30px rgba(10,20,40,.35)}.su-problem-today{position:relative;padding:clamp(20px,3vw,30px);background:linear-gradient(180deg,#fdf1f0,var(--paper))}.su-problem-tag{display:inline-block;padding:4px 10px;border-radius:999px;background:#fbe7e5;color:var(--del);font:700 .75rem/1 var(--font);letter-spacing:.04em;text-transform:uppercase}.su-problem-icons{position:absolute;top:clamp(20px,3vw,30px);right:clamp(20px,3vw,30px);display:flex;gap:10px;color:#d9867f}.su-problem blockquote{margin:14px 0 0;font-size:var(--t-1);line-height:1.45;color:var(--ink);letter-spacing:-.005em}.su-problem-who{display:flex;align-items:flex-start;gap:10px;padding:14px clamp(20px,3vw,30px);border-top:1px solid var(--line);font-size:var(--t-sm);color:var(--ink-2)}.su-problem-who svg{flex:none;margin-top:3px;color:var(--blue)}.su-run{margin:0}.su-run-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:12px;counter-reset:su}.su-run-step{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 16px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);box-shadow:0 18px 36px -30px rgba(10,20,40,.35)}.su-run-step:not(:last-child):after{content:"";position:absolute;top:38px;right:-12px;width:12px;height:2px;background:var(--blue)}.su-run-step.is-gate{border-color:#f0c979;background:linear-gradient(180deg,var(--amber-tint),var(--paper) 60%)}.su-run-step.is-end{border-color:#a6dcc2;background:linear-gradient(180deg,var(--go-tint),var(--paper) 60%)}.su-run-node{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blue-tint);color:var(--blue)}.is-gate .su-run-node{background:#ffe3a8;color:var(--amber)}.is-end .su-run-node{background:#c9ecd9;color:var(--go)}.su-run-n{position:absolute;top:-4px;right:-6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:700 .7rem/1 var(--font)}.su-run-step b{font-size:var(--t-0);color:var(--ink);line-height:1.3}.su-gate{align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--amber-tint);color:var(--amber);font:600 .72rem/1.3 var(--font)}.su-run-body{line-height:1.5}.su-cap,.su-run-body{font-size:var(--t-xs);color:var(--muted)}.su-cap{margin-top:14px}@media (max-width:1000px){.su-run-row{grid-template-columns:repeat(2,minmax(0,1fr))}.su-run-step:after{display:none}}@media (max-width:560px){.su-run-row{grid-template-columns:minmax(0,1fr)}}.su-board{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.su-col{min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper)}.band--mist .su-col{border-color:#d3dcea}.su-col h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:var(--t-sm);color:var(--ink)}.su-col h3 b,.su-col h3 svg{color:var(--blue)}.su-col h3 b{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--blue-tint);font-size:.75rem}.su-col ol,.su-col ul{list-style:none;margin:0;padding:0;gap:7px}.su-col ol,.su-col ul,.su-recs li{display:flex;flex-direction:column}.su-recs li{gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--mist)}.su-recs li.is-main{background:var(--blue-tint);border-color:#b9cbf5}.su-recs b{font-size:.86rem;color:var(--ink)}.su-recs small{font-size:.72rem;color:var(--muted)}.su-stages,.su-stages li{position:relative}.su-stages li{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--ink)}.su-stages li:not(:last-child):after{content:"";position:absolute;left:5px;top:15px;width:2px;height:12px;background:var(--line)}.su-stages i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--blue)}.su-stage--gate i{background:#d98a00}.su-stage--end i{background:var(--go)}.su-stage--exit{color:var(--muted)!important}.su-stage--exit i{background:transparent;border:2px solid #b8c3d4}.su-stages small{padding:1px 7px;border-radius:999px;background:var(--amber-tint);color:var(--amber);font:600 .68rem/1.4 var(--font)}.su-autos li,.su-outs li{display:flex;flex-direction:column;gap:4px;font-size:.8rem;line-height:1.4;color:var(--ink-2)}.su-outs li{flex-direction:row;align-items:flex-start;gap:8px}.su-kind{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--night);color:#8fd6ff;font:600 .68rem/1.4 var(--font)}.su-doc{flex:none;display:grid;place-items:center;min-width:38px;height:22px;padding:0 5px;border-radius:5px;background:var(--go-tint);color:var(--go);font:700 .62rem/1 var(--mono)}.su-doc--screen{background:var(--blue-tint);color:var(--blue)}@media (max-width:1000px){.su-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.su-board{grid-template-columns:minmax(0,1fr)}}