@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/outfit.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500.woff2)format("woff2")}:root{--bg:#070708;--bg-elev:#101012;--bg-card:#141417;--bg-stage:#0c0c0e;--line:#f3efe614;--line-strong:#f3efe629;--text:#f3efe6;--muted:#8c8880;--gold:#e8b86d;--gold-dim:#e8b86d29;--mint:#7dcea0;--rose:#e07a6a;--sky:#8cb4e8;--shadow:0 18px 40px #00000059;--t-duration-instant:80ms;--t-duration-fast:.18s;--t-duration:.28s;--t-duration-slow:.42s;--t-ease-out:cubic-bezier(.16, 1, .3, 1);--t-ease-in:cubic-bezier(.7, 0, .84, 0);--t-ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-ease-spring:cubic-bezier(.34, 1.4, .64, 1);--t-ease-soft-spring:cubic-bezier(.22, 1.2, .36, 1);--t-ease-shake:cubic-bezier(.36, .07, .19, .97)}@media (prefers-reduced-motion:reduce){:root:not(.t-motion-on){--t-duration-instant:1ms;--t-duration-fast:1ms;--t-duration:1ms;--t-duration-slow:1ms}}:root.t-motion-off{--t-duration-instant:1ms;--t-duration-fast:1ms;--t-duration:1ms;--t-duration-slow:1ms}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{letter-spacing:-.01em;background:radial-gradient(900px 480px at 12% -10%, #e8b86d14, transparent 55%), radial-gradient(700px 420px at 100% 0%, #8cb4e80d, transparent 50%), var(--bg);font-family:Outfit,Segoe UI,system-ui,sans-serif;line-height:1.45}.grain{pointer-events:none;z-index:8;opacity:.18;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff0b .6px,#0000 .6px);background-size:3px 3px;position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer}a{color:var(--gold)}code{color:var(--gold);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.84em}.hero,.grid,.foot{width:min(1120px,100% - 32px);margin-inline:auto}.hero{padding:36px 0 28px}.hero__bar,.card__meta,.t-modal__row,.t-pager__nav,.hero__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero__actions{flex-wrap:wrap;justify-content:flex-end}.kicker,.card__class,.t-modal__kicker,.t-pager__kicker,.field span{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}h1{letter-spacing:-.045em;margin:14px 0 10px;font-size:clamp(2.2rem,6vw,4.4rem);font-weight:600;line-height:.95}.lede{max-width:40rem;color:var(--muted);margin:0}.chip,.card__reset,.ui-btn{border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--text);transition:transform var(--t-duration-fast) var(--t-ease-spring), background var(--t-duration-fast) var(--t-ease-out), border-color var(--t-duration-fast) var(--t-ease-out);border-radius:999px;padding:8px 14px}.chip:hover,.ui-btn:hover,.card__reset:hover{border-color:var(--gold);background:var(--gold-dim)}.chip:active,.ui-btn:active{transform:scale(.97)}.chip[aria-pressed=true]{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.ui-btn--gold{background:var(--gold);color:#1a140c;border-color:#0000}.ui-btn--ghost{background:0 0}.ui-btn--rose{color:#f3c2ba;background:#e07a6a1f;border-color:#e07a6a66}.card__reset{color:var(--muted);padding:5px 10px;font-size:.75rem}.grid{grid-template-columns:1fr;gap:16px;padding-bottom:48px;display:grid}.card{z-index:1;border:1px solid var(--line);background:linear-gradient(180deg, #ffffff05, transparent 40%), var(--bg-card);min-height:320px;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;padding:18px 18px 16px;display:flex;position:relative}.card:has(.is-on){z-index:3}.card h2{letter-spacing:-.03em;margin:14px 0 4px;font-size:1.25rem}.card>p{color:var(--muted);margin:0 0 16px;font-size:.95rem}.stage{background:radial-gradient(circle at 50% 0%, #e8b86d0f, transparent 42%), var(--bg-stage);border:1px solid var(--line);border-radius:16px;flex:1;place-items:center;min-height:168px;display:grid;position:relative;overflow:hidden}.card[data-demo=dropdown] .stage{place-items:start center;min-height:220px;padding-top:36px}.stage--stack{gap:12px;padding:18px}.field{width:min(100%,220px);color:var(--muted);gap:6px;display:grid}.field input{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#0a0a0c;border-radius:12px;padding:10px 12px}.ghost-hit{color:inherit;background:0 0;border:0;padding:0}.foot{color:var(--muted);padding:8px 0 48px;font-size:.9rem}.foot p{max-width:46rem}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width>=740px){.grid{grid-template-columns:1fr 1fr}}@media (width>=1080px){.grid{grid-template-columns:1fr 1fr 1fr}.hero{padding-top:56px}}.t-dropdown-wrap{justify-items:center;display:grid;position:relative}.t-dropdown{z-index:2;border:1px solid var(--line-strong);width:188px;box-shadow:var(--shadow);transform-origin:top;opacity:0;filter:blur(6px);pointer-events:none;transition:transform var(--t-duration) var(--t-ease-spring), opacity var(--t-duration-fast) var(--t-ease-out), filter var(--t-duration) var(--t-ease-out);background:#17171b;border-radius:14px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-8px)scale(.92)}.t-dropdown.is-on{opacity:1;filter:blur();pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.t-dropdown__item{color:var(--text);opacity:0;transition:opacity var(--t-duration-fast) var(--t-ease-out), transform var(--t-duration) var(--t-ease-soft-spring), background var(--t-duration-fast) var(--t-ease-out);border-radius:9px;padding:8px 10px;transform:translateY(-6px)}.t-dropdown.is-on .t-dropdown__item{opacity:1;transform:none}.t-dropdown.is-on .t-dropdown__item:first-child{transition-delay:40ms}.t-dropdown.is-on .t-dropdown__item:nth-child(2){transition-delay:70ms}.t-dropdown.is-on .t-dropdown__item:nth-child(3){transition-delay:.1s}.t-dropdown__item:hover{background:#ffffff0d}.t-modal{place-items:center;display:grid;position:absolute;inset:0}.t-modal[hidden]{display:none}.t-modal__dim,.t-modal__dialog{opacity:0;transition:opacity var(--t-duration) var(--t-ease-out), transform var(--t-duration) var(--t-ease-spring), filter var(--t-duration) var(--t-ease-out)}.t-modal__dim{background:#00000073;border:0;position:absolute;inset:0}.t-modal__dialog{border:1px solid var(--line-strong);filter:blur(6px);background:#1a1a1e;border-radius:16px;width:min(230px,100% - 28px);padding:16px;position:relative;transform:scale(.94)translateY(8px)}.t-modal.is-on .t-modal__dim,.t-modal.is-on .t-modal__dialog{opacity:1;filter:blur()}.t-modal.is-on .t-modal__dialog{transform:scale(1)translateY(0)}.t-modal__dialog h3,.t-pager__page h3{margin:4px 0 6px;font-size:1.05rem}.t-modal__dialog p,.t-pager__page p{color:var(--muted);margin:0;font-size:.88rem}.t-modal__row{margin-top:14px}.t-bell{border:1px solid var(--line-strong);width:64px;height:64px;color:var(--text);background:#151518;border-radius:18px;position:relative}.t-badge{background:var(--rose);color:#1a0d0b;opacity:0;filter:blur(4px);min-width:18px;height:18px;transition:transform var(--t-duration) var(--t-ease-spring), opacity var(--t-duration-fast) var(--t-ease-out), filter var(--t-duration-fast) var(--t-ease-out);border-radius:999px;place-items:center;padding:0 5px;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:8px;right:8px;transform:translate(-10px,10px)scale(.35)rotate(-18deg)}.t-badge.is-on{opacity:1;filter:blur();transform:translate(0)scale(1)rotate(0)}.t-number{color:var(--text);background:0 0;border:0;padding:0}.t-number__slot{place-items:center;width:4.2rem;height:4.2rem;display:grid;position:relative;overflow:hidden}.t-number__out,.t-number__in{letter-spacing:-.06em;grid-area:1/1;font-size:3.2rem;font-weight:600;line-height:1}.t-number__out{opacity:0}.t-number.is-on .t-number__out{animation:t-number-out var(--t-duration) var(--t-ease-in) both}.t-number.is-on .t-number__in{animation:t-number-in var(--t-duration) var(--t-ease-soft-spring) both}@keyframes t-number-out{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(8px);transform:translateY(-18px)}}@keyframes t-number-in{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}.t-check{width:72px;height:72px}.t-check__ring,.t-check__mark{fill:none;stroke:var(--mint);stroke-linecap:round;stroke-linejoin:round}.t-check__ring{stroke-width:2.2px;transform-box:fill-box;transform-origin:50%;opacity:.28;filter:blur();transition:transform var(--t-duration) var(--t-ease-spring), opacity var(--t-duration-fast) var(--t-ease-out), filter var(--t-duration) var(--t-ease-out);transform:scale(.92)rotate(-8deg)}.t-check__mark{stroke-width:2.6px;stroke-dasharray:36;stroke-dashoffset:36px;transition:stroke-dashoffset var(--t-duration-slow) var(--t-ease-out)}.t-check.is-on .t-check__ring{opacity:1;filter:blur();transform:scale(1)rotate(0)}.t-check.is-on .t-check__mark{stroke-dashoffset:0;transition-delay:70ms}.t-shake.is-on{animation:t-shake var(--t-duration-slow) var(--t-ease-shake);border-color:#e07a6ab3}@keyframes t-shake{0%,to{transform:translate(0)}16%{transform:translate(-7px)}32%{transform:translate(6px)}48%{transform:translate(-4px)}64%{transform:translate(3px)}80%{transform:translate(-2px)}}.t-avatars{align-items:center;padding-left:8px;display:flex}.t-avatar{color:#141210;width:42px;height:42px;transition:transform var(--t-duration) var(--t-ease-spring), z-index var(--t-duration-instant) linear;border:2px solid #0c0c0e;border-radius:50%;margin-left:-10px;font-size:.72rem;font-weight:600}.t-avatar--gold{background:var(--gold)}.t-avatar--mint{background:var(--mint)}.t-avatar--sky{background:var(--sky)}.t-avatar--rose{background:var(--rose)}.t-avatar--more{color:var(--text);background:#222228;place-items:center;display:grid}.t-avatars:hover .t-avatar,.t-avatars.is-on .t-avatar{transform:translateY(-3px)}.t-avatar:hover,.t-avatars.is-on .t-avatar:nth-child(2){z-index:4;transform:translateY(-11px)scale(1.07)}.t-avatar:hover+.t-avatar,.t-avatars.is-on .t-avatar:first-child,.t-avatars.is-on .t-avatar:nth-child(3){z-index:3;transform:translateY(-7px)scale(1.03)}.t-avatar:has(+.t-avatar:hover){z-index:3;transform:translateY(-7px)scale(1.03)}.t-pager{gap:12px;width:min(100%,230px);display:grid}.t-pager__track{width:200%;transition:transform var(--t-duration) var(--t-ease-out);display:flex;transform:translate(0)}.t-pager.is-on .t-pager__track{transform:translate(-50%)}.t-pager__page{border:1px solid var(--line);background:#141418;border-radius:14px;width:50%;padding:14px}.t-icon{border:1px solid var(--line-strong);width:72px;height:72px;color:var(--gold);background:#151518;border-radius:22px;position:relative}.t-icon__svg{width:32px;height:32px;transition:transform var(--t-duration) var(--t-ease-spring), opacity var(--t-duration-fast) var(--t-ease-out), filter var(--t-duration) var(--t-ease-out);position:absolute;inset:20px}.t-icon__svg--a{opacity:1;filter:blur();transform:scale(1)}.t-icon__svg--b{opacity:0;filter:blur(8px);transform:scale(.45)rotate(-20deg)}.t-icon.is-on .t-icon__svg--a{opacity:0;filter:blur(8px);transform:scale(.45)rotate(20deg)}.t-icon.is-on .t-icon__svg--b{opacity:1;filter:blur();transform:scale(1)rotate(0)}.t-toast{border:1px solid var(--line-strong);width:max-content;color:var(--text);opacity:0;filter:blur(6px);pointer-events:none;transition:transform var(--t-duration) var(--t-ease-spring), opacity var(--t-duration-fast) var(--t-ease-out), filter var(--t-duration) var(--t-ease-out);background:#1b1b20;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)translateY(14px)scale(.94)}.t-toast.is-on{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}.t-toast__dot{background:var(--mint);border-radius:50%;width:8px;height:8px}.t-tabs{border:1px solid var(--line);background:#101013;border-radius:999px;grid-template-columns:repeat(3,1fr);width:min(100%,248px);padding:4px;display:grid;position:relative}.t-tabs__pill{width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--t-tab,0) * 100%));transition:transform var(--t-duration) var(--t-ease-soft-spring);background:#232329;border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.t-tabs__btn{z-index:1;color:var(--muted);transition:color var(--t-duration-fast) var(--t-ease-out);background:0 0;border:0;border-radius:999px;padding:8px 0;position:relative}.t-tabs__btn.is-on{color:var(--text)}.t-resize{border:1px solid var(--line-strong);width:min(100%,230px);color:inherit;text-align:left;transition:border-color var(--t-duration-fast) var(--t-ease-out), transform var(--t-duration) var(--t-ease-soft-spring);background:#16161a;border-radius:16px;padding:12px;display:grid}.t-resize.is-on{border-color:#e8b86d66;transform:scale(1.02)}.t-resize__head{align-items:center;gap:10px;display:flex}.t-resize__mark{background:linear-gradient(135deg, var(--gold), #b8873f);border-radius:10px;width:34px;height:34px}.t-resize__head strong,.t-resize__head small{display:block}.t-resize__head small,.t-resize__inner{color:var(--muted);font-size:.82rem}.t-resize__inner{opacity:0;max-height:0;transition:max-height var(--t-duration) var(--t-ease-out), opacity var(--t-duration-fast) var(--t-ease-out), transform var(--t-duration) var(--t-ease-soft-spring), padding-top var(--t-duration) var(--t-ease-out);display:block;overflow:hidden;transform:translateY(-6px)}.t-resize.is-on .t-resize__inner{opacity:1;max-height:6.5rem;padding-top:10px;transform:none}@media (prefers-reduced-motion:reduce){:root:not(.t-motion-on) .t-number.is-on .t-number__out,:root:not(.t-motion-on) .t-number.is-on .t-number__in,:root:not(.t-motion-on) .t-shake.is-on{animation:none}}:root.t-motion-off .t-number.is-on .t-number__out,:root.t-motion-off .t-number.is-on .t-number__in,:root.t-motion-off .t-shake.is-on{animation:none}