:root{--bg: #f2f2f7;--card: rgba(255, 255, 255, .82);--card-solid: #ffffff;--border: rgba(0, 0, 0, .06);--text: #111217;--subtext: rgba(17, 18, 23, .62);--tint: #2e77ff;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--radius-xl: 22px;--radius-lg: 18px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.35;font-weight:400;color-scheme:light;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page{width:min(980px,100%);margin:0 auto;padding:14px 16px 28px}.stack{display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 1px #00000008;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.card-inner{padding:14px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffffc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.muted{color:var(--subtext)}.h1{font-size:22px;font-weight:700;letter-spacing:-.02em}.h2{font-size:16px;font-weight:700;letter-spacing:-.01em}.btn{appearance:none;border:0;border-radius:14px;padding:10px 14px;background:#ffffffd1;border:1px solid var(--border);cursor:pointer}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--tint);border:1px solid rgba(0,0,0,.08);color:#fff}.divider{height:1px;background:#0000000f}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#ffffffc2;border-top:1px solid rgba(0,0,0,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tab-bar-inner{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tab-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.06);background:#ffffffb8;color:#111217b8}.tab-item.active{color:var(--tint);border-color:#2e77ff42;background:#2e77ff14}.safe-bottom{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.modal-overlay{position:fixed;inset:0;z-index:50;background:#0000003d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}.modal{width:min(680px,100%);background:#ffffffdb;border:1px solid rgba(0,0,0,.08);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.modal-body{padding:14px 16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{border-radius:22px;padding:16px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 34px #0000001a;color:#fff;min-height:120px;display:flex;flex-direction:column;gap:10px}.tile .tile-icon{width:36px;height:36px;border-radius:14px;background:#ffffff2e;display:grid;place-items:center;font-weight:800}.tile .tile-play{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;background:#ffffff29;display:grid;place-items:center;font-weight:900}.tile-secondary{min-height:112px;border-radius:22px;padding:16px;border:1px solid rgba(0,0,0,.06);background:#ffffffb8;display:flex;flex-direction:column;gap:10px}.tile-secondary .tile-icon{width:36px;height:36px;border-radius:14px;background:#2e77ff24;display:grid;place-items:center;font-weight:800;color:var(--tint)}.input{width:100%;border-radius:14px;padding:10px 12px;border:1px solid rgba(0,0,0,.1);background:#ffffffd6}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.row+.row{border-top:1px solid rgba(0,0,0,.06)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#2e77ff1a;color:#2e77fff2;border:1px solid rgba(46,119,255,.18);font-size:12px;font-weight:700}.landing{min-height:100vh;padding:22px 16px 30px;background:radial-gradient(circle at 8% 10%,rgba(56,214,141,.25),transparent 36%),radial-gradient(circle at 88% 18%,rgba(46,119,255,.2),transparent 40%),var(--bg)}.landing-inner{width:min(980px,100%);margin:0 auto;display:flex;flex-direction:column;gap:14px}.landing-hero{overflow:hidden}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;box-shadow:0 1px #00000008;transition:transform .15s ease,border-color .15s ease}.landing-tile:hover{transform:translateY(-1px);border-color:#2e77ff3d}@media(max-width:760px){.tab-bar-inner,.landing-grid{grid-template-columns:1fr 1fr}}