.smoother-article{--sm-bg:#07111d;--sm-panel:#0d1b2a;--sm-line:#27415a;--sm-text:#dce9f5;--sm-muted:#94a9bd;--sm-lime:#c8ff3d;--sm-cyan:#42e8e0;--sm-violet:#a876ff;color:var(--sm-text)}
.smoother-article .article-featured,.smoother-article .smoother-poster img{display:block;width:100%;height:auto}.smoother-article .article-featured{max-width:1200px;margin:clamp(1.5rem,4vw,3rem) auto;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.38)}
.smoother-article .article-content h2,.smoother-article .article-content h3{scroll-margin-top:110px}.smoother-article .article-content h2{margin-top:3.2rem}.smoother-article .article-content h3{margin-top:1.5rem}.smoother-article .article-content p,.smoother-article .article-content li{color:var(--sm-muted)}.smoother-article .article-content code{color:#d5ff74}
.smoother-article .code-block{position:relative;margin:1.4rem 0;border:1px solid var(--sm-line);border-radius:18px;background:#050b12;overflow:auto}.smoother-article .code-block__label{display:block;padding:.7rem 1rem;border-bottom:1px solid var(--sm-line);color:var(--sm-cyan);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.smoother-article pre{margin:0;padding:1.2rem;color:#e4f1fb;font-size:.9rem;line-height:1.7}
.smoother-toc{margin:2rem 0;padding:1.4rem;border:1px solid var(--sm-line);border-radius:20px;background:rgba(13,27,42,.78)}.smoother-toc strong{display:block;margin-bottom:.8rem}.smoother-toc ol{columns:2;gap:2rem;margin:0;padding-left:1.2rem}.smoother-toc li{break-inside:avoid;margin:.35rem 0}.smoother-toc a{color:var(--sm-text)}
.smoother-poster{margin:2rem 0;padding:10px;background:linear-gradient(135deg,rgba(200,255,61,.32),rgba(66,232,224,.08),rgba(168,118,255,.28));border-radius:24px}.smoother-poster img{border-radius:17px}.smoother-poster figcaption{padding:.85rem .8rem .35rem;color:var(--sm-muted);font-size:.92rem}
.sm-flow{display:flex;align-items:stretch;gap:.55rem;margin:1.5rem 0;overflow:auto}.sm-flow span{display:grid;align-content:center;min-width:150px;min-height:100px;padding:1rem;border:1px solid var(--sm-line);border-radius:16px;background:linear-gradient(145deg,#102439,#09131f);color:var(--sm-cyan);font-weight:900;text-align:center}.sm-flow span:first-child{color:var(--sm-lime)}.sm-flow span:nth-of-type(3){color:var(--sm-violet)}.sm-flow small{display:block;margin-top:.45rem;color:var(--sm-muted);font-weight:500}.sm-flow i{align-self:center;color:var(--sm-lime);font-size:1.5rem;font-style:normal}
.sm-compare,.sm-mental,.sm-native,.sm-final{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.sm-compare--three,.sm-mental{grid-template-columns:repeat(3,1fr)}.sm-compare article,.sm-mental span,.sm-native span,.sm-final article{padding:1.25rem;border:1px solid var(--sm-line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}.sm-compare strong,.sm-mental span,.sm-native span,.sm-final strong{color:var(--sm-lime)}.sm-compare article:nth-child(even) strong,.sm-mental span:nth-child(even),.sm-native span:nth-child(even),.sm-final article:nth-child(even) strong{color:var(--sm-cyan)}.sm-compare p,.sm-final p{margin:.45rem 0 0}.sm-mental span,.sm-native span{font-weight:900}.sm-mental small,.sm-native small{display:block;margin-top:.4rem;color:var(--sm-muted);font-weight:500}
.sm-architecture{display:grid;gap:.75rem;margin:1.5rem 0;padding:1.3rem;border:1px solid var(--sm-line);border-radius:22px;background:#081521;text-align:center}.sm-architecture>span{padding:.8rem;border:1px solid rgba(200,255,61,.5);border-radius:12px;color:var(--sm-lime);font-weight:900}.sm-architecture>span small{display:block;color:var(--sm-muted);font-weight:500}.sm-architecture>b{padding:.9rem;border:2px solid var(--sm-cyan);border-radius:16px;color:var(--sm-cyan)}.sm-architecture>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:1rem;border:2px solid var(--sm-violet);border-radius:16px}.sm-architecture strong{grid-column:1/-1;color:var(--sm-violet)}.sm-architecture i{padding:.75rem;border:1px solid #4d3c70;border-radius:10px;color:var(--sm-muted);font-style:normal}
.sm-singleton,.sm-strategy,.sm-progressive{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;padding:1.4rem;border:1px solid var(--sm-line);border-radius:18px;background:#0a1826;text-align:center}.sm-singleton span,.sm-strategy span,.sm-progressive span{padding:.8rem 1rem;border:1px solid var(--sm-line);border-radius:12px}.sm-singleton strong,.sm-strategy strong{padding:.8rem 1rem;border:1px solid var(--sm-lime);border-radius:12px;color:var(--sm-lime)}.sm-singleton i,.sm-strategy i,.sm-progressive i{color:var(--sm-cyan);font-style:normal}.sm-progressive span{font-weight:900}.sm-progressive small{display:block;color:var(--sm-muted);font-weight:500}
.sm-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.5rem 0}.sm-scale span{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--sm-line);border-radius:16px;background:var(--sm-panel)}.sm-scale b{color:var(--sm-lime)}.sm-scale i{position:relative;height:7px;border-radius:10px;background:#192e42;overflow:hidden}.sm-scale i:after{content:"";display:block;width:var(--sm-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sm-lime),var(--sm-cyan))}.sm-scale small{color:var(--sm-muted)}
.sm-meter{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;margin:1.5rem 0;padding:1rem;border:1px solid var(--sm-line);border-radius:16px;background:#0a1826}.sm-meter span{grid-column:2;grid-row:1;height:8px;border-radius:10px;background:linear-gradient(90deg,var(--sm-lime) 0 var(--progress),#1a3044 var(--progress) 100%)}.sm-meter strong{grid-column:3;color:var(--sm-cyan)}.sm-velocity{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:1.5rem 0;padding:1.2rem;border:1px solid var(--sm-line);border-radius:18px;background:#0a1826}.sm-velocity i{grid-column:1/-1;height:7px;border-radius:10px;background:linear-gradient(90deg,var(--sm-cyan),var(--sm-lime),var(--sm-violet))}.sm-velocity strong{color:var(--sm-lime);text-align:center}.sm-velocity span:last-child{text-align:right}
.sm-scrollto{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.3rem 0}.sm-scrollto button,.smoother-lab button{min-height:42px;padding:.65rem 1rem;border:1px solid #36546e;border-radius:10px;background:#0a1826;color:var(--sm-text);font-weight:800;cursor:pointer}.sm-scrollto button:hover,.smoother-lab button:hover{border-color:var(--sm-cyan);color:var(--sm-cyan)}.sm-scrollto button:focus-visible,.smoother-lab button:focus-visible{outline:3px solid var(--sm-cyan);outline-offset:3px}
.sm-parallax{position:relative;min-height:270px;margin:1.5rem 0;border:1px solid var(--sm-line);border-radius:22px;background:radial-gradient(circle at 50% 70%,rgba(66,232,224,.14),transparent 45%),#081521;overflow:hidden}.sm-parallax span{position:absolute;left:50%;width:min(74%,520px);padding:1rem;border-radius:16px;text-align:center;font-weight:900;transform:translateX(-50%)}.sm-parallax span:nth-child(1){top:32px;border:1px solid var(--sm-violet);color:var(--sm-violet);background:rgba(168,118,255,.08)}.sm-parallax span:nth-child(2){top:104px;border:1px solid var(--sm-cyan);color:var(--sm-cyan);background:rgba(66,232,224,.08)}.sm-parallax span:nth-child(3){top:176px;border:1px solid var(--sm-lime);color:var(--sm-lime);background:rgba(200,255,61,.08)}
.sm-lag{display:flex;align-items:center;justify-content:center;gap:.65rem;margin:1.5rem 0;padding:2rem 1rem;border:1px solid var(--sm-line);border-radius:20px;background:#081521}.sm-lag span{padding:1rem;border:1px solid var(--sm-cyan);border-radius:14px;color:var(--sm-cyan);font-weight:900}.sm-lag span:first-child{border-color:var(--sm-lime);color:var(--sm-lime)}.sm-lag i{width:60px;border-top:2px dotted var(--sm-violet)}
.smoother-lab{margin:2rem 0;padding:clamp(1.2rem,3vw,2rem);border:1px solid #34536e;border-radius:26px;background:radial-gradient(circle at 85% 5%,rgba(168,118,255,.15),transparent 35%),linear-gradient(145deg,#0d2031,#07111d);box-shadow:0 25px 60px rgba(0,0,0,.28)}.smoother-lab__top{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}.smoother-lab__top h3{margin:.35rem 0}.smoother-lab__meters{display:grid;gap:.8rem}.smoother-lab__meters>div{padding:.9rem;border:1px solid var(--sm-line);border-radius:14px;background:rgba(0,0,0,.18)}.smoother-lab__meters small{color:var(--sm-muted)}.smoother-lab__meters strong{float:right;color:var(--sm-lime)}.smoother-lab__meters i{clear:both;display:block;height:6px;margin-top:.75rem;border-radius:8px;background:#193047;overflow:hidden}.smoother-lab__meters i span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--sm-lime),var(--sm-cyan));transform:scaleX(0);transform-origin:left}.smoother-lab__meters .velocity-line span{transform-origin:center}.smoother-lab__controls,.smoother-lab__nav{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0;align-items:center}.smoother-lab__controls>span{font-weight:900}.smoother-lab__controls button[aria-pressed=true]{border-color:var(--sm-lime);background:var(--sm-lime);color:#07111d}.smoother-lab__layers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;min-height:190px;align-items:center;padding:1.2rem;border:1px solid var(--sm-line);border-radius:18px;background:rgba(0,0,0,.18);overflow:hidden}.smoother-lab__layers article{padding:1.5rem 1rem;border:1px solid var(--sm-cyan);border-radius:16px;text-align:center;background:#0a1928}.smoother-lab__layers article:first-child{border-color:var(--sm-lime);color:var(--sm-lime)}.smoother-lab__layers article:last-child{border-color:var(--sm-violet);color:var(--sm-violet)}.smoother-lab__layers b,.smoother-lab__layers small{display:block}.smoother-lab__layers small{margin-top:.35rem;color:var(--sm-muted)}.smoother-lab__status{margin:1rem 0 0;color:var(--sm-cyan)!important;font-size:.9rem}
.sm-trigger-card{margin:1.5rem 0;padding:1.5rem;border:1px solid var(--sm-cyan);border-radius:20px;background:linear-gradient(145deg,rgba(66,232,224,.08),rgba(168,118,255,.06));transform-origin:left center}.sm-trigger-card span{display:block;color:var(--sm-lime);font-size:.78rem;font-weight:900;letter-spacing:.1em}.sm-trigger-card strong{display:block;margin:.4rem 0;font-size:1.35rem}.sm-trigger-card p{margin:0}
.sm-native,.sm-final{grid-template-columns:repeat(2,1fr)}.sm-mistakes,.sm-debug{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.5rem 0}.sm-mistakes span,.sm-debug li{padding:.9rem 1rem;border:1px solid var(--sm-line);border-radius:12px;background:#0b1927}.sm-mistakes span:before{content:"×";margin-right:.55rem;color:#ff8c8c;font-weight:900}.sm-debug{list-style:decimal;counter-reset:item;padding:0}.sm-debug li{list-style-position:inside}.smooth-story{display:grid;gap:1rem;margin:1.5rem 0}.smooth-story article{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1.3rem;border:1px solid var(--sm-line);border-radius:18px;background:linear-gradient(145deg,#0d1f30,#09131f)}.smooth-story article>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--sm-lime);border-radius:50%;color:var(--sm-lime);font-weight:900}.smooth-story article:nth-child(2)>span{border-color:var(--sm-cyan);color:var(--sm-cyan)}.smooth-story article:nth-child(3)>span{border-color:var(--sm-violet);color:var(--sm-violet)}.smooth-story h3,.smooth-story p{margin:0}.smooth-story p{margin-top:.35rem}
.sm-table{width:100%;border-collapse:collapse;margin:1.5rem 0}.sm-table th,.sm-table td{padding:.85rem;border:1px solid var(--sm-line);text-align:left}.sm-table th{background:#102439;color:var(--sm-lime)}.sm-table tr:nth-child(even){background:rgba(255,255,255,.025)}.sm-final{grid-template-columns:repeat(3,1fr)}.sm-next{margin:1.5rem 0;padding:1.4rem;border:1px solid var(--sm-violet);border-radius:20px;background:rgba(168,118,255,.07)}.sm-next span{color:var(--sm-violet);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sm-next h3{margin:.45rem 0}.sm-faq details{margin:.8rem 0;border:1px solid var(--sm-line);border-radius:14px;background:#0d1b2a}.sm-faq summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800}.sm-faq details p{padding:0 1.15rem 1rem}.sm-series-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem 0}.sm-series-nav a,.sm-series-nav span{padding:1.2rem;border:1px solid var(--sm-line);border-radius:16px}.sm-series-nav small{display:block;color:var(--sm-lime)}
@media (max-width:899px){.smoother-toc ol{columns:1}.sm-flow{display:grid}.sm-flow i{transform:rotate(90deg);justify-self:center}.sm-compare--three,.sm-mental,.sm-final{grid-template-columns:1fr 1fr}.sm-scale{grid-template-columns:1fr 1fr}.smoother-lab__top{grid-template-columns:1fr}.smoother-lab__layers{grid-template-columns:1fr}.sm-architecture>div{grid-template-columns:1fr}.sm-architecture strong{grid-column:auto}.sm-singleton,.sm-strategy,.sm-progressive{flex-wrap:wrap}}
@media (max-width:575px){.sm-compare,.sm-compare--three,.sm-mental,.sm-native,.sm-final,.sm-mistakes,.sm-debug,.sm-series-nav{grid-template-columns:1fr}.sm-scale{grid-template-columns:1fr}.sm-meter{grid-template-columns:auto 1fr auto}.sm-meter strong{grid-column:2}.smoother-lab__controls,.smoother-lab__nav,.sm-scrollto{display:grid}.sm-lag{flex-direction:column}.sm-lag i{width:2px;height:35px;border:0;border-left:2px dotted var(--sm-violet)}}
@media (prefers-reduced-motion:reduce){.smoother-article *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.sm-parallax span{transform:translateX(-50%)!important}.smoother-lab__layers article{transform:none!important}}