:root{color:#dfe8ff;font-synthesis:none;text-rendering:optimizelegibility;--text:#dfe8ff;--muted:#9aa7c1;--subtle:#697792;--line:#91acff24;--panel:linear-gradient(180deg, #0d162aeb, #080f1eeb);--cyan:#18d8ff;--violet:#8e5cff;--shadow:0 24px 90px #00000057;background:#050a16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:#050a16}body{background:#050a16;min-width:320px;min-height:100vh;margin:0}a{color:inherit}::selection{background:#18d8ff52}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,select{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:not-allowed;opacity:.48}.auth-page,.not-found-page,.public-doc-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 22% 20%,#693fff38,#0000 34%),radial-gradient(circle at 76% 78%,#00d1ff2e,#0000 38%),#050a16;grid-template-columns:minmax(360px,.72fr) minmax(420px,1fr);gap:28px;padding:34px;display:grid}.native-auth-page{background:#050a16;grid-template-columns:1fr;place-items:center;padding:0}.native-auth-card{place-items:center;padding:24px;display:grid}.not-found-page{grid-template-columns:1fr;place-items:center}.public-doc-page{grid-template-columns:minmax(0,1040px);place-content:start center;gap:26px}.public-doc-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.auth-card,.not-found-card,.public-doc-card{border:1px solid var(--line);min-height:calc(100vh - 68px);box-shadow:var(--shadow);background:linear-gradient(#0c1222eb,#070c18f5);border-radius:18px;align-content:space-between;padding:30px;display:grid}.not-found-card{gap:22px;width:min(620px,100%);min-height:0}.public-doc-card{align-content:start;gap:26px;min-height:0}.public-doc-card .lead{color:#dce8ff;max-width:840px;font-size:18px;line-height:1.8}.public-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.public-doc-grid article,.public-doc-english{border:1px solid var(--line);background:#070d1bb8;border-radius:14px;padding:18px}.public-doc-grid h2,.public-doc-english h2{color:#f7fbff;margin:0 0 10px;font-size:17px}.public-doc-grid p,.public-doc-english p{color:var(--muted);margin:0;line-height:1.8}.public-doc-card a,.text-inline-button{color:var(--cyan)}.text-inline-button{cursor:pointer;background:0 0;padding:0;text-decoration:underline}.auth-copy{gap:20px;max-width:620px;display:grid}.auth-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-copy h1,.page-head h1,.hero-copy h1,.report-hero h1,.not-found-card h1,.public-doc-card h1{color:#f7fbff;margin:0;font-size:48px;line-height:1.08}.auth-copy p,.not-found-card p,.page-head p,.hero-copy p{color:var(--muted);margin:0;line-height:1.85}.auth-actions{gap:16px;display:grid}.auth-legal-links{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:12px;font-weight:700;display:flex}.auth-legal-links a{color:#bcd0ec;text-underline-offset:3px;-webkit-text-decoration:underline #7997be70;text-decoration:underline #7997be70}.auth-legal-links a:hover{color:var(--cyan)}.google-button-host{min-height:44px}.auth-provider-stack{gap:10px;width:min(320px,100%);display:grid}.auth-provider-stack .google-button-host,.auth-provider-stack .google-button-host>div,.auth-provider-stack iframe{max-width:100%}.apple-signin-button{color:#fff;cursor:pointer;background:#000;border:1px solid #ffffffdb;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:min(320px,100%);min-height:44px;font-size:15px;font-weight:700;display:inline-flex}.apple-signin-button:hover:not(:disabled){background:#111;border-color:#fff}.apple-brand-mark{font-size:20px;line-height:1}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-note,.privacy-card,.loading-panel{color:var(--muted);align-items:center;gap:10px;display:flex}.auth-note svg,.privacy-card svg{color:var(--cyan)}.auth-visual{border:1px solid var(--line);min-height:calc(100vh - 68px);box-shadow:var(--shadow);background:#060b17;border-radius:18px;position:relative;overflow:hidden}.auth-visual img{object-fit:cover;opacity:.88;width:100%;height:100%}.preview-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f7fbff;background:#080e1cc7;border-radius:14px}.floating{gap:6px;padding:16px;display:grid;position:absolute}.floating.top{top:28px;right:28px}.floating.bottom{width:min(360px,100% - 56px);bottom:28px;right:28px}.app-frame{min-height:100vh;color:var(--text);background:linear-gradient(#070c18f0,#030811fa),radial-gradient(circle at 70% 10%,#5e46ff38,#0000 32%);grid-template-columns:224px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040913e0;grid-template-rows:auto 1fr auto auto;gap:22px;height:100vh;padding:22px 16px;display:grid;position:sticky;top:0}.logo{color:#f7fbff;align-items:center;gap:12px;display:flex}.logo-mark{place-items:center;width:42px;height:42px;display:grid}.logo strong{font-size:24px;line-height:1;display:block}.logo span{color:var(--subtle);margin-top:4px;font-size:10px;display:block}.primary-nav{align-content:start;gap:8px;display:grid}.primary-nav button,.help-link,.quick-actions button{width:100%;min-height:50px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:0 14px;display:flex}.primary-nav button:hover,.help-link:hover,.quick-actions button:hover{border-color:var(--line);color:#f7fbff;background:#ffffff0a}.primary-nav button.active{color:#f7fbff;background:linear-gradient(100deg,#14cfff4d,#8741ff57);border-color:#3fcdff38;box-shadow:0 18px 45px #2258ff2e}.plan-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:12px;padding:16px;display:grid}.plan-card p,.plan-card strong{margin:0}.plan-card p{color:var(--muted);font-size:12px}.plan-card strong{color:#f7fbff;font-size:18px}.plan-card button,.ghost,.primary-cta,.text-action,.icon-button,.back-link,.card-actions button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 16px;display:inline-flex}.plan-card button,.ghost,.card-actions button,.back-link{border:1px solid var(--line);color:#eaf2ff;background:#ffffff08}.ghost:hover,.plan-card button:hover,.card-actions button:hover,.back-link:hover{background:#ffffff12}.primary-cta{color:#fff;background:linear-gradient(100deg,#8c2fff,#14d7ff);border:1px solid #33dcff5c;font-weight:800;position:relative;overflow:hidden;box-shadow:0 18px 38px #2a74ff47}.primary-cta input,.plan-card input,.upload-pick input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.primary-cta.slim{min-height:40px}.ghost.small{min-height:36px;padding:0 12px}.help-link{align-self:end;min-height:42px}.main-column{min-width:0}.app-topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a14c7;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:0 28px;display:flex;position:sticky;top:0}.breadcrumbs,.top-actions,.user-menu,.toolbar-row,.section-header,.report-hero,.action-bar,.metric-line>div,.progress-card>div:first-child{align-items:center;display:flex}.breadcrumbs{color:var(--subtle);gap:8px}.breadcrumbs strong{color:#f7fbff}.top-actions{gap:12px}.pill{color:#b9e7ff;background:#29b2ff1a;border:1px solid #44c6ff3d;border-radius:999px;align-items:center;gap:7px;width:fit-content;min-height:30px;padding:0 11px;font-size:12px;display:inline-flex}.locale-toggle{border:1px solid var(--line);color:#eaf2ff;cursor:pointer;background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;min-width:58px;min-height:36px;padding:0 13px;font-weight:800;display:inline-flex}.locale-toggle:hover{background:#ffffff14}.locale-toggle.small{min-width:44px;min-height:36px;padding:0 10px}.pill.neutral{border-color:var(--line);color:var(--muted);background:#ffffff08}.icon-button{border:1px solid var(--line);color:#eaf2ff;background:#ffffff08;width:42px;padding:0;position:relative}.notification-dot{background:var(--violet);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px}.user-menu{border:1px solid var(--line);background:#ffffff08;border-radius:999px;gap:10px;min-height:46px;padding:5px 10px 5px 5px}.app-icon-mark{object-fit:cover;-webkit-user-select:none;user-select:none;flex:none;width:100%;height:100%;display:block}.app-user-icon,.profile-app-icon,.logo-icon{aspect-ratio:1;background:#ffffff0a;border:1px solid #82a2ff47;box-shadow:0 10px 28px #00000047}.app-user-icon{border-radius:12px;width:36px;height:36px}.profile-app-icon{border-radius:22px;width:76px;height:76px}.logo-icon{border-radius:13px;width:38px;height:38px}.avatar{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#14d7ff,#9b5cff);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.avatar.large{width:76px;height:76px;font-size:28px}.user-identity strong{color:#f7fbff;font-size:13px;display:block}.user-identity span{max-width:180px;color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.content-shell{padding:24px}.dashboard-grid,.library-layout,.compare-layout,.profile-layout,.report-layout{grid-template-columns:minmax(0,1fr) 282px;gap:20px;display:grid}.three-column-layout{grid-template-columns:minmax(280px,.86fr) minmax(320px,1fr) 300px;gap:20px;display:grid}.running-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.span-main{grid-column:1/-2}.page-head{align-content:start;gap:12px;padding:8px 0 4px;display:grid}.page-head h1{font-size:34px}.kicker{color:var(--cyan);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.hero-panel{border:1px solid var(--line);min-height:380px;box-shadow:var(--shadow);background:linear-gradient(90deg,#050a14eb,#050a1494),url(/assets/pictwave-neon-wave-bg.png) 50%/cover;border-radius:16px;grid-template-columns:minmax(280px,.58fr) minmax(420px,1fr);gap:22px;padding:30px;display:grid;overflow:hidden}.hero-copy{align-content:center;gap:18px;display:grid}.hero-copy h1{font-size:40px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-wave{align-self:center;min-width:0}.wave-canvas{background:#060b16b8;border:1px solid #708fff42;border-radius:14px;width:100%;height:320px;overflow:hidden;box-shadow:inset 0 0 60px #407dff29}.right-rail{grid-area:span 4/-2/auto/-1;align-content:start;gap:14px;display:grid}.panel,.wide-card,.compare-card,.metric-card,.in-app-empty{border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:0 16px 40px #0000002e}.panel,.wide-card,.compare-card,.metric-card{padding:18px}.panel-title{color:#f7fbff;align-items:center;gap:9px;margin-bottom:14px;display:flex}.panel-title svg{color:var(--violet)}.engine-card{gap:12px;display:grid}.engine-card strong{color:#f7fbff;line-height:1.35}.engine-card p,.panel p,.muted,.feature-step span,.empty-library span,.metric-card span,.compare-card p{color:var(--muted)}.summary-bars,.tag-stack,.output-list,.point-list,.quick-actions{gap:12px;display:grid}.metric-line{gap:8px;display:grid}.metric-line>div:first-child,.progress-card>div:first-child{justify-content:space-between}.metric-line span{color:var(--muted);font-size:12px}.metric-line strong{color:#f7fbff}.progress-track{background:#ffffff17;border-radius:999px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;display:block}.progress-track.large{height:12px}.tag-stack span{color:#d6d2ff;background:#754dff1f;border:1px solid #675cff38;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px}.wide-card{min-width:0}.wide-card.compact{padding-bottom:14px}.section-header{justify-content:space-between;gap:14px;margin-bottom:16px}.section-header h2,.panel h2,.compare-card h2{color:#f7fbff;margin:0;font-size:20px}.text-action{color:#95c8ff;background:0 0;min-height:32px;padding:0}.analysis-card-grid,.library-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.library-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.work-card{border:1px solid var(--line);background:#09101fd6;border-radius:12px;min-width:0;position:relative;overflow:hidden}.thumbnail-trigger{width:100%;color:inherit;cursor:zoom-in;text-align:left;background:0 0;padding:0;display:block;position:relative}.thumbnail-trigger>span{color:#f7fbff;opacity:0;background:#030811ad;border:1px solid #ffffff24;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;transition:opacity .16s,transform .16s;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}.thumbnail-trigger:hover>span,.thumbnail-trigger:focus-visible>span{opacity:1;transform:translateY(0)}.frequency-portrait{border-bottom:1px solid var(--line);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--portrait-a) 45%, transparent), transparent 34%), radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--portrait-b) 44%, transparent), transparent 36%), linear-gradient(135deg, #090e1c, color-mix(in srgb, var(--portrait-c) 28%, #050a16));height:128px;position:relative;overflow:hidden}.thumbnail-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frequency-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000,#030811cc);position:absolute;inset:42% 0 0}.frequency-portrait .spark-wave{z-index:1;height:62px;position:absolute;inset:auto 0 5px}.work-card-body{gap:12px;padding:12px;display:grid}.work-card-body>.spark-wave.compact{height:66px;min-height:66px}.work-card h3,.work-card p,.mini-metrics{margin:0}.work-card h3{overflow-wrap:anywhere;color:#f7fbff;font-size:15px}.work-card p{color:var(--subtle);font-size:11px}.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mini-metrics div{border:1px solid var(--line);background:#ffffff08;border-radius:8px;min-width:0;padding:8px}.mini-metrics dt{color:var(--subtle);font-size:11px}.mini-metrics dd{color:#f7fbff;margin:2px 0 0;font-size:15px;font-weight:800}.card-actions{gap:8px;padding:0 12px 12px;display:flex}.card-actions button{color:#cfe7ff;flex:1;min-height:34px;padding:0 10px}.feature-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature-step{border-left:1px solid var(--line);gap:12px;min-width:0;padding-left:14px;display:flex}.feature-step:first-child{border-left:0;padding-left:0}.feature-step svg{color:var(--cyan);flex:none}.feature-step strong{color:#f7fbff;margin-bottom:4px;display:block}.feature-step span{font-size:12px;line-height:1.6;display:block}.step-tracker{color:var(--muted);align-items:center;gap:16px;display:flex}.step-tracker div{align-items:center;gap:8px;display:flex}.step-tracker span{border:1px solid var(--line);background:#ffffff0d;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.step-tracker .active{color:#f7fbff}.step-tracker .active span{background:linear-gradient(135deg,#1d86ff5c,#8845ff75);border-color:#3fcdff59}.upload-panel,.settings-panel{min-height:550px}.three-column-layout .upload-panel{grid-area:2/1}.three-column-layout .settings-panel{grid-area:2/2}.three-column-layout .analysis-rail{grid-area:1/3/span 3}.three-column-layout .action-bar{grid-area:3/1/auto/3}.upload-drop{text-align:center;background:#ffffff08;border:1px dashed #6989ff5c;border-radius:12px;place-items:center;gap:10px;min-height:280px;padding:18px;display:grid;position:relative;overflow:hidden}.upload-drop.has-file{place-items:stretch stretch}.upload-drop img{object-fit:cover;border-radius:10px;width:100%;height:210px}.upload-drop strong{color:#f7fbff}.upload-drop span{color:var(--muted)}.remove-file{border:1px solid var(--line);color:#f7fbff;cursor:pointer;background:#030811c7;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:10px}.file-list{border:1px solid var(--line);color:var(--muted);border-radius:10px;justify-content:space-between;padding:12px;display:flex}.file-list strong{color:#f7fbff}.setting-group,.range-field,.input-field{gap:10px;margin-bottom:16px;display:grid}.setting-group>span,.range-field>span,.input-field>span{color:#eaf2ff;font-weight:700}.select-card{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;gap:5px;padding:14px;display:grid}.select-card.active{background:#1b63b82e;border-color:#3fcdff6b}.select-card strong{color:#f7fbff}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented button{border:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.segmented button.active{color:#f7fbff;background:#2177d838;border-color:#3fcdff5c}.range-field{grid-template-columns:1fr minmax(160px,1.6fr) 48px;align-items:center}.range-field input{accent-color:#7a5cff}.range-field strong{color:#f7fbff;text-align:right}.input-field input,.search-field input,.compare-card select{border:1px solid var(--line);color:#f7fbff;background:#ffffff0a;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.input-field input::placeholder,.search-field input::placeholder{color:var(--subtle)}.output-list div{border:1px solid var(--line);border-radius:10px;grid-template-columns:28px 1fr;gap:4px 12px;padding:13px;display:grid}.output-list svg{color:var(--cyan);grid-row:span 2}.output-list strong{color:#f7fbff}.output-list span{color:var(--muted);font-size:12px}.preview-wave{border:1px solid var(--line);background:linear-gradient(#0b12241f,#0308119e),url(/assets/pictwave-neon-wave-bg.png) 50%/cover;border-radius:10px;height:180px;overflow:hidden}.preview-wave.small{height:88px}.band-axis{color:var(--subtle);justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;display:flex}.action-bar{border:1px solid var(--line);background:#080e1cb8;border-radius:14px;justify-content:flex-end;gap:14px;padding:16px}.running-main{align-content:start;gap:20px;display:grid}.running-main h1{color:#f7fbff;margin:0;font-size:36px}.running-main p{color:var(--muted);margin:0}.running-stage{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.source-preview,.run-wave-card,.progress-card,.privacy-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px}.source-preview{text-align:center;gap:10px;display:grid}.source-preview img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.source-preview strong{color:#f7fbff}.source-preview span{color:var(--subtle)}.run-wave-card .wave-canvas{height:330px}.progress-card{gap:14px;display:grid}.progress-card strong,.progress-card span{color:#f7fbff}.privacy-card p{margin:4px 0 0}.process-panel{gap:16px;display:grid}.process-panel>div:not(.panel-title){color:var(--muted);grid-template-columns:30px 1fr;align-items:center;gap:10px;display:grid}.process-panel span{border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.process-panel .done span{color:var(--cyan);border-color:#3fcdff70}.process-panel .current span{border-color:var(--violet);box-shadow:0 0 0 6px #8558ff29}.process-panel strong{color:#f7fbff}.point-list span{border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:11px}.toolbar-row{justify-content:space-between;gap:12px;margin-bottom:16px}.search-field{border:1px solid var(--line);min-width:260px;color:var(--muted);background:#ffffff08;border-radius:10px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;padding:0}.empty-library,.in-app-empty{text-align:center;place-items:center;gap:14px;min-height:280px;padding:26px;display:grid}.empty-library svg,.in-app-empty svg{color:var(--cyan)}.empty-library strong,.in-app-empty h1{color:#f7fbff;margin:0}.empty-library span,.in-app-empty p{max-width:520px;color:var(--muted);margin:0}.big-number{color:#f7fbff;font-size:40px;line-height:1;display:block}.quick-actions button{border-color:var(--line);background:#ffffff08}.compare-board{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:16px;display:grid;position:relative}.compare-card{align-self:start;gap:14px;display:grid;position:relative}.compare-label{background:linear-gradient(135deg, var(--violet), var(--cyan));color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;top:18px;left:18px}.compare-card select{width:calc(100% - 42px);margin-left:42px}.compare-card .frequency-portrait{border:1px solid var(--line);border-radius:10px;height:150px}.compare-card .spark-wave:not(.compact){height:170px;min-height:170px}.compare-switch{border:1px solid var(--line);background:var(--panel);color:#f7fbff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.compare-summary-grid{grid-template-columns:1.2fr 220px 1.2fr;gap:14px;display:grid}.panel.mini{min-height:230px}.panel.mini .spark-wave{height:170px;min-height:170px}.score-ring{text-align:center;place-items:center;display:grid}.score-ring>span{background:radial-gradient(circle at center, #081020 58%, transparent 60%), conic-gradient(var(--violet) calc(var(--score) * 1%), #ffffff1a 0);color:#f7fbff;border-radius:50%;place-items:center;width:132px;height:132px;font-size:30px;font-weight:900;display:grid}.score-ring strong{color:#f7fbff}.score-ring small{color:var(--cyan)}.difference-chart,.histogram{border:1px solid var(--line);background:#ffffff08;border-radius:10px;align-items:center;gap:4px;height:150px;padding:12px;display:flex}.difference-chart span,.histogram span{border-radius:999px;flex:1;min-width:5px}.difference-chart .plus{background:linear-gradient(#9b5cff,#d84cff)}.difference-chart .minus,.histogram span{background:linear-gradient(#12d3ee,#3569ff)}.report-layout{grid-template-columns:minmax(0,1fr) 320px}.report-hero{justify-content:space-between;gap:18px}.report-hero h1{margin-top:12px;font-size:36px}.report-actions{align-items:center;gap:10px;display:flex}.report-main{grid-template-columns:300px minmax(0,1fr);gap:18px;display:grid}.report-source,.report-wave{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px}.report-source{align-content:start;gap:12px;display:grid}.report-source .frequency-portrait{border:1px solid var(--line);border-radius:12px;height:210px}.report-source strong{color:#f7fbff;font-size:18px}.report-source span{color:var(--muted)}.report-wave .spark-wave{height:300px;min-height:300px}.metric-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.metric-card{gap:10px;display:grid}.metric-card svg{color:var(--violet)}.metric-card strong{color:#f7fbff;font-size:28px}.metric-card small{color:var(--subtle);margin-left:3px;font-size:13px}.report-explain{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:center;gap:18px;display:grid}.report-explain p{color:var(--muted);margin:0;line-height:1.9}.mini-report-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mini-report-list button{border:1px solid var(--line);color:#f7fbff;cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;gap:8px;padding:10px;display:grid}.mini-report-list .frequency-portrait{border-radius:8px;height:74px}.profile-card{align-items:center;gap:18px;min-width:0;display:flex}.profile-identity{min-width:0}.profile-card h2{color:#f7fbff;overflow-wrap:anywhere;margin:0 0 4px}.profile-card p{overflow-wrap:anywhere;margin:0}.profile-card button{flex:none;max-width:100%;margin-left:auto}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.inline-error{color:#ffb5b5;background:#ff49491a;border:1px solid #ff6f6f52;border-radius:10px;margin:0;padding:10px 12px}.spark-wave{width:100%;min-height:140px;display:block}.spark-wave.interactive{cursor:pointer}.spark-wave.compact{min-height:62px}.artwork-modal{z-index:80;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:zoom-out;background:#01050cc7;position:absolute;inset:0}.artwork-modal-panel{background:linear-gradient(#0b1224f5,#050a14fa);border:1px solid #708fff42;border-radius:16px;gap:14px;width:min(980px,100%);max-height:calc(100vh - 56px);padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000085}.modal-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.modal-head strong{color:#f7fbff;font-size:18px;display:block}.modal-head span{color:var(--subtle);margin-top:3px;font-size:12px;display:block}.artwork-stage{border:1px solid var(--line);background-color:#050a16;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25%),linear-gradient(-45deg,#ffffff08 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff08 75%),linear-gradient(-45deg,#0000 75%,#ffffff08 75%),none;background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:12px;place-items:center;min-height:220px;max-height:min(70vh,720px);display:grid;overflow:hidden}.artwork-stage img{object-fit:contain;width:100%;height:100%;max-height:min(70vh,720px);display:block}.artwork-stage .frequency-portrait{border:0;width:100%;height:min(58vh,520px)}.modal-wave{border:1px solid var(--line);background:#ffffff08;border-radius:12px;height:92px;overflow:hidden}.modal-wave .spark-wave{height:92px;min-height:92px}.wave-detail-modal{z-index:90;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.wave-detail-panel{background:linear-gradient(#0b1224f5,#050a14fa);border:1px solid #708fff42;border-radius:16px;gap:16px;width:min(760px,100%);max-height:calc(100vh - 56px);padding:16px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #00000085}.wave-detail-main{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:16px;display:grid}.wave-detail-chart{border:1px solid var(--line);background:#ffffff08;border-radius:12px;align-items:end;gap:7px;height:230px;padding:16px;display:flex}.wave-detail-chart span{border-radius:999px 999px 4px 4px;flex:1;min-width:10px}.wave-detail-chart .low,.wave-legend-item>.low{background:linear-gradient(#18d8ff,#2169ff)}.wave-detail-chart .mid,.wave-legend-item>.mid{background:linear-gradient(#9b5cff,#4f72ff)}.wave-detail-chart .high,.wave-legend-item>.high{background:linear-gradient(#ff5fe2,#8c2fff)}.wave-detail-legend{gap:10px;display:grid}.wave-legend-item{border:1px solid var(--line);background:#ffffff08;border-radius:12px;grid-template-columns:12px 1fr;gap:12px;padding:12px;display:grid}.wave-legend-item>span{border-radius:999px;width:12px}.wave-legend-item strong{color:#f7fbff}.wave-legend-item p,.wave-detail-note{color:var(--muted);margin:4px 0 0;line-height:1.65}.limit-error-card{gap:10px;display:grid}.subscription-panel{border:1px solid var(--line);background:linear-gradient(135deg,#14d7ff14,#9b5cff17);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:18px;display:flex}.subscription-panel>div:first-child{min-width:0}.subscription-panel h2{color:#f7fbff;margin:2px 0 8px;font-size:28px}.subscription-panel p{color:var(--muted);margin:0;line-height:1.6}.subscription-actions,.legal-actions,.paywall-links{flex-wrap:wrap;gap:10px;display:flex}.subscription-actions{flex:none;justify-content:flex-end;max-width:100%}.subscription-actions .primary-cta,.subscription-actions .ghost{white-space:normal;max-width:100%}.paid-value-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.paid-value-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;grid-template-columns:20px 1fr;gap:8px;min-width:0;padding:12px;display:grid}.paid-value-card svg{color:var(--cyan);margin-top:2px}.paid-value-card strong{color:#f7fbff;font-size:13px}.paid-value-card p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.theme-card{border:1px solid var(--line);min-height:226px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff08;border-radius:14px;align-content:start;gap:10px;padding:12px;display:grid}.theme-card.active{background:linear-gradient(#20d7ff1a,#9b5cff14);border-color:#20d7ff99;box-shadow:inset 0 0 0 1px #ffffff0f}.theme-card.locked{opacity:.78}.theme-card>svg{color:var(--cyan)}.theme-card .spark-wave{height:62px;min-height:62px}.theme-card strong{color:#f7fbff;font-size:15px}.theme-card span,.theme-card small{color:var(--muted);font-size:12px;line-height:1.45}.theme-card small{color:#d9c7ff;border:1px solid #9b5cff5c;border-radius:999px;width:max-content;padding:3px 8px}.danger-button{color:#ffc4c4;cursor:pointer;background:#ff49491a;border:1px solid #ff6f6f57;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.paywall-modal{z-index:110;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.paywall-panel{background:radial-gradient(circle at 16% 12%,#20d7ff29,#0000 30%),radial-gradient(circle at 86% 18%,#ff5fe224,#0000 32%),linear-gradient(#0b1224fa,#050a14fc);border:1px solid #708fff47;border-radius:18px;gap:16px;width:min(900px,100%);max-height:calc(100vh - 56px);padding:18px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #0000008f}.paywall-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.paywall-plan{border:1px solid var(--line);background:#ffffff08;border-radius:14px;gap:14px;padding:16px;display:grid}.paywall-plan.featured{background:linear-gradient(#9b5cff1f,#ff5fe212);border-color:#ff5fe261}.paywall-plan h2{color:#f7fbff;margin:4px 0 8px;font-size:30px}.paywall-plan p,.paywall-note p{color:var(--muted);margin:0;line-height:1.65}.paywall-plan ul{color:#dce8ff;gap:8px;margin:0;padding-left:18px;line-height:1.5;display:grid}.billing-message{color:#dff7ff;background:#20d7ff14;border:1px solid #20d7ff47;border-radius:12px;margin:0;padding:11px 12px;font-weight:700}.paywall-note{border-top:1px solid var(--line);gap:12px;padding-top:14px;display:grid}@media (width<=1180px){.app-frame{grid-template-columns:88px minmax(0,1fr)}.sidebar{padding-inline:12px}.logo.lockup div:last-child,.primary-nav span,.plan-card,.help-link span{display:none}.primary-nav button,.help-link{justify-content:center;padding:0}.dashboard-grid,.library-layout,.compare-layout,.profile-layout,.report-layout,.running-layout,.three-column-layout{grid-template-columns:1fr}.paid-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.right-rail,.span-main{grid-column:1}.right-rail{grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-panel,.report-main,.running-stage{grid-template-columns:1fr}.analysis-card-grid,.library-grid,.feature-strip,.metric-row,.mini-report-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.auth-page,.not-found-page,.public-doc-page{grid-template-columns:1fr;gap:14px;padding:14px}html,body,#root,.app-frame,.main-column,.content-shell{max-width:100%;overflow-x:hidden}.native-auth-page{min-height:100vh;padding:0}.auth-card,.auth-visual{min-height:auto}.auth-card,.not-found-card,.public-doc-card{padding:24px}.public-doc-header{align-items:flex-start}.public-doc-grid{grid-template-columns:1fr}.public-doc-card .lead{font-size:16px}.auth-card .logo.lockup div:last-child,.not-found-card .logo.lockup div:last-child{display:block}.auth-visual{min-height:300px}.app-frame{padding-bottom:calc(76px + env(safe-area-inset-bottom));display:block}.sidebar{z-index:30;height:calc(76px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050a14e0;border-top:1px solid #708fff33;border-right:0;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -18px 42px #00000057}.sidebar .logo,.sidebar .plan-card,.sidebar .help-link{display:none}.primary-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;height:100%;display:grid;overflow:visible}.primary-nav button{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:58px;padding:0 2px;font-size:10px;line-height:1.15}.primary-nav span{text-overflow:clip;white-space:nowrap;width:100%;display:block;overflow:hidden}.primary-nav svg{width:20px;height:20px}.app-topbar{flex-direction:row;align-items:center;gap:10px;min-height:60px;padding:10px 14px}.breadcrumbs{flex:1;gap:6px;min-width:0}.breadcrumbs span{text-overflow:ellipsis;white-space:nowrap;max-width:88px;overflow:hidden}.breadcrumbs strong{color:#f7fbff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.top-actions{flex-wrap:nowrap;flex:none;gap:8px;width:auto}.top-actions .pill,.top-actions .icon-button{display:none}.user-menu{background:0 0;border:0;min-height:38px;padding:0}.user-menu .user-identity,.user-menu svg{display:none}.app-user-icon,.avatar{width:36px;height:36px}.top-actions .ghost.small{width:38px;min-height:38px;padding:0}.top-upgrade-button span,.logout-label{display:none}.content-shell{padding:14px 14px 22px}.auth-copy h1,.hero-copy h1,.report-hero h1,.page-head h1,.running-main h1{font-size:28px}.auth-copy p,.hero-copy p,.page-head p{line-height:1.65}.dashboard-grid,.library-layout,.compare-layout,.profile-layout,.report-layout,.running-layout,.three-column-layout{gap:14px}.span-main,.right-rail,.three-column-layout .upload-panel,.three-column-layout .settings-panel,.three-column-layout .analysis-rail,.three-column-layout .action-bar{grid-area:auto/1}.hero-panel{background:linear-gradient(#050a14f0,#050a14ad),url(/assets/pictwave-neon-wave-bg.png) 50%/cover;border-radius:14px;gap:16px;min-height:auto;padding:18px}.hero-copy{align-content:start;gap:14px}.hero-actions{grid-template-columns:1fr;display:grid}.hero-actions .primary-cta,.hero-actions .ghost{width:100%}.wave-canvas,.run-wave-card .wave-canvas{height:220px}.hero-wave .wave-canvas{height:210px}.right-rail{scroll-snap-type:none;grid-template-columns:1fr;grid-auto-columns:auto;grid-auto-flow:row;padding-bottom:0;overflow:visible}.analysis-card-grid,.library-grid,.feature-strip,.mini-report-list,.compare-summary-grid,.compare-board,.report-explain,.profile-stats{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-card-grid,.library-grid{gap:12px}.frequency-portrait{aspect-ratio:16/9;border-bottom:0;border-radius:10px;height:auto;min-height:112px}.thumbnail-image{object-fit:contain;background:#050a16;padding:2px}.thumbnail-trigger>span{opacity:1;transform:none}.work-card-body{gap:10px;padding:11px}.work-card-body>.spark-wave.compact{height:54px;min-height:54px}.mini-metrics{gap:6px}.mini-metrics div{padding:7px}.mini-metrics dd{font-size:14px}.card-actions{gap:6px;padding:0 11px 11px}.card-actions button{min-height:36px;padding:0 8px;font-size:12px}.feature-step{border-left:0;border-top:1px solid var(--line);padding-top:12px;padding-left:0}.feature-step:first-child{border-top:0;padding-top:0}.upload-panel,.settings-panel{min-height:auto}.step-tracker{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;padding-bottom:0;display:grid;overflow-x:visible}.step-tracker div{flex:initial;white-space:normal;align-items:flex-start;min-width:0;font-size:12px}.upload-drop{min-height:220px}.upload-drop img{object-fit:contain;background:#050a16;height:auto;max-height:220px}.segmented button{flex:calc(50% - 4px);justify-content:center;padding-inline:10px}.action-bar .ghost,.action-bar .primary-cta{width:100%}.search-field{width:100%;min-width:0}.compare-switch{justify-self:center;transform:none}.compare-card .frequency-portrait,.report-source .frequency-portrait{aspect-ratio:16/10;height:auto;min-height:154px}.toolbar-row,.report-hero,.action-bar{flex-direction:column;align-items:stretch}.range-field{grid-template-columns:1fr}.running-stage{gap:14px}.source-preview img{aspect-ratio:16/10;object-fit:contain;background:#050a16}.report-actions{flex-wrap:wrap;width:100%}.report-actions button{flex:160px}.report-main{gap:14px}.report-wave .spark-wave{height:220px;min-height:220px}.report-explain{gap:14px}.panel,.wide-card,.compare-card,.metric-card{padding:15px}.artwork-modal{padding:10px;padding-bottom:calc(86px + env(safe-area-inset-bottom));align-items:end}.artwork-modal-panel{width:100%;max-height:calc(100vh - 106px - env(safe-area-inset-bottom));border-radius:14px;padding:12px}.modal-head strong{font-size:16px}.artwork-stage,.artwork-stage img{max-height:58vh}.modal-wave,.modal-wave .spark-wave{height:74px;min-height:74px}.wave-detail-modal{padding:10px;padding-bottom:calc(86px + env(safe-area-inset-bottom));align-items:end}.wave-detail-panel{width:100%;max-height:calc(100vh - 106px - env(safe-area-inset-bottom));border-radius:14px;padding:12px}.wave-detail-main{grid-template-columns:1fr}.wave-detail-chart{gap:5px;height:190px;padding:12px}.subscription-panel,.subscription-actions,.legal-actions{flex-direction:column;align-items:stretch}.paid-value-strip{grid-template-columns:1fr}.profile-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;display:grid}.profile-card .profile-app-icon,.profile-card .avatar.large{border-radius:18px;width:64px;height:64px;font-size:24px}.profile-card button{grid-column:1/-1;justify-content:center;width:100%;margin-left:0}.profile-card .logout-label{display:inline}.subscription-actions{flex:initial;justify-content:stretch}.subscription-actions .primary-cta,.subscription-actions .ghost,.legal-actions .ghost{justify-content:center;width:100%}.theme-grid,.paywall-plans{grid-template-columns:1fr}.paywall-modal{padding:10px;padding-bottom:calc(86px + env(safe-area-inset-bottom));align-items:end}.paywall-panel{width:100%;max-height:calc(100vh - 106px - env(safe-area-inset-bottom));border-radius:14px;padding:14px}.paywall-links>*{flex:150px}}@media (width<=420px){.auth-page,.not-found-page{padding:10px}.auth-card,.not-found-card{padding:20px}.auth-copy h1,.hero-copy h1,.report-hero h1,.page-head h1,.running-main h1{font-size:26px}.content-shell,.app-topbar{padding-inline:10px}.breadcrumbs span,.breadcrumbs svg{display:none}.primary-nav{gap:2px}.primary-nav button{font-size:9px}.hero-panel,.panel,.wide-card,.compare-card,.metric-card{border-radius:12px}.metric-row{grid-template-columns:1fr}.profile-card{grid-template-columns:54px minmax(0,1fr);gap:12px}.profile-card .profile-app-icon,.profile-card .avatar.large{border-radius:16px;width:54px;height:54px;font-size:22px}.profile-card h2{font-size:20px}.subscription-panel{padding:14px}.subscription-panel h2{font-size:26px}}