:root{--b-bg:#fff;--b-fg:#0a0a0c;--b-muted:#767676;--b-border:#e7e7e7;--b-border-strong:#d4d4d4;--b-surface:#f3f3f3;--b-accent:#5b3df5;--b-accent-fg:#fff;--b-danger:#d92d20;--b-success:#15803d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{overflow-x:hidden}body{width:100%;font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.5;color:var(--b-fg);background:var(--b-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.15}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}img,svg,video{display:block;max-width:100%}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--b-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.t-display{font-size:3rem;font-weight:700;line-height:1.15}.t-display,.t-h1{letter-spacing:-.02em}.t-h1{font-size:2.25rem}.t-h1,.t-h2{font-weight:600}.t-h2{font-size:1.75rem;letter-spacing:-.01em}.t-h3{font-size:1.375rem;font-weight:600}.t-body{font-size:1rem}.t-sm{font-size:.875rem}.t-muted{color:var(--b-muted)}.t-mono{font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif}:root.dark{color-scheme:dark;--b-bg:#0a0a0c;--b-fg:#fff;--b-muted:#8a8a8f;--b-border:#26262a;--b-border-strong:#3a3a40;--b-surface:#17171a}.blk-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border-left:2px solid transparent;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1)}.blk-item.is-selected,.blk-item:hover{background:var(--b-surface)}.blk-item.is-selected{border-left-color:var(--b-fg)}.blk-item.is-hidden{opacity:.45}.blk-item__type{flex:1;font-size:.875rem;font-weight:500}.blk-item__ctrls{display:flex;align-items:center;gap:4px}.blk-item__ctrls button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--b-muted);transition:background .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1)}.blk-item__ctrls button svg{width:16px;height:16px}.blk-item__ctrls button:hover:not(:disabled){color:var(--b-fg);background:var(--b-bg)}.blk-item__ctrls button:disabled{opacity:.3;cursor:not-allowed}.b-container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}@media(min-width:768px){.b-container{padding:0 24px}}.preview-viewbar{display:flex;align-items:center;gap:8px;justify-content:center}.seg{display:inline-flex;width:264px;padding:4px;background:var(--b-surface)}.seg,.seg__opt{position:relative;border-radius:999px}.seg__opt{z-index:1;flex:1 1 0;text-align:center;padding:8px 16px;font-size:.875rem;font-weight:600;color:var(--b-muted);cursor:pointer;white-space:nowrap;transition:color .2s cubic-bezier(.4,0,.2,1)}.seg__opt.is-on,.seg__opt:hover:not(.is-on){color:var(--b-fg)}.seg__ind{position:absolute;z-index:0;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:var(--b-bg);transition:transform .2s cubic-bezier(.4,0,.2,1)}.seg__ind.is-device{transform:translate(100%)}.device-wrap{display:flex;justify-content:center;padding:16px 0 32px}.device{--bezel:12px;--radius-out:56px;--line:2px;--line-color:var(--b-border);width:min(422px,100%);aspect-ratio:410/888;padding:var(--bezel);border:var(--line) solid var(--line-color);border-radius:var(--radius-out)}.device,.device__screen{position:relative;background:var(--b-bg)}.device__screen{width:100%;height:100%;padding:0;border:var(--line) solid var(--line-color);border-radius:calc(var(--radius-out) - var(--bezel));overflow:hidden;overflow-y:auto;container-type:inline-size;-webkit-overflow-scrolling:touch;scrollbar-width:none}.device__screen::-webkit-scrollbar{display:none}.device__screen .pack-render{min-height:100%}.device__island{position:absolute;z-index:4;top:calc(var(--bezel) + 11px);left:50%;transform:translate(-50%);width:100px;height:31px;border-radius:999px;background:#050505;border:none}.device__island:after{content:"";box-sizing:border-box;position:absolute;top:50%;right:10px;transform:translateY(-50%);width:12px;height:12px;border-radius:999px;background:#101014;border:3px solid #050505}.device__home{position:absolute;z-index:4;bottom:calc(var(--bezel) + 10px);left:50%;transform:translate(-50%);width:36%;max-width:128px;height:5px;border-radius:999px;background:#d7d7d7;mix-blend-mode:difference}.device--stretch{width:min(422px,100%);aspect-ratio:auto;min-height:100vh;margin:0 auto}.device--stretch .device__screen{height:auto;min-height:calc(100vh - var(--bezel)*2 - var(--line)*2);overflow:visible}.device--stretch .device__home{display:none}.device--extend{aspect-ratio:auto}.device--extend .device__screen{height:auto;overflow:hidden}.device--bare .device__home,.device--bare .device__island{display:none}.device:not(.device--bare) .device__screen .pack-render>:first-child{padding-top:52px}.view-enter-active,.view-leave-active{transition:opacity .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1)}.view-enter-from{opacity:0;transform:translateY(10px) scale(.985)}.view-leave-to{opacity:0;transform:translateY(-8px) scale(.99)}@keyframes b-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes b-slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes b-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes b-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes b-clip-up{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes b-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes b-rise-blur{0%{opacity:0;transform:translateY(44px);filter:blur(14px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes b-bg-parallax{0%{transform:translateY(0) scale(1.05)}to{transform:translateY(8%) scale(1.12)}}@keyframes b-hero-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-56px)}}.font-body,.font-heading{font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif}.liquid-glass{position:relative;overflow:hidden;background:#ffffff03;background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff73,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .78s cubic-bezier(.16,1,.3,1),transform .78s cubic-bezier(.16,1,.3,1),filter .78s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0)*90ms);will-change:opacity,transform}[data-reveal][data-reveal=blur]{filter:blur(12px)}[data-reveal][data-reveal=scale]{transform:translateY(20px) scale(.96)}[data-reveal].is-in{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;filter:none;transition:none}}.liquid-glass-strong{position:relative;overflow:hidden;background:#ffffff03;background-blend-mode:luminosity;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);box-shadow:4px 4px 4px #0000000d,inset 0 1px 1px #ffffff26}.liquid-glass-strong:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff80,#fff3 20%,#fff0 40% 60%,#fff3 80%,#ffffff80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}