:root{--bg: #f5f5f7;--panel: rgba(255, 255, 255, .72);--panel-solid: #ffffff;--panel-2: #f7f7f9;--line: rgba(0, 0, 0, .07);--text: #1d1d1f;--muted: #86868b;--accent: #0071e3;--accent-dim: rgba(0, 113, 227, .08);--green: #30d158;--radius: 22px;--bento-gap: 12px;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .06);--ease: cubic-bezier(.42, 0, .58, 1)}@media(max-width:860px){:root{--bento-gap: 8px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100dvh}::selection{background:var(--accent);color:#fff}.beams{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.beam{position:absolute;border-radius:50%;filter:blur(110px);will-change:transform}.beam-1{width:55vw;height:55vw;background:radial-gradient(circle,rgba(120,170,255,.55),transparent 65%);top:-18vw;left:-12vw;animation:drift-1 26s ease-in-out infinite alternate}.beam-2{width:48vw;height:48vw;background:radial-gradient(circle,rgba(200,165,255,.5),transparent 65%);bottom:-16vw;right:-10vw;animation:drift-2 32s ease-in-out infinite alternate}.beam-3{width:38vw;height:38vw;background:radial-gradient(circle,rgba(255,185,215,.45),transparent 65%);top:30vh;left:38vw;animation:drift-3 24s ease-in-out infinite alternate}.beam-4{width:34vw;height:34vw;background:radial-gradient(circle,rgba(160,235,210,.4),transparent 65%);top:-10vw;right:18vw;animation:drift-1 36s ease-in-out infinite alternate-reverse}@keyframes drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(9vw,7vh) scale(1.15)}}@keyframes drift-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-8vw,-6vh) scale(.95)}}@keyframes drift-3{0%{transform:translate(0) scale(.95)}to{transform:translate(-10vw,8vh) scale(1.12)}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.thin-scroll,.no-scrollbar{overscroll-behavior:contain}.thin-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.thin-scroll::-webkit-scrollbar{width:5px;height:5px}.thin-scroll::-webkit-scrollbar-track{background:transparent;margin:8px 0}.thin-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px;border:1px solid transparent;background-clip:padding-box}.thin-scroll::-webkit-scrollbar-thumb:hover{background:#00000038;background-clip:padding-box}.thin-scroll::-webkit-scrollbar-corner{background:transparent}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#3395f4,#0071e3);color:#fff;padding:12px 22px;border-radius:999px;font-size:.88rem;font-weight:600;box-shadow:0 6px 16px #0071e352,inset 0 1px #ffffff47;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0071e36b,inset 0 1px #ffffff47}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffffeb;color:var(--text);border:1px solid var(--line);padding:12px 22px;border-radius:999px;font-size:.88rem;font-weight:600;box-shadow:0 2px 8px #0000000d;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.btn-ghost:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a;border-color:#0071e359}.btn-ghost:active{transform:translateY(0) scale(.98)}.btn-cta{display:inline-flex;align-items:center;gap:14px;background:#1d1d1f;color:#fff;padding:7px 7px 7px 20px;border-radius:15px;font-size:.88rem;font-weight:600;box-shadow:0 4px 14px #00000014;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.btn-cta .btn-cta-arrow{width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#3395f4,#0071e3);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;transition:transform .3s var(--ease)}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000001f;border-color:#0071e359}.btn-cta:hover .btn-cta-arrow{transform:scale(1.1) rotate(8deg)}.btn-cta:active{transform:translateY(0) scale(.98)}.chip{transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.chip:hover{transform:translateY(-1px);border-color:#0071e373!important;box-shadow:0 4px 10px #00000012}.icon-btn{transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.icon-btn:hover{transform:translateY(-50%) scale(1.1)!important;background:#fff!important;box-shadow:0 8px 20px #00000029!important}mark.marker{background:linear-gradient(100deg,#ffd60a00 .9%,#ffd60a8c 2.5%,#ffd60a61 6% 94%,#ffd60a8c 97%,#ffd60a00 99%);color:inherit;border-radius:4px;padding:.08em .25em;margin:0 -.05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.sketch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='7' viewBox='0 0 72 7'%3E%3Cpath d='M2 4.5 C 12 1.5, 24 6.5, 36 3.5 S 60 1.5, 70 4.5' fill='none' stroke='%230071e3' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:auto 7px;background-position:0 100%;padding-bottom:5px}.section-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:50;pointer-events:auto}.section-nav-shell{position:relative;padding:4px;border-radius:999px;background:linear-gradient(180deg,#fff,#f4f4f6);border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 .5px #fffffff2 inset,0 1px #ffffffd9 inset,0 10px 32px #00000017,0 2px 8px #0000000a}.section-nav-track{position:relative;width:36px;height:min(260px,50vh);border-radius:999px;background:linear-gradient(180deg,#ebebed,#e2e2e6);box-shadow:inset 0 1px 3px #0000001a,inset 0 -1px #ffffff8c;cursor:pointer;touch-action:none;overflow:hidden;-webkit-user-select:none;user-select:none}.section-nav-ticks{position:absolute;inset:0;pointer-events:none;z-index:0}.section-nav-tick{position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:999px;background:#00000029;transition:opacity .25s var(--ease),transform .25s var(--ease)}.section-nav-tick.active{opacity:0;transform:scale(.5)}.section-nav-knob{position:absolute;width:30px;height:52px;border-radius:999px;background:linear-gradient(180deg,#fff,#f2f2f4);border:.5px solid rgba(0,0,0,.07);box-shadow:0 0 0 .5px #fffffff2 inset,0 3px 10px #00000024,0 1px 2px #0000000f;cursor:grab;z-index:2;touch-action:none;pointer-events:none;transition:box-shadow .2s var(--ease)}.section-nav-knob:after{content:"";position:absolute;inset:4px;border-radius:inherit;background:linear-gradient(180deg,#4da3f5,#0071e3);box-shadow:0 1px 3px #0071e359}.section-nav-knob.is-dragging{cursor:grabbing;box-shadow:0 0 0 .5px #fffffff2 inset,0 4px 14px #0000002e,0 1px 2px #0000000f}.section-nav-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section-nav-label{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 12px;border-radius:12px;font-size:.74rem;font-weight:650;letter-spacing:-.02em;color:var(--text);background:linear-gradient(180deg,#fff,#f6f6f8);border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 .5px #ffffffe6 inset,0 8px 22px #0000001a;pointer-events:none}.section-nav--mobile{inset:auto auto 14px 50%;transform:translate(-50%)}.section-nav--mobile .section-nav-track{width:min(280px,calc(100vw - 48px));height:34px}.section-nav--mobile .section-nav-tick{margin:-2px 0 0 -2px}.section-nav--mobile .section-nav-knob{width:52px;height:28px}.section-nav--mobile .section-nav-label{right:auto;left:50%;top:auto;bottom:calc(100% + 12px);transform:translate(-50%)}@media(max-width:860px){.nav-hint--toast{bottom:72px}}input,textarea{font-family:inherit;border:none;outline:none;background:none;color:inherit}a{color:inherit;text-decoration:none}[data-scroll-trap]{overscroll-behavior:none}.nav-hint--toast{bottom:clamp(64px,10vh,88px)}.nav-hint-keyboard--cross{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#f8f8fa,#ececf0);border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px #ffffffe6}.nav-hint-key-row{display:flex;align-items:center;justify-content:center;gap:4px}.nav-hint-key-row--top{margin-bottom:2px}.nav-hint-key--flash{background:#fff}.nav-hint{position:fixed;left:50%;bottom:clamp(72px,12vh,96px);transform:translate(-50%);z-index:60;width:min(420px,calc(100vw - 32px));pointer-events:auto}.nav-hint-body{display:flex;align-items:center;gap:16px;padding:14px 16px 14px 14px;border-radius:calc(var(--radius) + 2px);background:#ffffffd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:0 16px 40px #0000001f,0 2px 8px #0000000a}.nav-hint-keys{position:relative;flex-shrink:0}.nav-hint-keyboard{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;background:linear-gradient(180deg,#f8f8fa,#ececf0);border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px #ffffffe6}.nav-hint-keyboard:not(.nav-hint-keyboard--cross){display:flex;flex-direction:column;gap:6px}.nav-hint-key{width:36px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:.85rem;font-weight:700;color:var(--text)}.nav-hint-key-glow{position:absolute;inset:-6px;border-radius:18px;background:radial-gradient(circle,rgba(0,113,227,.18),transparent 70%);pointer-events:none;z-index:-1}.nav-hint-copy{flex:1;min-width:0}.nav-hint-title{font-size:.82rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.nav-hint-text{font-size:.74rem;line-height:1.45;color:var(--muted)}.nav-hint-text strong{color:var(--text);font-weight:650}.nav-hint-dismiss{flex-shrink:0;padding:8px 14px;border-radius:999px;font-size:.72rem;font-weight:650;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(0,113,227,.15);transition:background .2s var(--ease),transform .2s var(--ease)}.nav-hint-dismiss:hover{background:#0071e324;transform:translateY(-1px)}.intro-tip{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;background:#0c0e1247;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.intro-tip-card{width:min(380px,calc(100vw - 40px));padding:22px 24px 20px;border-radius:calc(var(--radius) + 4px);background:#ffffffeb;border:1px solid var(--line);box-shadow:0 20px 50px #0000002e;text-align:center}.intro-tip-title{margin:0 0 8px;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.intro-tip-text{margin:0;font-size:.88rem;line-height:1.55;color:var(--muted)}.intro-tip-text strong{color:var(--text);font-weight:700}.intro-tip-keys{display:flex;justify-content:center;gap:8px;margin-top:16px}.intro-tip-key{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:1rem;font-weight:700;box-shadow:0 2px 6px #0000000f}@media(max-width:860px){.nav-hint{bottom:68px}.nav-hint-body{flex-wrap:wrap;gap:12px}.nav-hint-dismiss{margin-left:auto}}