:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f5f1e8;--bg-strong: #e9efe9;--surface: rgba(255, 255, 255, .92);--surface-soft: rgba(255, 255, 255, .72);--surface-accent: rgba(31, 111, 114, .08);--line: rgba(18, 44, 48, .1);--line-strong: rgba(18, 44, 48, .18);--ink: #173033;--muted: #5d7376;--accent: #1f6f72;--accent-strong: #194f59;--gold: #b88545;--danger: #8f4341;--danger-soft: rgba(143, 67, 65, .1);--success: #2f6a53;--success-soft: rgba(47, 106, 83, .1);--shadow: 0 20px 48px rgba(23, 48, 51, .08);--shadow-soft: 0 12px 28px rgba(23, 48, 51, .06);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--touch-target: 44px}*{box-sizing:border-box}html{line-height:1.5}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(206,228,224,.92),transparent 34%),radial-gradient(circle at right 10% top 8%,rgba(191,220,213,.58),transparent 28%),linear-gradient(180deg,#f6f2ea,#eef4f1)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,input,select,textarea{width:100%;min-height:var(--touch-target);border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffffe6;padding:.875rem 1rem;color:var(--ink)}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(31,111,114,.2);outline-offset:2px}textarea{resize:vertical}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.05;letter-spacing:-.03em}h2{font-size:clamp(1.5rem,3.5vw,2.1rem);line-height:1.1;letter-spacing:-.02em}h3{font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.2}h4{font-size:1rem;line-height:1.35}.muted{color:var(--muted)}.eyebrow{color:var(--gold);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.app-shell{width:min(1120px,100%);margin:0 auto;padding:var(--space-4)}.topbar{display:grid;gap:var(--space-5);margin-bottom:var(--space-6)}.brand-lockup{display:flex;align-items:flex-start;gap:var(--space-4)}.brand-mark-wrap{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:20px;background:#ffffff9e;border:1px solid rgba(31,111,114,.12);box-shadow:var(--shadow-soft)}.brand-tagline{margin-top:.15rem;color:var(--accent-strong);font-weight:600}.topbar-right{display:grid;gap:var(--space-3)}.nav{display:flex;flex-wrap:wrap;gap:var(--space-3);overflow:visible;padding-bottom:0}.nav-link{display:inline-flex;align-items:center;gap:.55rem;width:auto;min-height:var(--touch-target);padding:.7rem .95rem;border-radius:999px;border:1px solid transparent;background:#ffffff8c;color:var(--muted);font-weight:600}.nav-link-active{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-soft)}.nav-icon,.icon-heading,.auth-feature-list p,.celebration-note,.fallback-note,.subscription-badge,.status-banner,.button{display:inline-flex;align-items:center;gap:.6rem}.user-button-wrap{display:flex;justify-content:flex-end}.page,.stack-sm,.stack-md,.stack-lg,.grid,.wizard-layout,.history-details,.field,.progress-wrap,.auth-shell,.auth-copy,.auth-card,.state-card{display:grid}.page{gap:var(--space-5)}.stack-sm{gap:var(--space-3)}.stack-md{gap:var(--space-4)}.stack-lg{gap:var(--space-5)}.grid{gap:var(--space-4)}.two-up,.channel-grid,.provider-grid,.problem-grid{grid-template-columns:1fr}.card{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{display:flex;flex-direction:column;gap:var(--space-5)}.section-head,.suggestion-head,.list-row,.dashboard-row,.button-row,.wizard-actions{display:flex;gap:var(--space-3)}.section-head,.suggestion-head{align-items:flex-start;justify-content:space-between}.list-row,.dashboard-row,.button-row,.wizard-actions{align-items:center;justify-content:space-between}.dashboard-row,.history-item{padding:.95rem 0;border-top:1px solid var(--line)}.dashboard-row:first-of-type,.history-item:first-child{border-top:0}.field-label{font-weight:700}.field-hint{font-size:.93rem;color:var(--muted)}.button{width:auto;justify-content:center;border:none;border-radius:999px;background:linear-gradient(135deg,#1d666f,#245878);color:#fff;font-weight:700;box-shadow:0 10px 24px #1d666f2e}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.65;transform:none}.button-secondary{background:#ffffffbd;color:var(--ink);border:1px solid var(--line);box-shadow:none}.large-textarea{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge,.priority-pill{display:inline-flex;align-items:center;gap:.45rem;width:auto;padding:.45rem .8rem;border-radius:999px;background:#1f6f7217;color:var(--ink);font-size:.92rem}.priority-red{background:#8f43411f}.priority-yellow{background:#b8854524}.priority-green{background:#2f6a531f}.subscription-badge{flex-wrap:wrap;width:fit-content;padding:.75rem .95rem;border-radius:18px;background:var(--surface-accent)}.subscription-badge span{color:var(--muted)}.upgrade-card{background:linear-gradient(180deg,#1f6f7214,#fffffff2);border-color:#1f6f722e}.status-banner,.permission-panel,.privacy-note,.celebration-note,.empty-inline,.info-panel,.setup-path-card{border-radius:var(--radius-md);padding:.95rem 1rem;border:1px solid var(--line);background:#fff9}.status-banner{font-weight:600}.status-info{background:#1f6f7214}.status-success{background:var(--success-soft)}.status-error{background:var(--danger-soft);color:var(--danger)}.celebration-note{color:var(--accent-strong);font-weight:600}.state-card{justify-items:start;gap:var(--space-3)}.state-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#1f6f7214;color:var(--accent-strong)}.state-icon-loading .icon{animation:spin 1.1s linear infinite}.state-icon-error{background:var(--danger-soft);color:var(--danger)}.state-icon-empty{background:#b885451f;color:var(--gold)}.state-icon-success{background:var(--success-soft);color:var(--success)}.stat{font-size:clamp(2.6rem,8vw,3.4rem);line-height:1}.wizard-layout{gap:var(--space-4)}.wizard-sidebar,.wizard-content{min-height:100%}.progress-labels{display:flex;justify-content:space-between;font-size:.92rem;color:var(--muted)}.progress-track{height:10px;border-radius:999px;overflow:hidden;background:#17303314}.progress-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#1d666f,#c1955a)}.wizard-steps{list-style:none;padding:0;margin:var(--space-5) 0 0;gap:var(--space-3)}.wizard-steps li{display:flex;gap:var(--space-3);padding:.95rem;border-radius:var(--radius-md);background:#ffffff94}.wizard-steps span:first-child{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#1f6f721f;font-weight:700}.wizard-step-active{border:1px solid rgba(31,111,114,.22);background:#fffc}.provider-card,.problem-chip,.round-tab{text-align:left}.provider-card-active,.problem-chip-active,.round-tab-active,.feedback-active{border-color:#1f6f7247;background:#d7eeebd1}.round-nav{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.round-tab{width:auto;min-height:var(--touch-target);white-space:nowrap;padding:.72rem 1rem}.feedback-button{min-width:120px}.history-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);cursor:pointer}.history-summary::-webkit-details-marker{display:none}.upload-value{font-size:.88rem;color:var(--muted);word-break:break-all}.auth-shell{min-height:100vh;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-5)}.auth-copy,.auth-card{max-width:440px}.auth-copy{gap:var(--space-4)}.auth-brand{margin-bottom:var(--space-2)}.auth-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffed;box-shadow:var(--shadow)}.auth-feature-list{display:grid;gap:var(--space-3)}.auth-feature-list p{color:var(--muted)}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-3)}.checkbox-row input{width:auto;min-height:auto;margin-top:.2rem}.compact-list{margin:0;padding-left:1.15rem}.suggestion-card details{margin-top:var(--space-3)}.waveform,.waveform-empty{min-height:140px;border-radius:var(--radius-md);background:linear-gradient(180deg,#1f6f7214,#1f6f7208);display:flex;align-items:end;gap:4px;padding:var(--space-4)}.waveform span{flex:1;border-radius:999px;background:linear-gradient(180deg,#1d666f,#c1955a)}.waveform-empty{align-items:center;justify-content:center;color:var(--muted);text-align:center}.privacy-note{color:var(--ink)}.record-hero{display:flex;justify-content:center}.record-button{width:min(100%,420px);min-height:160px;display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-6);border:0;border-radius:36px;background:radial-gradient(circle at top,rgba(255,255,255,.2),transparent 50%),linear-gradient(145deg,#1d666f,#245878 55%,#153d52);box-shadow:0 18px 38px #1d666f38}.record-button-core{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:999px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff2e}.record-button-label{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.button-row-secondary{justify-content:center;flex-wrap:wrap}.error-text{color:var(--danger);margin:0}.icon-heading{font-weight:700}.empty-inline{gap:var(--space-3)}.info-panel{display:grid;gap:var(--space-2)}.setup-path-grid{display:grid;gap:var(--space-3)}.setup-path-card{display:grid;gap:var(--space-2);transition:transform .12s ease,border-color .12s ease,background .12s ease}.setup-path-card:hover{transform:translateY(-1px);border-color:#1f6f7238;background:#ffffffe0}.optional-panel details{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff6b}.optional-panel summary{cursor:pointer;list-style:none;padding:.95rem 1rem;font-weight:700;color:var(--muted)}.optional-panel summary::-webkit-details-marker{display:none}.optional-panel-body{padding:0 1rem 1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a57}.action-modal{width:min(100%,34rem);border-radius:24px;border:1px solid rgba(148,163,184,.28);background:#fffffffa;box-shadow:0 24px 64px #0d153d2e;overflow:hidden}.action-modal-head,.action-modal-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:1.25rem 1.5rem}.action-modal-head{border-bottom:1px solid rgba(226,232,240,.9)}.action-modal-foot{border-top:1px solid rgba(226,232,240,.9);justify-content:flex-end}.action-modal-body{display:grid;gap:var(--space-3);padding:1.25rem 1.5rem}.modal-close{width:2rem;min-height:2rem;padding:0;border-radius:12px;border:1px solid rgba(226,232,240,.9);background:#fff;color:var(--muted);box-shadow:none}.action-choice{display:grid;gap:.35rem;justify-items:start;text-align:left;border-radius:18px;border:1px solid rgba(226,232,240,.95);background:#f8fafccc;padding:1rem 1.05rem;box-shadow:none;color:var(--ink)}.action-choice span{color:var(--muted);font-weight:500}.action-choice-primary{border-color:#1f6f723d;background:#f0f9faf5}.action-choice-muted:disabled{opacity:.72}.logo-mark{display:block}.icon{flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:767px){.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-link{width:100%;justify-content:center}.button-row,.wizard-actions,.list-row,.dashboard-row,.section-head,.suggestion-head{flex-direction:column;align-items:stretch}.button-row>.button,.button-row>.button-secondary,.wizard-actions>.button,.list-row>.button,.dashboard-row>.button{width:100%}}@media(min-width:768px){.app-shell{padding:var(--space-6)}.topbar,.wizard-layout,.hero-card{grid-template-columns:1.1fr 1fr;align-items:start}.auth-shell{grid-template-columns:repeat(2,minmax(0,440px))}.two-up,.channel-grid,.provider-grid,.problem-grid,.setup-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}