:root{--bg:#0b0d10;--bg-elevated:#12161c;--bg-soft:#181e27;--border:#2a3340;--text:#e8edf5;--text-muted:#8b97a8;--accent:#88eb5b;--accent-2:#5bc8eb;--accent-3:#eb9b5b;--accent-4:#c58beb;--danger:#eb5b7a;--font-sans:"Segoe UI", "PingFang TC", "Noto Sans TC", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", "JetBrains Mono", ui-monospace, monospace;--nav-width:280px;--radius:12px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto}body{min-height:100vh;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}.site-shell{grid-template-columns:var(--nav-width) 1fr;min-height:100vh;display:grid}.site-nav{border-right:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(#0e1218 0%,#0b0d10 100%);height:100vh;padding:1.5rem 1.25rem 2rem;position:sticky;top:0;overflow-y:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav__brand{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1rem;display:block}.site-nav__brand strong{letter-spacing:.02em;font-size:1.05rem;display:block}.site-nav__brand span{color:var(--text-muted);margin-top:.25rem;font-size:.8rem;display:block}.site-nav__section{margin-bottom:1.25rem}.site-nav__label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem;font-weight:600}.site-nav a{color:var(--text-muted);border-radius:8px;padding:.45rem .65rem;font-size:.9rem;transition:background .15s,color .15s;display:block}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--bg-soft);color:var(--text)}.site-nav a[aria-current=page]{box-shadow:inset 2px 0 0 var(--accent)}.site-main{min-width:0}.page{max-width:920px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.page--wide{max-width:1100px}.page--full{max-width:none;padding:0}.eyebrow{border:1px solid var(--border);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;margin:0 0 .75rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2}h2{margin:0 0 .75rem;font-size:1.35rem}h3{margin:0 0 .5rem;font-size:1.05rem}.lead{color:var(--text-muted);max-width:62ch;margin:0 0 1.5rem;font-size:1.05rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:1.5rem 0 2.5rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-direction:column;gap:.5rem;padding:1.15rem 1.2rem;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:#3d4a5c;transform:translateY(-2px)}.card__tag{color:var(--accent-2);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.card__title{margin:0;font-size:1.05rem}.card__desc{color:var(--text-muted);margin:0;font-size:.9rem}.note{border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);background:#88eb5b14;margin:1.25rem 0;padding:.9rem 1rem;font-size:.92rem}.note strong{color:var(--text)}.note--warn{border-left-color:var(--accent-3);background:#eb9b5b1a}.note--tip{border-left-color:var(--accent-2);background:#5bc8eb1a}.checklist{color:var(--text-muted);margin:1rem 0 1.5rem;padding-left:1.2rem}.checklist li{margin-bottom:.4rem}.checklist code{background:var(--bg-soft);color:var(--accent);border-radius:4px;padding:.1rem .35rem;font-size:.85em}.demo-hero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 80% 60% at 10% 0%, #88eb5b14, transparent 55%), radial-gradient(ellipse 60% 50% at 90% 20%, #5bc8eb12, transparent 50%), var(--bg);padding:2.5rem 1.5rem 1.5rem}.demo-hero__inner{max-width:920px;margin:0 auto}.demo-guide{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg, #88eb5b0f, transparent 55%), var(--bg-elevated);margin:0 0 1.25rem;padding:1rem 1.1rem 1.05rem}.demo-guide__title{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.72rem;font-weight:700}.demo-guide__summary{color:var(--text);max-width:62ch;margin:0 0 .85rem;font-size:.98rem;line-height:1.55}.demo-guide__list{gap:.55rem;margin:0;display:grid}.demo-guide__item{grid-template-columns:3.5rem 1fr;align-items:start;gap:.65rem;display:grid}.demo-guide__item dt{color:var(--accent-2);letter-spacing:.04em;text-transform:uppercase;margin:0;padding-top:.1rem;font-size:.72rem;font-weight:700}.demo-guide__item dd{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.card__guide{border-top:1px solid var(--border);color:var(--text-muted);margin:.15rem 0 0;padding-top:.55rem;font-size:.82rem;line-height:1.45}.demo-stage{position:relative}.demo-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex;position:relative}.demo-section--tall{min-height:160vh}.demo-section--pin-space{min-height:auto}.demo-label{z-index:2;color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);backdrop-filter:blur(6px);background:#00000073;border-radius:6px;padding:.3rem .65rem;position:absolute;top:1.25rem;left:1.25rem}.box{color:#0b0d10;will-change:transform;border-radius:16px;place-items:center;width:96px;height:96px;font-weight:700;display:grid;box-shadow:0 12px 40px #00000059}.box--green{background:var(--accent)}.box--cyan{background:var(--accent-2)}.box--orange{background:var(--accent-3)}.box--purple{background:var(--accent-4)}.box--pink{background:var(--danger)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);width:min(100%,720px);padding:1.5rem}.hud{z-index:50;border:1px solid var(--border);backdrop-filter:blur(8px);min-width:180px;font-family:var(--font-mono);background:#12161ceb;border-radius:10px;padding:.85rem 1rem;font-size:.8rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 30px #0006}.hud dt{color:var(--text-muted);margin:0}.hud dd{color:var(--accent);margin:0 0 .45rem;font-weight:600}.hud dd:last-child{margin-bottom:0}.track{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;width:min(100%,640px);height:12px;position:relative;overflow:hidden}.track__fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:inherit;width:0%;height:100%}.cards-row{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;display:flex}.fade-card{background:var(--bg-elevated);border:1px solid var(--border);width:140px;height:100px;color:var(--text-muted);opacity:0;border-radius:12px;place-items:center;font-weight:600;display:grid;transform:translateY(40px)}.pin-panel{border-block:1px solid var(--border);background:linear-gradient(160deg,#121820,#0b0d10 60%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.pin-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.pin-stack{align-items:center;gap:1rem;display:flex}.horizontal-shell{border-block:1px solid var(--border);background:#0a0e14;width:100%;height:100vh;overflow:hidden}.horizontal-track{will-change:transform;width:max-content;height:100%;display:flex}.h-panel{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;width:100vw;height:100%;padding:2rem;display:flex}.h-panel:first-child{background:linear-gradient(135deg,#132018,#0b0d10)}.h-panel:nth-child(2){background:linear-gradient(135deg,#102028,#0b0d10)}.h-panel:nth-child(3){background:linear-gradient(135deg,#241810,#0b0d10)}.h-panel:nth-child(4){background:linear-gradient(135deg,#1a1224,#0b0d10)}.parallax-wrap{border-radius:var(--radius);border:1px solid var(--border);width:min(100%,480px);height:280px;position:relative;overflow:hidden}.parallax-layer{place-items:center;font-size:1.1rem;font-weight:700;display:grid;position:absolute;inset:0}.parallax-layer--back{color:var(--text-muted);background:linear-gradient(160deg,#1a2838,#0d1218)}.parallax-layer--mid{color:var(--accent);background:radial-gradient(circle at 40% 40%,#88eb5b40,#0000 55%)}.parallax-layer--front{color:var(--text);background:0 0;font-size:1.5rem}.snap-panel{border-bottom:1px solid var(--border);letter-spacing:-.03em;place-items:center;min-height:100vh;font-size:clamp(2rem,6vw,4rem);font-weight:800;display:grid}.snap-panel:first-child{color:var(--accent);background:#10161c}.snap-panel:nth-child(2){color:var(--accent-2);background:#0f171c}.snap-panel:nth-child(3){color:var(--accent-3);background:#16120f}.snap-panel:nth-child(4){color:var(--accent-4);background:#14101a}.spacer{min-height:50vh;color:var(--text-muted);place-items:center;font-size:.95rem;display:grid}.code-block{border:1px solid var(--border);color:#c5d0de;background:#080a0d;border-radius:10px;margin:1rem 0 0;padding:1rem 1.1rem;font-size:.82rem;line-height:1.55;overflow-x:auto}.code-block--live{border-color:#88eb5b47;position:relative;box-shadow:inset 0 0 0 1px #88eb5b0f}.code-block--live:before{content:"LIVE";color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;pointer-events:none;background:#88eb5b24;border:1px solid #88eb5b59;border-radius:4px;padding:.12rem .4rem;font-size:.62rem;font-weight:700;position:absolute;top:.55rem;right:.65rem}.code-block--live code{padding-right:3.2rem;display:block}.code-block .kw{color:#c58beb}.code-block .str{color:#88eb5b}.code-block .num{color:#eb9b5b}.code-block .cm{color:#5d6b7c}.demo-gui{left:calc(var(--nav-width) + 1rem);z-index:80;width:min(300px, calc(100vw - var(--nav-width) - 2rem));border:1px solid var(--border);backdrop-filter:blur(12px);color:var(--text);background:#0e1218f0;border-radius:14px;font-size:.8rem;position:fixed;bottom:1rem;overflow:hidden;box-shadow:0 12px 40px #00000073}.demo-gui__toggle{width:100%;color:inherit;font:inherit;letter-spacing:.02em;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.5rem;margin:0;padding:.75rem .9rem;font-weight:600;display:flex}.demo-gui__toggle:hover{background:#ffffff08}.demo-gui__toggle-icon{width:1.5rem;height:1.5rem;color:var(--accent);background:#88eb5b1f;border-radius:6px;place-items:center;font-size:.85rem;display:grid}.demo-gui__toggle-label{flex:1}.demo-gui__chevron{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:.45rem;height:.45rem;margin-bottom:.2rem;transition:transform .2s;transform:rotate(45deg)}.demo-gui[data-open=true] .demo-gui__chevron{margin-bottom:-.15rem;transform:rotate(-135deg)}.demo-gui__body{border-top:1px solid var(--border);max-height:min(60vh,480px);padding:0 .9rem .9rem;display:none;overflow-y:auto}.demo-gui[data-open=true] .demo-gui__body{display:block}.demo-gui__hint{color:var(--text-muted);margin:.7rem 0 .85rem;font-size:.72rem;line-height:1.45}.demo-gui__fields{flex-direction:column;gap:.75rem;display:flex}.demo-gui__row{flex-direction:column;gap:.35rem;display:flex}.demo-gui__row-head{align-items:center;gap:.5rem;min-height:1.25rem;display:flex}.demo-gui__label{color:var(--text-muted);cursor:pointer;flex:1;font-size:.75rem;font-weight:500}.demo-gui__value{font-family:var(--font-mono);color:var(--accent);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:48%;font-size:.72rem;font-weight:600;overflow:hidden}.demo-gui__range{appearance:none;background:var(--bg-soft);cursor:pointer;border-radius:999px;outline:none;width:100%;height:.35rem;margin:.15rem 0 .1rem}.demo-gui__range::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:grab;border:2px solid #0b0d10;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #88eb5b66}.demo-gui__range::-moz-range-thumb{background:var(--accent);cursor:grab;border:2px solid #0b0d10;border-radius:50%;width:14px;height:14px}.demo-gui__select,.demo-gui__text{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;outline:none;padding:.4rem .5rem;font-size:.75rem}.demo-gui__select:focus,.demo-gui__text:focus{border-color:#3d4a5c;box-shadow:0 0 0 2px #88eb5b26}.demo-gui__select{cursor:pointer}.demo-gui__switch-wrap{cursor:pointer;align-items:center;margin-left:auto;display:inline-flex;position:relative}.demo-gui__switch{opacity:0;width:0;height:0;position:absolute}.demo-gui__switch-ui{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;width:36px;height:20px;transition:background .15s,border-color .15s;position:relative}.demo-gui__switch-ui:after{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.demo-gui__switch:checked+.demo-gui__switch-ui{background:#88eb5b33;border-color:#88eb5b73}.demo-gui__switch:checked+.demo-gui__switch-ui:after{background:var(--accent);transform:translate(16px)}.demo-gui__switch:focus-visible+.demo-gui__switch-ui{box-shadow:0 0 0 2px #88eb5b4d}.skill-page{padding-bottom:4rem}.skill-meta{border-bottom:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:0 0 1.75rem;padding-bottom:1.25rem;font-size:.85rem;display:flex}.skill-meta__item code{background:var(--bg-soft);color:var(--accent-2);border-radius:4px;padding:.1rem .35rem;font-size:.8em}.skill-meta__link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.skill-zh{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:linear-gradient(145deg, #88eb5b12, transparent 50%), linear-gradient(220deg, #5bc8eb0d, transparent 45%), var(--bg-elevated);margin:0 0 2.5rem;padding:1.35rem 1.4rem 1.5rem}.skill-zh__header{margin-bottom:1.15rem}.skill-zh__header h2{margin:0 0 .35rem;font-size:1.2rem}.skill-zh__header p{color:var(--text-muted);margin:0;font-size:.9rem}.skill-zh__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;margin-bottom:1.15rem;display:grid}.skill-zh__card{border:1px solid var(--border);border-radius:var(--radius);background:#0b0d1073;padding:.95rem 1rem}.skill-zh__card h3{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .55rem;font-size:.82rem;font-weight:700}.skill-zh__card ul{color:var(--text-muted);margin:0;padding-left:1.05rem;font-size:.88rem;line-height:1.55}.skill-zh__card li{margin-bottom:.4rem}.skill-zh__card li:last-child{margin-bottom:0}.skill-zh__pitfalls{border-radius:var(--radius);border-left:3px solid var(--accent-3);background:#eb9b5b14;margin-top:.25rem;padding:.9rem 1rem}.skill-zh__pitfalls h3{color:var(--accent-3);margin:0 0 .4rem;font-size:.9rem}.skill-zh__pitfalls .checklist{margin:0}.skill-zh__related{margin-top:1.15rem}.skill-zh__related h3{color:var(--text-muted);margin:0 0 .55rem;font-size:.9rem}.skill-zh__chips{flex-wrap:wrap;gap:.5rem;display:flex}.skill-zh__chips a{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);border-radius:999px;padding:.35rem .7rem;font-size:.82rem;transition:border-color .15s,color .15s}.skill-zh__chips a:hover{color:var(--text);border-color:#3d4a5c}.skill-original{margin-bottom:2.5rem}.skill-original__header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.85rem}.skill-original__header h2{margin:0 0 .35rem}.skill-original__header p{color:var(--text-muted);margin:0;font-size:.9rem}.skill-original__header code{background:var(--bg-soft);color:var(--accent);border-radius:4px;padding:.1rem .35rem;font-size:.85em}.skill-md{color:var(--text-muted);font-size:.95rem;line-height:1.65}.skill-md>:first-child{margin-top:0}.skill-md h1{color:var(--text);margin:0 0 1rem;font-size:1.65rem}.skill-md h2{border-top:1px solid var(--border);color:var(--text);margin:2rem 0 .75rem;padding-top:.5rem;font-size:1.2rem}.skill-md h2:first-of-type{border-top:none;padding-top:0}.skill-md h3{color:var(--text);margin:1.35rem 0 .55rem;font-size:1.02rem}.skill-md h4{color:var(--text);margin:1.1rem 0 .45rem;font-size:.95rem}.skill-md p{margin:0 0 .9rem}.skill-md a{color:var(--accent-2);text-underline-offset:2px;text-decoration:underline}.skill-md ul,.skill-md ol{margin:0 0 1rem;padding-left:1.35rem}.skill-md li{margin-bottom:.35rem}.skill-md code{background:var(--bg-soft);color:var(--accent);border-radius:4px;padding:.12rem .35rem;font-size:.86em}.skill-md pre{border:1px solid var(--border);background:#080a0d;border-radius:10px;margin:0 0 1.15rem;padding:1rem 1.1rem;font-size:.82rem;line-height:1.55;overflow-x:auto}.skill-md pre code{color:#c5d0de;font-size:inherit;background:0 0;padding:0}.skill-md table{border-collapse:collapse;width:100%;margin:0 0 1.15rem;font-size:.88rem}.skill-md th,.skill-md td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem .7rem}.skill-md th{background:var(--bg-soft);color:var(--text);font-weight:600}.skill-md td{background:#12161c80}.skill-md blockquote{border-left:3px solid var(--accent-2);color:var(--text-muted);background:#5bc8eb14;margin:0 0 1rem;padding:.65rem .9rem}.skill-md hr{border:0;border-top:1px solid var(--border);margin:1.75rem 0}.skill-md strong{color:var(--text)}.skill-pager{border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.75rem;padding-top:1.5rem;display:grid}.skill-pager__link{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-direction:column;gap:.25rem;min-width:0;padding:.85rem 1rem;transition:border-color .15s;display:flex}.skill-pager__link:hover{border-color:#3d4a5c}.skill-pager__link--next{text-align:right;justify-self:end}.skill-pager__link--empty{pointer-events:none;background:0 0;border:0}.skill-pager__dir{color:var(--text-muted);font-size:.75rem}.skill-pager__title{color:var(--text);font-size:.92rem;font-weight:600}.skill-pager__all{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-self:center;padding:.5rem .85rem;font-size:.82rem}.skill-pager__all:hover{color:var(--text);border-color:#3d4a5c}.home-cat{margin-bottom:.5rem}.home-cat__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.25rem;display:flex}.home-cat__head h2{margin:0}.home-cat__skill{color:var(--text-muted);font-size:.82rem;font-family:var(--font-mono)}.home-cat__skill:hover{color:var(--accent-2)}.playground{max-width:960px;margin:0 auto;padding:2rem 1.5rem 6rem}.playground__stage{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:radial-gradient(ellipse 70% 80% at 50% 0%, #5bc8eb0f, transparent 55%), var(--bg-elevated);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:320px;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.playground__stage--tall{min-height:420px}.playground__stage--wide{max-width:none}.playground__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.btn{appearance:none;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.btn:hover{background:#1c2430;border-color:#3d4a5c}.btn--accent{color:var(--accent);background:#88eb5b1f;border-color:#88eb5b73}.btn--accent:hover{background:#88eb5b33}.btn--ghost{background:0 0}.btn--compact{border-radius:6px;padding:.28rem .55rem;font-size:.72rem}.btn[aria-pressed=true]{color:var(--accent-2);background:#5bc8eb26;border-color:#5bc8eb80}.stagger-grid{grid-template-columns:repeat(6,1fr);gap:.55rem;width:min(100%,360px);display:grid}.stagger-cell{aspect-ratio:1;background:var(--accent);opacity:.85;border-radius:10px}.method-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.5rem 2rem;display:flex}.method-col{flex-direction:column;align-items:center;gap:.65rem;min-width:100px;display:flex}.method-col__label{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono);margin:0}.playground__stage--methods{justify-content:flex-start;align-items:stretch;gap:1rem;min-height:0;overflow:visible}.method-stack{flex-direction:column;gap:.85rem;width:100%;max-width:720px;margin:0 auto;display:flex}.method-group{align-items:center;gap:.85rem 1.1rem;width:100%;min-height:5.5rem;display:flex}.method-group--fromTo{align-items:stretch}.method-group__visual{flex-direction:column;flex:0 0 210px;align-items:flex-start;gap:.45rem;width:210px;display:flex}.method-group__head{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.method-group__label{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono);margin:0}.method-group__actions{flex-wrap:wrap;gap:.3rem;display:flex}.method-group__lane{justify-content:flex-start;align-items:center;width:100%;height:96px;display:flex;position:relative}.method-group__lane .box{flex-shrink:0}.method-group__params{border:1px solid var(--border);background:#00000038;border-radius:10px;flex-direction:column;flex:1;gap:.45rem;width:100%;min-width:0;padding:.55rem .65rem .6rem;display:flex}.method-group__params--split{grid-template-columns:1fr 1fr;align-items:start;gap:.55rem .75rem;display:grid}.method-group__param-block{flex-direction:column;gap:.35rem;min-width:0;display:flex}.method-group__param-title{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.68rem;font-weight:600}.method-group__param-block .demo-gui-inline{background:0 0;border:0;border-radius:0;flex-direction:column;gap:.4rem;padding:0;display:flex}.method-group__params.demo-gui-inline,.demo-gui-inline{flex-direction:column;gap:.45rem;display:flex}.method-stack__hint{color:var(--text-muted);text-align:center;max-width:52ch;margin:.15rem auto 0;font-size:.82rem;line-height:1.45}.demo-gui__row--inline{gap:.25rem}.demo-gui__row--inline .demo-gui__label{font-size:.68rem}.demo-gui__row--inline .demo-gui__value{max-width:42%;font-size:.66rem}.demo-gui__row--inline .demo-gui__range{margin:.05rem 0 0}.demo-gui__row--inline .demo-gui__select,.demo-gui__row--inline .demo-gui__text{padding:.3rem .4rem;font-size:.7rem}@media (width<=720px){.method-group,.method-group--fromTo{flex-direction:column;align-items:stretch;min-height:0}.method-group__visual{flex:none;width:100%}.method-group__lane{min-height:96px}.method-group__params--split{grid-template-columns:1fr}}.timeline-viz{flex-direction:column;gap:.65rem;width:min(100%,520px);display:flex}.timeline-row{grid-template-columns:2rem 1fr;align-items:center;gap:.65rem;display:grid}.timeline-row__id{font-family:var(--font-mono);color:var(--accent);font-size:.8rem;font-weight:700}.timeline-bar{background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;height:28px;position:relative;overflow:hidden}.timeline-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0%;height:100%}.flip-board{gap:.65rem;width:min(100%,420px);transition:none;display:grid}.flip-board[data-layout=grid]{grid-template-columns:repeat(3,1fr)}.flip-board[data-layout=list]{grid-template-columns:1fr;max-width:280px}.flip-card{aspect-ratio:1.2;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;border-radius:12px;place-items:center;font-size:1.25rem;font-weight:800;display:grid}.flip-board[data-layout=list] .flip-card{aspect-ratio:auto;justify-content:flex-start;min-height:52px;padding-left:1.25rem}.flip-card:first-child{color:var(--accent);background:#88eb5b33}.flip-card:nth-child(2){color:var(--accent-2);background:#5bc8eb33}.flip-card:nth-child(3){color:var(--accent-3);background:#eb9b5b33}.flip-card:nth-child(4){color:var(--accent-4);background:#c58beb33}.flip-card:nth-child(5){color:var(--danger);background:#eb5b7a2e}.flip-card:nth-child(6){color:var(--accent);background:#88eb5b1f}.flip-scroll-scene{position:relative}.flip-scroll-pin{background:radial-gradient(ellipse 60% 50% at 50% 40%, #5bc8eb0f, transparent 60%), var(--bg);border-bottom:1px solid var(--border);flex-direction:column;justify-content:stretch;align-items:stretch;min-height:100vh;display:flex;position:relative;overflow:hidden}.flip-scroll-pin>.demo-label{z-index:5;pointer-events:none;position:absolute;top:1.1rem;left:1.25rem}.flip-scroll-frame{flex:1;place-items:center;width:100%;min-height:100vh;display:grid;position:relative}.flip-scroll-frame--corner{place-items:stretch stretch}.flip-expand{color:#0b0d10;will-change:transform;background:linear-gradient(145deg,#88eb5b59,#5bc8eb40);border:1px solid #88eb5b73;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:80px;height:80px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000059}.flip-expand--center.is-full,.flip-expand--corner.is-full{border-color:#0000;border-radius:0;width:100%;height:100%}.flip-expand--corner{background:linear-gradient(145deg,#eb9b5b73,#c58beb4d);border-color:#eb9b5b80;width:72px;height:72px;position:absolute;bottom:1.5rem;left:1.5rem}.flip-expand--corner.is-full{inset:0}.flip-expand__tag{font-size:1.35rem;line-height:1}.flip-expand__caption{text-align:center;opacity:.75;max-width:16ch;margin:0;font-size:.72rem;font-weight:600;line-height:1.3}.flip-expand.is-full .flip-expand__tag{font-size:clamp(2.5rem,8vw,5rem)}.flip-expand.is-full .flip-expand__caption{opacity:.9;max-width:28ch;font-size:1rem}.flip-gallery{box-sizing:border-box;flex:1;grid-template-columns:1fr 1.4fr 1fr;align-items:stretch;gap:.75rem;width:100%;min-height:100vh;padding:4.5rem 1.25rem 1.5rem;display:grid}.flip-gallery__item{border:1px solid var(--border);color:var(--accent-2);background:#5bc8eb1f;border-radius:16px;place-items:center;min-height:0;font-size:1.25rem;font-weight:800;display:grid;overflow:hidden}.flip-gallery__item--hero{color:#0b0d10;background:linear-gradient(160deg,#c58beb59,#5bc8eb33);border-color:#c58beb73;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.flip-gallery[data-expanded=true]{grid-template-columns:0fr 1fr 0fr;gap:0;padding:0}.flip-gallery[data-expanded=true] .flip-gallery__item[data-role=side]{opacity:0;pointer-events:none;border:0;min-width:0}.flip-gallery[data-expanded=true] .flip-gallery__item--hero{border:0;border-radius:0;width:100%;height:100%}.flip-gallery[data-expanded=true] .flip-expand__tag{font-size:clamp(2.5rem,8vw,5rem)}.flip-gallery[data-expanded=true] .flip-expand__caption{opacity:1;max-width:28ch;font-size:1rem}.flip-lightbox-stage{gap:.85rem}.flip-lightbox__lead{color:var(--text-muted);text-align:center;margin:0;font-size:.85rem}.flip-lightbox{width:min(100%,480px)}.flip-lightbox__grid{grid-template-columns:repeat(4,1fr);gap:.55rem;width:100%;display:grid}.flip-lightbox__cell{aspect-ratio:1;min-width:0;min-height:0}.flip-lightbox__card{appearance:none;border:1px solid color-mix(in srgb, hsl(var(--card-hue,140) 70% 55%) 45%, var(--border));background:linear-gradient(145deg, hsla(var(--card-hue,140), 70%, 55%, .42), hsla(calc(var(--card-hue,140) + 40), 65%, 50%, .28));color:#0b0d10;width:100%;height:100%;font:inherit;cursor:pointer;border-radius:12px;place-items:center;margin:0;padding:0;font-weight:800;transition:filter .15s,border-color .15s;display:grid;box-shadow:0 8px 24px #00000047}.flip-lightbox__card:hover{filter:brightness(1.08)}.flip-lightbox__card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flip-lightbox__num{font-size:clamp(.95rem,2.5vw,1.25rem);line-height:1}.flip-lightbox__layer{z-index:120;box-sizing:border-box;backdrop-filter:blur(6px);visibility:hidden;opacity:0;background:#06080cb8;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.flip-lightbox__layer[data-open=true]{visibility:visible}.flip-lightbox__close{z-index:2;position:absolute;top:1rem;right:1rem}.flip-lightbox__layer .flip-lightbox__card.is-lightbox{cursor:default;border-radius:20px;width:min(92vw,560px);max-width:100%;height:min(78vh,560px);box-shadow:0 24px 80px #0000008c}.flip-lightbox__layer .flip-lightbox__card.is-lightbox .flip-lightbox__num{font-size:clamp(2.5rem,10vw,5rem)}html.flip-lightbox-active{overflow:hidden}.flip-scroll-pin.flip-reparent-pin{overflow:visible}.flip-reparent{box-sizing:border-box;flex:1;width:100%;min-height:100vh;position:relative}.flip-reparent__target{z-index:1;box-sizing:border-box;background:radial-gradient(70% 60% at 50% 45%,#5bc8eb12,#0000 65%),#0000002e;border:1px dashed #5bc8eb47;border-radius:0;position:absolute;inset:0;overflow:visible}.flip-reparent__hint{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:600}.flip-reparent__hint--on-target{z-index:2;color:#88eb5bb3;pointer-events:none;position:absolute;top:4.25rem;right:1.25rem}.flip-reparent__origin{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:.55rem;display:flex;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.flip-reparent__note{max-width:18ch;color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.4}.flip-reparent__slot{box-sizing:border-box;background:#88eb5b0d;border:1px dashed #88eb5b73;border-radius:18px;place-items:center;width:96px;height:96px;display:grid}.flip-expand--reparent{z-index:5;color:#0b0d10;background:linear-gradient(145deg,#5bc8eb73,#88eb5b47);border-color:#5bc8eb8c;width:80px;height:80px;position:relative}.flip-reparent__target .flip-expand--reparent{z-index:3;border-color:#0000;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.flip-reparent__target .flip-expand--reparent .flip-expand__tag{font-size:clamp(2.5rem,8vw,5rem)}.flip-reparent__target .flip-expand--reparent .flip-expand__caption{opacity:.9;max-width:28ch;font-size:1rem}@media (width<=720px){.flip-gallery{grid-template-columns:.7fr 1.6fr .7fr;gap:.45rem;padding-inline:.75rem}.flip-expand{width:64px;height:64px}.flip-expand--corner{bottom:1rem;left:1rem}.flip-reparent__origin{top:auto;bottom:1.25rem;left:.75rem;transform:none}.flip-reparent__slot{width:80px;height:80px}.flip-reparent__hint--on-target{top:3.75rem;right:.75rem}}.drag-arena{border:1px dashed var(--border);border-radius:var(--radius);touch-action:none;background:#00000040;width:min(100%,480px);height:280px;position:relative}.drag-box{color:#0b0d10;cursor:grab;user-select:none;touch-action:none;border-radius:14px;place-items:center;width:72px;height:72px;font-weight:800;display:grid;position:absolute}.drag-box:active{cursor:grabbing}.drag-knob{background:conic-gradient(from 0deg, var(--accent-2), var(--accent-4), var(--accent-2));color:#0b0d10;cursor:grab;user-select:none;touch-action:none;border:3px solid #fff3;border-radius:50%;place-items:center;width:64px;height:64px;font-size:.7rem;font-weight:700;display:grid;position:absolute}.split-target{letter-spacing:-.02em;text-align:center;max-width:16ch;margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.25}.split-target .char,.split-target .word,.split-target .line{will-change:transform, opacity;display:inline-block}.svg-stage{width:min(100%,420px);height:auto;overflow:visible}.svg-stage path,.svg-stage circle,.svg-stage rect{fill:none}.utils-table{border-collapse:collapse;width:min(100%,520px);font-family:var(--font-mono);font-size:.82rem}.utils-table th,.utils-table td{border:1px solid var(--border);text-align:left;padding:.45rem .65rem}.utils-table th{color:var(--text-muted);background:var(--bg-soft);font-weight:600}.utils-table td:last-child{color:var(--accent);font-weight:700}.quick-stage{border:1px solid var(--border);border-radius:var(--radius);cursor:crosshair;background:#00000047;width:min(100%,520px);height:300px;position:relative;overflow:hidden}.quick-ball{pointer-events:none;will-change:transform;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute}.quick-ball--to{background:var(--accent-3);box-shadow:0 0 20px #eb9b5b73}.quick-ball--quick{background:var(--accent);box-shadow:0 0 20px #88eb5b73}.observer-stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);user-select:none;touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:min(100%,420px);min-height:260px;display:flex}.observer-stage__index{letter-spacing:-.04em;color:var(--accent);font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1}.observer-stage__hint{color:var(--text-muted);margin:0;font-size:.85rem}.scroll-to-nav{z-index:20;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);background:#0b0d10eb;flex-wrap:wrap;gap:.5rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.scroll-to-section{border-bottom:1px solid var(--border);place-items:center;min-height:70vh;font-size:clamp(1.8rem,5vw,3rem);font-weight:800;display:grid}.scroll-to-section:nth-child(2){color:var(--accent);background:#10161c}.scroll-to-section:nth-child(3){color:var(--accent-2);background:#0f171c}.scroll-to-section:nth-child(4){color:var(--accent-3);background:#16120f}.scroll-to-section:nth-child(5){color:var(--accent-4);background:#14101a}.color-swatch{border:1px solid var(--border);border-radius:10px;width:48px;height:48px;box-shadow:inset 0 0 0 1px #0003}@media (width<=860px){.site-shell{grid-template-columns:1fr}.site-nav{border-right:none;border-bottom:1px solid var(--border);height:auto;position:relative}.demo-gui{width:min(280px,100vw - 1.3rem);bottom:.65rem;left:.65rem}.skill-pager{grid-template-columns:1fr}.skill-pager__link--next{text-align:left;justify-self:stretch}.skill-pager__all{order:-1;justify-self:center}}