:root{--text:#6b6375;--text-h:#08060d;--bg:#0f0f0f;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body{background:#0f0f0f!important}.app-screen-shell{width:100%;min-height:100dvh}.start-screen{overscroll-behavior:none;box-sizing:border-box;background:radial-gradient(circle at 20% 0%, #1fa34a33, transparent 44%), radial-gradient(circle at 85% 22%, #50b4dc29, transparent 40%), linear-gradient(180deg, var(--start-bg), var(--start-card));width:100%;height:100svh;min-height:100svh;color:var(--start-text-primary);padding:16px 16px calc(132px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.start-screen__orb{filter:blur(16px);pointer-events:none;background:radial-gradient(circle,#1fa34a99,#1fa34a00);border-radius:999px;width:132px;height:132px;position:absolute;top:86px;right:-36px}.start-screen__content{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex}.start-screen__logo{width:168px;height:auto;margin:8px 0 24px}.start-screen__hero-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box;background:linear-gradient(#ffffff1a,#ffffff08);border:1px solid #ffffff1f;border-radius:28px;width:100%;padding:20px 18px;box-shadow:0 20px 42px #00000052}.start-screen__kicker{letter-spacing:.18em;text-transform:uppercase;color:#fffc;margin:0;font-size:12px}.start-screen__headline{letter-spacing:-.02em;color:var(--start-text-primary);margin:10px 0 18px;font-size:29px;line-height:1.06}.start-screen__primary-btn,.start-screen__ghost-btn,.start-nav__item{font-family:inherit}.start-screen__primary-btn{color:#f5fff7;cursor:pointer;background:linear-gradient(135deg,#1fa34a,#2ec266);border:0;border-radius:999px;width:100%;height:58px;font-size:17px;font-weight:700;box-shadow:0 12px 30px #19843b66}.start-screen__ghost-btn{color:#a7f3bf;cursor:pointer;background:#141a17c7;border:1px solid #2ec266bf;border-radius:999px;width:100%;height:50px;margin-top:10px;font-size:15px;font-weight:600}.start-nav{border:1px solid var(--start-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:linear-gradient(#1c1f28eb,#0c0d12f0);border-radius:30px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 16px 36px #00000080}.start-nav__item{min-height:74px;color:var(--start-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:transform .15s,background-color .2s;display:flex}.start-nav__item:hover,.start-nav__item:focus-visible{background:#ffffff14;outline:none;transform:translateY(-1px)}.start-nav__item:active{transform:translateY(1px)scale(.98)}.start-nav__icon{color:#d7ffe4;background:radial-gradient(circle at 30% 30%,#ffffff3d,#ffffff12);border:1px solid #ffffff38;border-radius:999px;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.start-nav__label{letter-spacing:.02em;font-size:11px;line-height:1}.start-screen__brand{opacity:.8;filter:saturate(.95)brightness(1.03);width:102px;margin:18px 0 8px}.start-screen__version{color:var(--start-text-muted);margin:0;font-size:12px}@media (height<=740px){.start-screen__headline{font-size:25px}.start-nav__item{min-height:66px}}@media (width<=380px){.start-screen{padding-left:12px;padding-right:12px}.start-screen__hero-card{padding:18px 14px}.start-nav{gap:4px;padding:6px}.start-nav__label{font-size:10px}}.setup-player-input{appearance:none}.setup-player-input:focus{outline:none}.setup-player-input:-webkit-autofill{-webkit-text-fill-color:#eaeaea;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1e20}.setup-player-input:-webkit-autofill:hover{-webkit-text-fill-color:#eaeaea;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1e20}.setup-player-input:-webkit-autofill:focus{-webkit-text-fill-color:#eaeaea;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1e20}.setup-player-input:-webkit-autofill:active{-webkit-text-fill-color:#eaeaea;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1e20}.bottom-nav-wrap{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;width:calc(100% - 24px);max-width:396px;position:fixed;transform:translate(-50%)}.bottom-nav__home{color:#ecfff1;cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 30% 25%,#2ec266,#1a8f45 68%);border:1px solid #8cf5b385;border-radius:999px;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:84px;height:84px;padding-top:16px;transition:transform .15s,box-shadow .2s;display:flex;position:absolute;top:-46px;left:50%;transform:translate(-50%);box-shadow:0 12px 24px #1b8d4273,inset 0 1px #ffffff59}.bottom-nav__home:hover,.bottom-nav__home:focus-visible{outline:none;transform:translate(-50%)translateY(-1px);box-shadow:0 16px 28px #1b8d4285,inset 0 1px #fff6}.bottom-nav__home:active{transform:translate(-50%)translateY(1px)scale(.98)}.bottom-nav__home.is-active{box-shadow:0 0 0 5px #25c66338,0 16px 32px #1b8d428c,inset 0 1px #fff6}.bottom-nav__home-label{letter-spacing:.03em;text-transform:uppercase;text-shadow:0 1px 8px #0a3c1e73;font-size:14px;font-weight:800;line-height:1}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;pointer-events:auto;background:linear-gradient(#1c1f28f0,#0a0b10f5);border:1px solid #ffffff1f;border-radius:30px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff24,0 16px 34px #00000085}.bottom-nav--with-home{padding-top:24px}.bottom-nav--compact{padding-top:8px}.bottom-nav__item{color:#b7bcc8;cursor:pointer;background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:72px;transition:transform .15s,background-color .2s,color .2s;display:flex}.bottom-nav__item:hover,.bottom-nav__item:focus-visible{color:#eef2f7;background:#ffffff1a;outline:none;transform:translateY(-1px)}.bottom-nav__item:active{transform:translateY(1px)scale(.98)}.bottom-nav__item.is-active{color:#e8fff0;background:linear-gradient(#1fa34a3d,#1fa34a1f)}.bottom-nav__icon{background:radial-gradient(circle at 30% 30%,#ffffff3d,#ffffff12);border:1px solid #ffffff38;border-radius:999px;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.bottom-nav__icon--date{letter-spacing:.01em;font-size:11px;font-weight:700}.bottom-nav__item.is-active .bottom-nav__icon{border-color:#4cec84bf;box-shadow:0 0 14px #1fa34a59}.bottom-nav__label{letter-spacing:.02em;font-size:11px;line-height:1}@media (width<=380px){.bottom-nav-wrap{width:calc(100% - 16px)}.bottom-nav__home{width:76px;height:76px;top:-42px}.bottom-nav{gap:4px;padding:6px}.bottom-nav--with-home{padding-top:20px}.bottom-nav--compact{padding-top:6px}.bottom-nav__item{min-height:66px}.bottom-nav__label{font-size:10px}}