@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Sans+Arabic:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #0d1117;--bg-elevated: #11161d;--bg-panel: #151b23;--bg-panel-2: #191f28;--bg-input: #10151c;--border: #26303c;--border-strong: #344050;--text-primary: #edf2f8;--text-secondary: #c4ced8;--text-muted: #8693a3;--accent-blue: #5d8dff;--accent-blue-soft: rgba(93, 141, 255, .14);--action: #ff9152;--action-soft: rgba(255, 145, 82, .14);--success: #69c08b;--warning: #f0ba59;--critical: #f27f6f;--ring: rgba(93, 141, 255, .28);--shadow: 0 10px 28px rgba(0, 0, 0, .22);--error-bg: rgba(121, 33, 24, .65);--error-border: rgba(242, 127, 111, .32);--error-text: #ffffff}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light;--bg: #f4f6f8;--bg-elevated: #ffffff;--bg-panel: #ffffff;--bg-panel-2: #eef2f6;--bg-input: #ffffff;--border: #d5dde6;--border-strong: #b7c2cf;--text-primary: #111820;--text-secondary: #334252;--text-muted: #647283;--accent-blue: #2f66d9;--accent-blue-soft: rgba(47, 102, 217, .12);--action: #e26f33;--action-soft: rgba(226, 111, 51, .14);--ring: rgba(47, 102, 217, .24);--shadow: 0 10px 26px rgba(19, 30, 42, .1);--error-bg: rgba(190, 52, 39, .12);--error-border: rgba(190, 52, 39, .3);--error-text: #7c1f16}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;color:var(--text-primary);background:linear-gradient(180deg,#0c1015,#0f141b);font-family:IBM Plex Sans,Noto Sans KR,Noto Sans Arabic,sans-serif}[data-theme=light] body{background:#f4f6f8}html[data-language=ko] body{font-family:Noto Sans KR,IBM Plex Sans,sans-serif;line-height:1.68;word-break:keep-all}html[data-language=ko] .landing-hero-copy h1,html[data-language=ko] .score-hero h2{line-height:1.18}html[data-language=ko] .analysis-block p,html[data-language=ko] .panel-header p,html[data-language=ko] .marketing-card p,html[data-language=ko] .pricing-card li,html[data-language=ko] .score-summary-list,html[data-language=ko] .analysis-list,html[data-language=ko] .next-step-list{line-height:1.8}html[dir=rtl] body{direction:rtl;font-family:Noto Sans Arabic,IBM Plex Sans,sans-serif}html[dir=rtl] .landing-nav,html[dir=rtl] .landing-actions,html[dir=rtl] .workspace-toolbar-group,html[dir=rtl] .workspace-badge-row,html[dir=rtl] .billing-card-header,html[dir=rtl] .billing-actions,html[dir=rtl] .result-meta-row,html[dir=rtl] .spectrogram-toolbar,html[dir=rtl] .diagnostic-header,html[dir=rtl] .score-breakdown,html[dir=rtl] .profile-row-copy,html[dir=rtl] .history-card,html[dir=rtl] .history-card-side{flex-direction:row-reverse}html[dir=rtl] .landing-nav-link,html[dir=rtl] .language-switcher-label,html[dir=rtl] .language-option,html[dir=rtl] .account-link,html[dir=rtl] .panel-header,html[dir=rtl] .analysis-block,html[dir=rtl] .history-card-copy,html[dir=rtl] .account-dropdown,html[dir=rtl] .landing-hero-copy,html[dir=rtl] .marketing-card,html[dir=rtl] .pricing-card{text-align:right}html[dir=rtl] .language-switcher-menu,html[dir=rtl] .account-dropdown{left:0;right:auto}html[dir=rtl] .score-summary-list,html[dir=rtl] .analysis-list,html[dir=rtl] .next-step-list,html[dir=rtl] .pricing-list{padding-left:0;padding-right:20px}html[dir=rtl] input[type=file]::file-selector-button{margin-left:12px;margin-right:0}a,button,input,select{font:inherit}button,.button-link{transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}button:hover:not(:disabled),.button-link:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,.account-link:focus-visible,.landing-nav-link:focus-visible,.workspace-nav-link:focus-visible,.sidebar-new-button:focus-visible,.sidebar-nav-link:focus-visible,.sidebar-recent-link:focus-visible,.button-link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.7}#root{min-height:100vh}.landing-shell{width:min(1320px,calc(100% - 24px));margin:0 auto;padding:18px 0 32px}.workspace-shell{width:100%;min-height:100vh;margin:0;padding:0}.app-layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh;background:var(--bg)}.app-sidebar{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;height:100vh;padding:12px;border-right:1px solid var(--border);background:#0b0f14}[data-theme=light] .app-sidebar{background:#e8edf3}.sidebar-top{display:grid;gap:10px;min-height:0}.sidebar-brand{display:inline-flex;align-items:center;min-height:38px;color:var(--text-primary);text-decoration:none;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.sidebar-new-button,.sidebar-nav-link,.sidebar-recent-link,.sidebar-login-button{width:100%}.sidebar-new-button,.sidebar-nav-link,.sidebar-recent-link{display:flex;align-items:center;gap:9px;min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:600}.sidebar-new-button{border-color:var(--border);background:var(--action);color:#111820;cursor:pointer;font-weight:800}.sidebar-new-button span{font-size:1.1rem;line-height:1}.sidebar-nav{display:grid;gap:4px}.sidebar-nav-link:hover,.sidebar-nav-link-active,.sidebar-recent-link:hover{background:var(--bg-panel-2);color:var(--text-primary)}.sidebar-recents{display:grid;gap:6px;min-height:0;padding-top:6px;border-top:1px solid var(--border)}.sidebar-recents h2{margin:0;padding:0 8px;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sidebar-recent-list{display:grid;gap:2px;overflow:hidden}.sidebar-recent-link{justify-content:space-between;min-width:0;font-size:.84rem}.sidebar-recent-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-recent-link strong{flex:0 0 auto;color:var(--text-primary);font-size:.78rem}.sidebar-profile{position:relative;padding-top:10px;border-top:1px solid var(--border)}.app-main{min-width:0;padding:14px}.landing-header,.workspace-header{position:sticky;top:10px;z-index:40;margin-bottom:18px}.landing-toolbar,.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 14px;border:1px solid var(--border);border-radius:16px;background:#0f141bf0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-brand,.workspace-brand{color:var(--text-primary);text-decoration:none;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.03em}.landing-nav,.landing-actions,.workspace-toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-nav-link,.workspace-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:.93rem;font-weight:600}.landing-nav-link:hover,.workspace-nav-link:hover,.workspace-nav-link-active{color:var(--text-primary);background:var(--accent-blue-soft)}.landing-content,.workspace-content,.landing-page{display:grid;gap:18px}.landing-hero,.marketing-section,.landing-footer-cta,.panel,.placeholder-panel,.loading-panel,.usage-card,.billing-card,.upload-card,.premium-card,.history-card,.marketing-card,.pricing-card{border:1px solid var(--border);border-radius:16px;background:var(--bg-panel);box-shadow:var(--shadow)}.landing-hero,.marketing-section,.landing-footer-cta,.panel,.placeholder-panel,.loading-panel{padding:20px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start}.landing-hero-copy,.panel-header,.workspace-page,.workspace-side-stack,.history-panel,.history-list,.billing-result-panel{display:grid;gap:12px}.landing-hero-copy h1,.section-header h2,.panel-header h2,.panel-header h3,.loading-panel h2,.score-hero h2,.analysis-block h3,.pricing-card h3,.marketing-card h3{margin:0;font-family:Space Grotesk,sans-serif}.landing-hero-copy h1{font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.06;letter-spacing:-.05em}.section-kicker,.eyebrow,.upload-label,.metric-label,.score-label{margin:0;color:var(--accent-blue);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.landing-hero-copy p,.section-header p,.panel-header p,.analysis-block p,.billing-copy,.marketing-card p,.pricing-note,.frequency-label small,.reference-card p,.reference-card span,.score-copy,.diagnostic-detail,.zoom-label,.zoom-value,.file-meta,.usage-warning,.account-line,.history-card-copy span,.landing-stat-card span,.billing-card-grid span,.usage-card-grid span,.metric-card span{margin:0;color:var(--text-muted)}.landing-cta-row,.workspace-badge-row,.billing-actions,.billing-result-grid,.result-meta-row,.spectrogram-toolbar,.radar-legend,.diagnostic-header,.score-breakdown{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-stat-grid,.marketing-grid,.pricing-grid,.premium-grid{display:grid;gap:14px}.landing-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-stat-card{display:grid;gap:6px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-panel-2)}.landing-stat-card strong{font-size:1rem;font-weight:700}.marketing-section{display:grid;gap:16px}.section-header{display:grid;gap:8px}.marketing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-card,.pricing-card{padding:16px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-card{display:grid;gap:10px}.pricing-card-featured{border-color:var(--accent-blue)}.pricing-price{font-size:1.9rem;font-weight:700;letter-spacing:-.03em}.pricing-list,.score-summary-list,.analysis-list,.next-step-list{margin:0;padding-left:20px;color:var(--text-secondary);line-height:1.65}.landing-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:16px}.language-switcher{position:relative;min-width:160px}.language-switcher-flag,.language-option-flag,.result-pill-flag{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:0 0 auto}.language-switcher-trigger,.secondary-button,.account-trigger,.workspace-nav-link,.landing-nav-link,.workspace-upload-button{min-height:42px;border:1px solid var(--border-strong);border-radius:12px}.language-switcher-trigger,.secondary-button,.account-trigger{background:var(--bg-panel-2);color:var(--text-primary);font-weight:600}.language-switcher-trigger{display:inline-flex;align-items:center;gap:10px;width:100%;padding:0 12px;cursor:pointer}.language-switcher-trigger:hover:not(:disabled),.secondary-button:hover:not(:disabled),.account-trigger:hover{border-color:var(--accent-blue);background:#1b2430}.language-switcher-label{min-width:0;flex:1 1 auto;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.language-switcher-chevron{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);color:var(--text-muted);transition:transform .14s ease}.language-switcher-trigger[aria-expanded=true] .language-switcher-chevron{transform:translateY(2px) rotate(-135deg)}.language-switcher-menu,.account-dropdown{position:absolute;right:0;z-index:30;padding:8px;border:1px solid var(--border-strong);border-radius:14px;background:#121820;box-shadow:var(--shadow)}.language-switcher-menu{top:calc(100% + 8px);width:min(240px,calc(100vw - 24px))}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.language-option:hover,.language-option:focus-visible{background:var(--accent-blue-soft)}.language-option-selected{background:#5d8dff2e}.language-option-label{flex:1 1 auto}.language-option-check{width:10px;height:6px;border-left:2px solid var(--accent-blue);border-bottom:2px solid var(--accent-blue);transform:rotate(-45deg)}.primary-button,.secondary-button,.button-link,.workspace-upload-button{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;cursor:pointer;text-decoration:none}.primary-button{min-height:44px;border:1px solid #c86f3f;border-radius:12px;background:var(--action);color:#13171c;font-weight:700}.primary-button:hover:not(:disabled),.workspace-upload-button:hover:not(:disabled){background:#ffa06a}.primary-button-block{width:100%}.secondary-button{min-height:42px;color:var(--text-secondary)}.button-link{color:inherit}.workspace-upload-button{min-width:108px;background:var(--action);border-color:#c86f3f;color:#13171c;font-weight:700}.account-menu{position:relative}.account-trigger{list-style:none;display:flex;align-items:center;gap:10px;padding:5px 8px 5px 5px;cursor:pointer}.sidebar-profile .account-trigger{width:100%;min-height:44px;border-radius:8px;background:transparent}.sidebar-profile .account-trigger:hover{background:var(--bg-panel-2);border-color:var(--border)}.account-trigger::-webkit-details-marker{display:none}.account-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.account-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-blue);color:#fff;font-weight:700}.account-trigger-copy,.history-card-copy,.history-card-side,.usage-card-grid,.billing-card-grid{display:grid;gap:4px}.account-trigger-copy strong,.usage-card h3,.billing-card h3,.history-card strong{margin:0;color:var(--text-primary);font-family:Space Grotesk,sans-serif}.account-dropdown{top:calc(100% + 8px);min-width:270px;display:grid;gap:4px}.sidebar-profile .account-dropdown{top:auto;bottom:calc(100% + 8px);left:0;right:auto;width:100%;min-width:208px}.account-link{display:inline-flex;align-items:center;width:100%;min-height:38px;padding:0 10px;border-radius:8px;border:none;background:transparent;color:var(--text-primary);text-decoration:none;font-weight:600;cursor:pointer}.account-link:hover{color:var(--text-primary);background:var(--bg-panel-2)}.account-logout{color:var(--critical)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:flex-end;background:#00000061}.settings-drawer{width:min(360px,100vw);height:100%;padding:18px;border-left:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow)}.settings-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.settings-drawer-header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.15rem}.settings-close-button{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel-2);color:var(--text-primary);cursor:pointer;font-size:1.2rem;line-height:1}.settings-section{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--border)}.settings-label{color:var(--text-secondary);font-size:.86rem;font-weight:700}.settings-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.settings-segmented button{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel-2);color:var(--text-secondary);cursor:pointer;font-weight:700}.settings-segmented .settings-segment-active{border-color:var(--accent-blue);background:var(--accent-blue-soft);color:var(--text-primary)}.workspace-page{display:grid;gap:10px;max-width:1480px;margin:0 auto}.workspace-control-panel,.workspace-empty{display:grid;gap:10px}.workspace-control-panel{border-radius:10px;box-shadow:none}.workspace-panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.workspace-collapse-button{min-width:146px}.workspace-control-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:2px}.workspace-control-meta{display:flex;flex-wrap:wrap;gap:8px}.workspace-recent-strip{display:grid;gap:8px;padding:2px 2px 0}.workspace-recent-strip h2{margin:0;color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.workspace-recent-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workspace-recent-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);color:var(--text-secondary);text-decoration:none;font-size:.86rem}.workspace-recent-item:hover{border-color:var(--border-strong);color:var(--text-primary)}.workspace-recent-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-recent-item strong{flex:0 0 auto;color:var(--text-primary);font-size:.82rem}.usage-card,.billing-card,.upload-card,.premium-card,.history-card{padding:14px}.compact-panel-header{gap:6px}.usage-card-grid,.billing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-card-grid>div,.billing-card-grid>div{display:grid;gap:4px;align-content:start}.usage-card-grid span,.billing-card-grid span{display:block}.usage-card strong,.billing-card strong{color:var(--text-primary);font-size:1rem;display:block}.billing-card{display:grid;gap:12px}.billing-card-header,.billing-actions,.history-card{justify-content:space-between}.billing-copy{line-height:1.55}.upload-card{display:grid;gap:14px;padding:0;border:none;background:transparent;box-shadow:none}.upload-field{display:grid;gap:8px}input[type=file],.genre-select,.genre-input,.zoom-slider{width:100%}input[type=file],.genre-select,.genre-input{min-height:46px;border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;background:var(--bg-input);color:var(--text-primary)}input[type=file]{border-style:dashed}input[type=file]::file-selector-button{margin-right:12px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-panel-2);color:var(--text-primary);font-weight:600;cursor:pointer}.file-meta{font-size:.9rem;font-weight:600}.workspace-lock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-card{display:grid;gap:8px}.premium-card p{margin:0;color:var(--text-secondary)}.premium-card-enabled{border-color:#69c08b59;background:#69c08b14}.upgrade-pill,.suggestion-type,.result-pill,.score-breakdown-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:700}.upgrade-pill{background:#5d8dff24;color:var(--text-primary)}.result-pill,.score-breakdown-pill{border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text-primary);font-size:.85rem}.result-pill-good{border-color:#69c08b59;background:#69c08b14}.result-pill-warning{border-color:#f0ba5959;background:#f0ba5914}.result-pill-link{text-decoration:none}.error-banner{padding:14px 16px;border:1px solid var(--error-border);border-radius:14px;background:var(--error-bg);color:var(--error-text);font-weight:700}.placeholder-panel{display:grid;gap:12px}.loading-panel{display:flex;align-items:center;gap:14px}.placeholder-panel h2,.placeholder-panel p,.loading-panel h2,.loading-panel p{margin:0}.compact-loading-panel{min-height:104px}.spinner{position:relative;display:block;flex:0 0 auto;width:34px;height:34px;border:3px solid rgba(93,141,255,.14);border-top-color:var(--accent-blue);border-right-color:var(--action);border-radius:50%;animation:spinner-rotate .9s linear infinite reverse}.spinner:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:2px solid rgba(255,255,255,.06);border-left-color:transparent;border-bottom-color:transparent}.results-grid,.workspace-results-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:12px;align-items:start}.workspace-left-column,.workspace-right-column{display:grid;gap:12px}.workspace-page .panel{padding:12px;border-radius:12px}.workspace-page .panel-header{gap:4px}.workspace-page .panel-header h2,.workspace-page .panel-header h3{font-size:clamp(1rem,1.2vw,1.15rem);letter-spacing:.01em}.workspace-page .panel-header p{font-size:.9rem}.workspace-page .upload-card,.workspace-page .analysis-copy{gap:10px}.workspace-page .metrics-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workspace-page .metric-card,.workspace-page .reference-card,.workspace-page .analysis-block,.workspace-page .diagnostic-card,.workspace-page .suggestion-card{padding:10px 12px;border-radius:10px;background:#151b22}[data-theme=light] .workspace-page .metric-card,[data-theme=light] .workspace-page .reference-card,[data-theme=light] .workspace-page .analysis-block,[data-theme=light] .workspace-page .diagnostic-card,[data-theme=light] .workspace-page .suggestion-card,[data-theme=light] .score-hero{background:#f8fafc}.workspace-page .frequency-section,.workspace-page .reference-section,.workspace-page .profile-stack{gap:8px}.workspace-page .frequency-row{grid-template-columns:88px 1fr 48px;gap:8px}.workspace-page .reference-grid,.workspace-page .analysis-grid,.workspace-page .suggestion-grid,.workspace-page .diagnostic-grid,.workspace-page .aesthetic-grid{gap:8px}.workspace-page .reference-grid,.workspace-page .analysis-grid,.workspace-page .suggestion-grid,.workspace-page .diagnostic-grid{grid-template-columns:1fr}.workspace-page .score-hero{grid-template-columns:minmax(148px,.68fr) minmax(0,1fr);gap:10px;margin-bottom:10px;padding:12px;border-radius:12px}.workspace-page .score-hero h2{font-size:clamp(1.85rem,3vw,2.55rem)}.workspace-page .score-hero-side{gap:8px}.workspace-page .spectrogram-frame{padding:8px;border-radius:12px}.workspace-page .spectrogram-toolbar{margin-top:8px}.workspace-page .radar-legend{font-size:.82rem}.workspace-page .analysis-block p,.workspace-page .suggestion-card p,.workspace-page .diagnostic-card p,.workspace-page .reference-card p,.workspace-page .reference-card span{line-height:1.55}.workspace-page .analysis-notice{padding:10px 12px}.analysis-copy{display:grid;gap:14px}.metrics-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-card,.reference-card,.analysis-block,.diagnostic-card,.suggestion-card{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-panel-2)}.metric-card strong{display:block;margin:8px 0 4px;font-size:1.35rem;line-height:1}.metric-card-good strong,.reference-card-good strong{color:var(--success)}.metric-card-warning strong,.reference-card-warning strong{color:var(--warning)}.metric-card-critical strong,.reference-card-critical strong{color:var(--critical)}.metric-reference-note{display:block;margin-top:8px;color:var(--text-secondary)}.frequency-section,.reference-section{display:grid;gap:12px}.frequency-row{display:grid;grid-template-columns:110px 1fr 56px;gap:10px;align-items:center}.frequency-label{display:grid;gap:3px}.frequency-label span,.reference-card strong,.analysis-block p,.analysis-list,.next-step-list,.suggestion-card p,.diagnostic-card p{color:var(--text-secondary)}.bar-track,.profile-track{overflow:hidden;border-radius:999px;background:#242e3a}[data-theme=light] .bar-track,[data-theme=light] .profile-track{background:#dce4ee}.bar-track{height:10px}.bar-fill,.profile-fill{height:100%;border-radius:inherit}.bar-fill,.profile-fill{background:linear-gradient(90deg,var(--accent-blue),#8caeff)}.reference-grid,.analysis-grid,.suggestion-grid,.diagnostic-grid{display:grid;gap:10px}.reference-grid,.analysis-grid,.suggestion-grid,.diagnostic-grid,.aesthetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-card p,.reference-card span{line-height:1.55}.score-hero{display:grid;grid-template-columns:minmax(170px,.72fr) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:16px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg-panel-2)}.score-hero-good{border-color:#69c08b4d}.score-hero-warning{border-color:#f0ba594d}.score-hero-critical{border-color:#f27f6f4d}.score-hero h2{font-size:clamp(2rem,4vw,3rem);line-height:1}.score-hero-side{display:grid;gap:12px}.analysis-notice{padding:12px 14px;border:1px solid rgba(240,186,89,.26);border-radius:12px;background:#f0ba5914;color:var(--text-primary);font-weight:600}.analysis-block p,.suggestion-card p,.diagnostic-card p{line-height:1.65}.profile-stack,.profile-row{display:grid;gap:8px}.profile-row-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-row-copy strong{color:var(--text-primary);font-family:Space Grotesk,sans-serif;text-transform:capitalize}.profile-row-copy span{color:var(--text-secondary);font-weight:700}.profile-track{height:10px}.radar-chart{display:block;width:100%;height:auto;margin:0 auto}.radar-ring,.radar-axis-line{fill:none;stroke:#8693a33d;stroke-width:1}.radar-area{stroke-width:2}.radar-area-target{fill:#5d8dff1a;stroke:var(--accent-blue)}.radar-area-measured{fill:#ff91521f;stroke:var(--action)}.radar-axis-label{fill:var(--text-muted);font-size:10px}.radar-legend{justify-content:center;color:var(--text-muted);font-size:.9rem}.radar-legend span{display:inline-flex;align-items:center;gap:8px}.radar-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.radar-dot-target{background:var(--accent-blue)}.radar-dot-measured{background:var(--action)}.diagnostic-card-warning{border-color:#f0ba593d}.diagnostic-card-critical{border-color:#f27f6f3d}.diagnostic-card-good{border-color:#69c08b3d}.diagnostic-header strong{color:var(--text-primary);font-family:Space Grotesk,sans-serif}.diagnostic-action{color:var(--text-primary);font-weight:700}.suggestion-type{background:#5d8dff24;color:var(--accent-blue);letter-spacing:.06em;text-transform:uppercase}.zoom-slider{max-width:220px}.spectrogram-frame{padding:12px;border:1px solid var(--border);border-radius:14px;background:#0f141b}.spectrogram-scroll{overflow-x:auto;overflow-y:hidden;border-radius:12px}.spectrogram-image{display:block;max-width:none;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.history-card{display:flex;align-items:center;gap:14px}.account-page{display:grid;gap:16px}.account-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.account-page-header{display:grid;gap:12px}.account-feature-panel{display:grid;gap:14px}.account-feature-list{display:grid;gap:10px}.account-feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.account-feature-row:first-child{border-top:none;padding-top:0}.account-feature-row span:first-child{color:var(--text-secondary)}.account-feature-pill-enabled{background:#69c08b1f}.compact-placeholder{justify-content:flex-start}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width: 1180px){.results-grid,.workspace-results-grid,.workspace-overview,.landing-hero,.marketing-grid,.pricing-grid,.landing-stat-grid,.workspace-lock-grid,.account-page-grid{grid-template-columns:1fr}}@media (max-width: 860px){.app-layout{grid-template-columns:76px minmax(0,1fr)}.app-sidebar{padding:8px}.sidebar-brand,.sidebar-new-button,.sidebar-nav-link,.account-trigger-copy,.sidebar-recents{overflow:hidden}.sidebar-brand{justify-content:center;font-size:0}.sidebar-brand:before{content:"M";font-size:1rem}.sidebar-new-button,.sidebar-nav-link{justify-content:center;padding:0;font-size:0}.sidebar-new-button span{font-size:1.25rem}.sidebar-nav-link:before{content:"H";font-size:.9rem}.sidebar-recents,.account-trigger-copy{display:none}.sidebar-profile .account-trigger{justify-content:center;padding:5px}.sidebar-profile .account-dropdown{left:0;min-width:190px}.app-main{padding:10px}.landing-toolbar,.workspace-toolbar{align-items:flex-start;flex-direction:column}.landing-nav,.landing-actions,.workspace-toolbar-group{width:100%}.metrics-cards,.reference-grid,.analysis-grid,.suggestion-grid,.diagnostic-grid,.aesthetic-grid,.workspace-recent-row{grid-template-columns:1fr}.workspace-control-summary{align-items:stretch;flex-direction:column}.workspace-control-meta{width:100%}.frequency-row,.score-hero{grid-template-columns:1fr}.landing-footer-cta{align-items:flex-start;flex-direction:column}}@media (max-width: 560px){.landing-shell,.workspace-shell{width:min(100% - 16px,1320px);padding-top:10px}.workspace-shell{width:100%;padding-top:0}.landing-toolbar,.panel,.placeholder-panel,.loading-panel,.landing-hero,.marketing-section,.landing-footer-cta{padding:14px}.landing-nav,.landing-actions,.workspace-toolbar-group{display:grid;grid-template-columns:1fr}.language-switcher,.secondary-button,.primary-button,.landing-nav-link{width:100%}.account-menu{width:auto}.language-switcher-menu{left:0;right:auto;width:min(240px,calc(100vw - 20px))}.result-pill,.score-breakdown-pill{width:100%;justify-content:flex-start}.history-card{align-items:flex-start;flex-direction:column}}
