:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f9fd;color:#17243a;--blue: #103f88;--blue-dark: #082b63;--sky: #28a9e0;--aqua: #54d4e7;--ice: #e9f6fc;--cloud: #f6f9fd;--ink: #17243a;--slate: #65738a;--line: #dce6f0;--success: #20a86b;--danger: #ba1a1a;--shadow: 0 12px 30px rgba(8, 43, 99, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100dvh;width:100%;max-width:560px;margin:0 auto;background:var(--cloud);box-shadow:0 0 60px #103f881a}.screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 18px) 24px calc(env(safe-area-inset-bottom) + 24px)}.scroll{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.home{position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#fff,#eaf7ff 48%,#d6ecfa)}.home:before{content:"";position:absolute;top:0;right:0;bottom:220px;left:0;background:linear-gradient(180deg,#fffffff5,#ffffffa3,#fff0);z-index:1}.home-content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.home-landscape{position:absolute;left:0;right:0;bottom:0;width:100%;height:330px;object-fit:cover;z-index:0}.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.brand-lockup img{width:88px;height:88px;object-fit:contain}.brand-lockup h1{margin:0;color:var(--blue);font-size:clamp(2rem,10vw,3.2rem);line-height:.92;font-weight:950;letter-spacing:-.08em}.brand-lockup p,.home-tagline{margin:0;color:var(--sky);font-weight:700;letter-spacing:.02em}.home-tagline{color:var(--slate);font-weight:500}.role-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px}.card,.panel{border:1px solid rgba(220,230,240,.88);border-radius:22px;background:#fffffff0;box-shadow:var(--shadow);color:var(--ink)}.role-card{min-height:164px;padding:22px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.role-card strong{font-size:1.1rem}.role-card span{color:var(--slate)}.role-bird{width:54px;height:54px;object-fit:contain}.role-icon{font-size:2.6rem;color:var(--blue);line-height:1}.settings-card{width:100%;padding:18px;display:flex;align-items:center;gap:14px;text-align:left}.settings-card strong,.settings-card small{display:block}.settings-card small{color:var(--slate)}.settings-icon{color:var(--blue);font-size:1.55rem}.debug-card{background:#e9f6fcf0}.top-bar{margin:-18px -24px 4px;padding:calc(env(safe-area-inset-top) + 14px) 18px 16px;min-height:82px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 8px 22px #082b6338}.top-bar button{width:34px;height:34px;border:0;border-radius:999px;background:#ffffff24;color:#fff;font-size:2rem;line-height:.6}.top-bar img{width:38px;height:38px;object-fit:contain;filter:brightness(0) invert(1)}.top-bar span,.top-bar small{display:block}.top-bar small{color:#ffffffc7}.panel{padding:16px}.stack{display:flex;flex-direction:column;gap:12px}h2,h3,p{margin:0}h2{font-size:1.15rem}.text-input{display:flex;flex-direction:column;gap:6px;color:var(--slate);font-size:.86rem}.text-input input{border:1px solid var(--line);border-radius:14px;padding:13px 14px;color:var(--ink);background:#fff}.connection-pill{align-self:flex-start;padding:9px 12px;border-radius:999px;background:#eef3f8;color:var(--slate);font-weight:700}.connection-pill.good{background:#e6f7ef;color:var(--success)}.connection-pill.bad{background:#fff0f0;color:var(--danger)}.song-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.song-row{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;padding:10px;display:flex;align-items:center;gap:12px;text-align:left}.song-row.selected{border-color:var(--sky);background:#dff4ff}.song-row span,.song-row small{display:block}.song-row small{color:var(--slate);margin-top:2px}.song-art{width:52px;height:52px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--sky),var(--aqua))}.song-art img{width:70%;height:70%;object-fit:contain;filter:brightness(0) invert(1)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:9px 14px;font-weight:700}.chip.selected,.primary-button{border-color:var(--blue);background:var(--blue);color:#fff}.primary-button,.secondary-button{min-height:50px;border:0;border-radius:14px;padding:12px 16px;font-weight:800}.secondary-button{background:var(--ice);color:var(--blue)}.muted{color:var(--slate)}.error{color:var(--danger);font-weight:700}.player .now-row{display:flex;align-items:center;gap:14px}.player .now-row p{color:var(--slate);font-size:.9rem}.waveform{height:68px;border-radius:18px;background:repeating-linear-gradient(90deg,rgba(40,169,224,.22) 0 4px,transparent 4px 11px),linear-gradient(180deg,transparent,rgba(40,169,224,.12),transparent);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,#0003 73%);mask-image:radial-gradient(ellipse at center,#000 40%,#0003 73%)}input[type=range]{accent-color:var(--blue);width:100%}progress{width:100%;height:8px;border:0;border-radius:999px;overflow:hidden}progress::-webkit-progress-bar{background:#edf2f7}progress::-webkit-progress-value{background:var(--blue)}.time-row{display:flex;justify-content:space-between;color:var(--slate);font-size:.78rem}.player-controls{display:flex;justify-content:center;align-items:center;gap:18px}.player-controls button{border:0;background:transparent;color:var(--blue);font-size:1.55rem;min-width:38px}.round-control{width:68px;height:68px;border-radius:999px!important;background:var(--blue)!important;color:#fff!important;box-shadow:0 12px 28px #103f883d}.status-good{color:var(--success);text-align:center;font-weight:800}.switch-row,.radio-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.switch-row small{display:block;color:var(--slate)}.debug-line{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:.84rem}.debug-line span{color:var(--slate)}code,pre{max-width:100%;overflow-x:auto;border-radius:12px;background:#edf3f8;padding:3px 6px;color:var(--blue-dark)}pre{padding:12px;font-size:.75rem}.history-row{display:grid;grid-template-columns:70px 1fr auto;gap:6px;padding:10px;border-radius:12px;background:#f4f8fb}.history-row small{color:var(--slate)}.range-control{display:flex;flex-direction:column;gap:6px}@media(max-width:390px){.screen{padding-left:18px;padding-right:18px}.top-bar{margin-left:-18px;margin-right:-18px}.role-grid{gap:10px}}