:root{--bg:#09111f;--bg-soft:#0f1c31;--panel:#0d1a30b8;--panel-strong:#09111feb;--line:#a3beff2e;--line-strong:#a3beff4d;--text:#f7fbff;--text-soft:#e7eeffb8;--accent:#8cf7c5;--accent-warm:#ffc76b;--danger:#ffb4b4;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html{background:#09111f;background:var(--bg)}body{background:radial-gradient(circle at top left,#65ffcd29,#0000 28%),radial-gradient(circle at top right,#668fff29,#0000 24%),linear-gradient(135deg,#09111f,#0d1830 45%,#101d3b);color:#f7fbff;color:var(--text);font-family:Segoe UI,sans-serif;margin:0;min-height:100vh}a{color:inherit}button,input,select{font:inherit}#root,.app-shell{min-height:100vh}.app-shell{overflow:hidden;padding:24px;position:relative}.app-noise{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:40px 40px;inset:0;-webkit-mask-image:radial-gradient(circle at center,#000 30%,#0000 85%);mask-image:radial-gradient(circle at center,#000 30%,#0000 85%);opacity:.4;pointer-events:none;position:absolute}.auth-hero,.poster,.topbar,.workspace{position:relative;z-index:1}.topbar{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin:0 auto 24px;max-width:1380px}.auth-copy h1,.topbar h1{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.04em;line-height:.98;margin:0}.brand-lockup{align-items:center;display:inline-flex;gap:18px}.brand-mark{border-radius:22px;box-shadow:0 18px 30px #00000047,0 0 0 1px #a3beff2e;flex:0 0 auto;height:72px;width:72px}.brand-copy{min-width:0}.brand-copy .eyebrow,.brand-copy .topbar-label{margin-bottom:8px}.eyebrow,.meta-label,.section-kicker,.topbar-label{color:#8cf7c5;color:var(--accent);display:inline-block;font-size:.78rem;letter-spacing:.16em;margin:0 0 10px;text-transform:uppercase}.topbar-actions{align-items:center;display:flex;gap:14px}.profile-chip{grid-gap:2px;background:#ffffff0a;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:999px;display:grid;gap:2px;padding:12px 16px}.auth-form-copy,.auth-lead,.camera-status,.compact-copy,.emotion-summary,.player-copy,.poster-text,.profile-chip small,.section-copy,.song-note,.state-copy{color:#e7eeffb8;color:var(--text-soft)}.poster{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1.3fr .9fr;margin:0 auto 22px;max-width:1380px}.auth-form,.panel,.player-panel,.poster-copy{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #a3beff2e;border:1px solid var(--line);box-shadow:0 24px 80px #00000059;box-shadow:var(--shadow)}.poster-copy{background:linear-gradient(145deg,#0c1a2fdb,#081222e6),radial-gradient(circle at top left,#8cf7c529,#0000 32%);border-radius:36px;padding:clamp(28px,5vw,52px)}.auth-form h2,.poster-copy h2{font-size:clamp(2rem,3.5vw,3.6rem);letter-spacing:-.04em;line-height:1.02;margin:0;max-width:12ch}.poster-text{font-size:1.03rem;line-height:1.7;margin:18px 0 0;max-width:56ch}.auth-points,.poster-meta,.profile-grid,.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.auth-points>div,.poster-meta>div,.profile-grid>div,.stats-grid>div{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:18px;min-width:0;padding:14px 16px}.auth-points strong,.poster-meta strong,.profile-grid strong,.stats-grid strong{display:block;font-size:1rem;line-height:1.35}.profile-grid strong{overflow-wrap:anywhere;word-break:break-word}.player-panel{background:linear-gradient(160deg,#09111ff2,#101d3ae6),radial-gradient(circle at top right,#ffc76b2e,#0000 30%);border-radius:32px;display:flex;flex-direction:column;gap:18px;min-height:100%;padding:22px}.player-panel.empty{justify-content:center}.mini-actions,.mini-row,.player-header,.section-header,.song-topline{display:flex;gap:14px;justify-content:space-between}.auth-form h2,.history-panel h3,.player-header h3,.section-header h3,.song-card h4{margin:0}.player-frame{aspect-ratio:16/9;background:#0000004d;border:1px solid #a3beff4d;border:1px solid var(--line-strong);border-radius:22px;overflow:hidden}.player-frame iframe{border:0;height:100%;width:100%}.player-footer{align-items:center;display:flex;gap:14px}.player-mode-switch,.quick-access{display:flex;flex-wrap:wrap;gap:10px}.player-mode-btn{background:#ffffff0d;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:999px;color:#f7fbff;color:var(--text);cursor:pointer;padding:10px 14px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.quick-link{align-items:center;display:inline-flex;justify-content:center;white-space:nowrap}.player-mode-btn.active,.player-mode-btn:hover,.quick-link:hover{background:#8cf7c51f;border-color:#8cf7c566;transform:translateY(-1px)}.player-frame.spotify{aspect-ratio:auto;min-height:352px}.player-frame.spotify iframe{min-height:352px}.player-art,.song-thumb{background-position:50%;background-size:cover;border-radius:18px}.player-art{flex:0 0 auto;height:78px;width:78px}.workspace{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1.45fr .95fr;margin:0 auto;max-width:1380px}.workspace-main,.workspace-side{grid-gap:22px;align-content:start;display:grid;gap:22px}.workspace-side{align-self:start;position:-webkit-sticky;position:sticky;top:24px}.panel{background:#0d1a30b8;background:var(--panel);border-radius:30px;padding:22px}.capture-panel{padding-bottom:18px}.section-header{align-items:flex-start;margin-bottom:18px}.section-header>div{flex:0 0 auto}.section-copy{line-height:1.6;margin:0;max-width:38ch}.manual-moods{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.buffer-note{color:#e7eeffb8;color:var(--text-soft);line-height:1.6;margin:16px 0 0}.ghost-btn,.mini-actions button,.mood-pill,.primary-btn{border:0;border-radius:999px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.ghost-btn,.mini-actions button,.mood-pill{background:#ffffff0d;border:1px solid #a3beff2e;border:1px solid var(--line);color:#f7fbff;color:var(--text);padding:10px 14px}.ghost-btn:hover,.mini-actions button:hover,.mood-pill.active{background:#8cf7c51f;border-color:#8cf7c566;transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,#8cf7c5,#7cd7ff);background:linear-gradient(135deg,var(--accent),#7cd7ff);color:#08131f;font-weight:700;padding:12px 18px}.primary-btn:hover{transform:translateY(-2px)}.emotion-panel{grid-gap:22px;display:grid;gap:22px}.emotion-hero{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:auto 1fr}.emotion-orb{background:radial-gradient(circle,#fffc,#ffffff14);border-radius:999px;box-shadow:inset 0 0 24px #ffffff14,0 0 38px #ffffff0d;height:90px;width:90px}.emotion-orb.happy{background:radial-gradient(circle,#fff0a3,#ffd93d33)}.emotion-orb.fearful,.emotion-orb.sad{background:radial-gradient(circle,#cde3ff,#4facfe2e)}.emotion-orb.angry,.emotion-orb.disgusted{background:radial-gradient(circle,#ffc7ba,#ff7b7233)}.emotion-orb.neutral{background:radial-gradient(circle,#eef3ff,#b8c6db2e)}.emotion-orb.surprise,.emotion-orb.surprised{background:radial-gradient(circle,#e6d7ff,#c6a4ff38)}.emotion-heading{color:#e7eeffb8;color:var(--text-soft);margin:0 0 8px}.emotion-hero h4{font-size:2rem;margin:0}.score-stack{grid-gap:12px;display:grid;gap:12px}.score-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:84px 1fr 48px}.score-meter{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#8cf7c5,#7cd7ff);background:linear-gradient(90deg,var(--accent),#7cd7ff);border-radius:999px;height:100%}.recommendation-list{grid-gap:14px;display:grid;gap:14px}.mood-suggestion{grid-gap:16px;background:#8cf7c514;border:1px solid #8cf7c547;border-radius:22px;display:grid;gap:16px;margin-bottom:18px;padding:18px}.mood-suggestion h4{margin:0 0 8px}.mood-suggestion-actions{display:flex;flex-wrap:wrap;gap:10px}.song-card{grid-gap:18px;background:hsla(0,0%,100%,.035);border:1px solid #0000;border-radius:26px;display:grid;gap:18px;grid-template-columns:168px 1fr;padding:14px;transition:transform .2s ease,border-color .2s ease}.song-card.active,.song-card:hover{border-color:#8cf7c559;transform:translateY(-2px)}.song-thumb{min-height:154px}.song-copy{grid-gap:12px;display:grid;gap:12px}.song-kicker,.song-meta{color:#e7eeffb8;color:var(--text-soft);margin:0}.song-card h4{font-size:1.2rem}.song-artist,.song-note{line-height:1.55;margin:0}.song-meta{display:flex;gap:16px}.song-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.text-link{color:#8cf7c5;color:var(--accent);text-decoration:none}.live-badge{align-self:flex-start;background:#ffc76b24;border-radius:999px;color:#ffc76b;color:var(--accent-warm);font-size:.82rem;letter-spacing:.06em;padding:8px 12px;text-transform:uppercase}.history-panel h4{margin:0 0 12px}.history-columns{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr}.mini-list{grid-gap:10px;display:grid;gap:10px}.mini-row{align-items:center;background:#ffffff0a;border-radius:18px;padding:12px 14px}.mini-row span{color:#e7eeffb8;color:var(--text-soft);font-size:.88rem}.mini-row.action{align-items:flex-start}.mini-actions{flex-wrap:wrap}.state-copy{line-height:1.6;margin:0}.state-copy.error{color:#ffb4b4;color:var(--danger)}.auth-shell{min-height:100vh;padding:24px}.auth-hero{grid-gap:22px;align-items:stretch;display:grid;gap:22px;grid-template-columns:1.2fr .8fr;margin:0 auto;max-width:1380px;min-height:calc(100vh - 48px)}.auth-copy,.auth-form{border-radius:36px}.auth-copy{background:radial-gradient(circle at 20% 20%,#8cf7c524,#0000 24%),linear-gradient(145deg,#0c1a2fe6,#081222e6);border:1px solid #a3beff2e;border:1px solid var(--line);box-shadow:0 24px 80px #00000059;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,56px)}.auth-lead{font-size:1.05rem;line-height:1.7;max-width:46ch}.auth-form{grid-gap:16px;align-content:center;background:#09111feb;background:var(--panel-strong);display:grid;gap:16px;padding:34px}.auth-form label{grid-gap:8px;color:#e7eeffb8;color:var(--text-soft);display:grid;gap:8px}.auth-form input,.auth-form select{background:#ffffff0d;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:16px;color:#f7fbff;color:var(--text);padding:14px 16px;width:100%}.auth-submit{margin-top:8px}.camera-section{margin:0;max-width:420px}.camera-wrapper{aspect-ratio:4/3;background:#ffffff14;border:1px solid #a3beff4d;border:1px solid var(--line-strong);border-radius:28px;overflow:hidden;position:relative;width:min(100%,420px)}.camera-video{display:block;height:100%;object-fit:cover;width:100%}.camera-loader{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;line-height:1.5;padding:20px;position:absolute;text-align:center}.camera-error{background:#360a0ad1;color:#ffe7e7}.scan-frame{animation:pulse 1.7s infinite;border:1px solid #8cf7c5e6;border-radius:22px;box-shadow:inset 0 0 0 1px #8cf7c51f;inset:14px;position:absolute}.camera-status{line-height:1.6;margin:14px 0 0}.camera-status.error{color:#ffb4b4;color:var(--danger)}@keyframes pulse{0%{box-shadow:0 0 0 0 #8cf7c53d}70%{box-shadow:0 0 0 16px #8cf7c500}to{box-shadow:0 0 0 0 #8cf7c500}}@media (max-width:1120px){.auth-hero,.poster,.workspace{grid-template-columns:1fr}.auth-points,.poster-meta,.profile-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-side{position:static}}@media (max-width:760px){.app-shell,.auth-shell{padding:16px}.brand-lockup,.player-footer,.player-header,.section-header,.song-card,.song-topline,.topbar,.topbar-actions{align-items:flex-start;flex-direction:column}.auth-copy h1,.auth-form h2,.poster-copy h2,.topbar h1{max-width:none}.brand-mark{height:60px;width:60px}.auth-points,.emotion-hero,.poster-meta,.profile-grid,.score-row,.song-card,.stats-grid{grid-template-columns:1fr}.song-thumb{min-height:200px}}.auth-form select{-webkit-appearance:none;appearance:none;background:#0f1c31f2;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:16px;color:#f7fbff;color:var(--text);padding:14px 16px;width:100%}.auth-form select option{background-color:#fff!important;color:#000!important}.auth-form select:focus{border-color:#8cf7c5;border-color:var(--accent);outline:none}.dropdown-wrapper{display:flex;flex-direction:column;gap:6px;position:relative}.dropdown-label{color:#e7eeffb8;color:var(--text-soft);font-size:.9rem}.dropdown-header{align-items:center;background:#0f1c31;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:16px;color:#f7fbff;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px}.dropdown-header.open{background:#13243f;border-color:#8cf7c5;border-color:var(--accent)}.dropdown-list{background:#0f1c31;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 80px #00000059;box-shadow:var(--shadow);left:0;margin-top:6px;overflow:hidden;position:absolute;top:100%;width:100%;z-index:100}.dropdown-item{background:#0f1c31;color:#f7fbff;color:var(--text);cursor:pointer;padding:12px 16px}.dropdown-item:hover{background:#1a2f52}.dropdown-item.selected{background:#1e3a5f}.dropdown-arrow{font-size:12px;opacity:.7}.action-buttons button{background:#0f1c31;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:999px;color:#f7fbff;color:var(--text);cursor:pointer;padding:10px 18px;transition:transform .12s ease,background .2s ease,border-color .2s ease,box-shadow .12s ease;white-space:nowrap}.action-buttons button:hover{background:#1a2f52;border-color:#8cf7c5;border-color:var(--accent);transform:translateY(-2px)}.action-buttons button:active{background:#0c1628;box-shadow:inset 0 2px 6px #0006;transform:scale(.96)}.action-buttons button:focus{border-color:#8cf7c5;border-color:var(--accent);box-shadow:0 0 0 2px #8cf7c54d;outline:none}.action-buttons button.active{background:linear-gradient(135deg,#8cf7c5,#7cd7ff);background:linear-gradient(135deg,var(--accent),#7cd7ff);border-color:#0000;color:#08131f}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.action-buttons .quick-link{background:#0f1c31;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:999px;color:#f7fbff;color:var(--text);cursor:pointer;padding:10px 18px;transition:transform .12s ease,background .2s ease,border-color .2s ease,box-shadow .12s ease;white-space:nowrap}.action-buttons .quick-link:hover{background:#1a2f52;border-color:#8cf7c5;border-color:var(--accent);transform:translateY(-2px)}.action-buttons .quick-link:active{background:#0c1628;box-shadow:inset 0 2px 6px #0006;transform:scale(.96)}.action-buttons .quick-link:focus{border-color:#8cf7c5;border-color:var(--accent);box-shadow:0 0 0 2px #8cf7c54d;outline:none}.manual-moods .mood-pill{background:#0f1c31;border:1px solid #a3beff2e;border:1px solid var(--line);border-radius:999px;color:#f7fbff;color:var(--text);cursor:pointer;padding:10px 18px;transition:transform .12s ease,background .2s ease,border-color .2s ease,box-shadow .12s ease;white-space:nowrap}.manual-moods .mood-pill:hover{background:#1a2f52;border-color:#8cf7c5;border-color:var(--accent);transform:translateY(-2px)}.manual-moods .mood-pill:active{background:#0c1628;box-shadow:inset 0 2px 6px #0006;transform:scale(.96)}.manual-moods .mood-pill.active{background:linear-gradient(135deg,#8cf7c5,#7cd7ff);background:linear-gradient(135deg,var(--accent),#7cd7ff);border-color:#0000;color:#08131f}.mood-inline{align-items:center;animation:slideIn .3s ease;background:linear-gradient(145deg,#0f1c31,#142846);border:1px solid #8cf7c540;border-radius:16px;display:flex;justify-content:space-between;margin-top:16px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-btn{border-radius:999px;cursor:pointer;padding:8px 14px;transition:.2s}.inline-btn.primary{background:linear-gradient(135deg,#8cf7c5,#7cd7ff);background:linear-gradient(135deg,var(--accent),#7cd7ff);color:#08131f}.inline-btn.ghost{background:#0f1c31;border:1px solid #a3beff2e;border:1px solid var(--line);color:#f7fbff;color:var(--text)}.inline-btn:hover{transform:translateY(-2px)}.inline-btn:active{transform:scale(.96)}.mood-floating.premium{align-items:center;animation:floatIn .3s ease;background:linear-gradient(145deg,#0f1c31,#142846);border:1px solid #8cf7c54d;border-radius:16px;box-shadow:0 8px 25px #0006,0 0 20px #8cf7c514;display:flex;gap:12px;padding:12px 16px;position:absolute;right:20px;top:20px}.mood-floating-actions{display:flex;gap:8px}@keyframes floatIn{0%{opacity:0;transform:translateY(-10px) translateX(10px)}to{opacity:1;transform:translateY(0) translateX(0)}}.mood-floating.premium{min-width:220px;z-index:999}.poster{overflow:visible;position:relative}
/*# sourceMappingURL=main.5f07cb58.css.map*/