:root{color:#141a20;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}h1,h2,h3{line-height:1.15}.landing-page,.auth-page,.workspace-page{min-height:100svh;background:radial-gradient(1100px 520px at 82% -8%,rgba(37,99,145,.12),transparent 62%),#f4f6f8}.public-nav,.app-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid rgba(20,26,32,.08)}.public-nav nav{display:flex;gap:10px}.brand-mark,.icon-link,.primary-link,.primary-cta,.secondary-cta,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.brand-mark{font-weight:800}.brand-symbol{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:#141a20;color:#f4f6f8;font-size:13px}.icon-link,.secondary-cta,.icon-button{border:1px solid rgba(20,26,32,.16);background:#fffc;border-radius:10px;min-height:42px;padding:0 16px}.icon-button{padding:0 10px;min-height:38px}.primary-link,.primary-cta{border:1px solid #141a20;background:#141a20;color:#f4f6f8;border-radius:10px;min-height:44px;padding:0 18px;font-weight:700}.primary-cta.danger{background:#b3261e;border-color:#b3261e}.primary-cta:disabled{opacity:.5;cursor:not-allowed}.hero-grid{min-height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:center;gap:clamp(32px,6vw,80px);padding:0 clamp(20px,5vw,72px) 36px}.hero-copy{max-width:640px}.hero-copy h1{font-size:clamp(34px,5vw,56px);margin:0 0 18px;letter-spacing:-.02em}.hero-lead{font-size:17px;line-height:1.6;color:#141a20b8;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#141a2080}.hero-features{list-style:none;margin:0;padding:0;display:grid;gap:14px}.hero-features li{display:flex;gap:14px;padding:18px;border-radius:14px;border:1px solid rgba(20,26,32,.1);background:#ffffffd1}.hero-features h3{margin:0 0 4px;font-size:15px}.hero-features p{margin:0;font-size:14px;color:#141a20a8}.auth-panel{width:min(440px,calc(100% - 40px));margin:clamp(28px,6vh,64px) auto;padding:clamp(24px,4vw,36px);border-radius:18px;border:1px solid rgba(20,26,32,.1);background:#fff;box-shadow:0 18px 48px #141a2014;display:grid;gap:16px}.auth-panel.wide{width:min(520px,calc(100% - 40px))}.auth-panel h1{margin:0;font-size:26px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#141a20b8}input,textarea{border:1px solid rgba(20,26,32,.18);border-radius:10px;padding:11px 13px;background:#fff;color:#141a20;font-weight:400}input:focus,textarea:focus{outline:2px solid rgba(37,99,145,.45);outline-offset:1px}textarea{resize:vertical}.form-error{margin:0;padding:10px 12px;border-radius:10px;background:#b3261e17;color:#8c1d18;font-size:14px}.auth-note{margin:0;font-size:14px;color:#141a20a3;text-align:center}.auth-note a{font-weight:700;text-decoration:underline}.app-header-context{flex:1}.app-header-user{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.workspace-body{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start;padding:clamp(20px,4vw,40px) clamp(20px,5vw,72px)}.workspace-body.detail{grid-template-columns:minmax(0,720px);justify-content:center}.recorder-card,.meetings-list,.detail-card{border-radius:18px;border:1px solid rgba(20,26,32,.1);background:#fff;padding:clamp(20px,3vw,28px);box-shadow:0 12px 32px #141a200d}.detail-card{display:grid;gap:16px;margin-bottom:20px}.detail-card h2{margin:0;font-size:18px}.title-input{width:100%;margin-bottom:18px}.recorder-readout{display:flex;align-items:center;gap:12px;padding:14px 0 18px;font-variant-numeric:tabular-nums}.recorder-readout strong{font-size:30px;letter-spacing:-.02em}.recorder-dot{width:11px;height:11px;border-radius:50%;background:#141a2038;flex:none}.recorder-dot.live{background:#b3261e;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.recorder-dot.live{animation:none}}.recorder-meta{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#141a2099;font-weight:600}.recorder-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.recorder-hint{margin:16px 0 0;font-size:13px;line-height:1.5;color:#141a208c}.list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.list-head h2{margin:0;font-size:18px}.list-head span{font-size:13px;font-weight:700;color:#141a2080;background:#141a200f;border-radius:999px;padding:3px 10px}.meetings-list ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.meetings-list li{display:flex;align-items:center;gap:8px;border:1px solid rgba(20,26,32,.09);border-radius:12px;padding:6px 10px 6px 4px}.meeting-row{flex:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:10px}.meeting-row:hover{background:#141a200a}.meeting-row h3{margin:0 0 4px;font-size:15px}.muted{color:#141a2094;font-size:13px;margin:0}.status-chip{font-size:12px;font-weight:700;border-radius:999px;padding:4px 11px;white-space:nowrap;background:#141a2012}.status-ready{background:#16784a1f;color:#12603c}.status-recording{background:#b3261e1f;color:#8c1d18}.status-processing{background:#bf7a0024;color:#8a5a00}.status-failed{background:#b3261e1f;color:#8c1d18}.audio-player{width:100%}.back{width:fit-content;margin-bottom:18px}.detail-actions{display:flex;align-items:center;gap:12px}.transcript-text{margin:0;line-height:1.65;white-space:pre-wrap}@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);padding-top:32px}.workspace-body{grid-template-columns:minmax(0,1fr)}.two-fields{grid-template-columns:1fr}}.workspace-body.admin{grid-template-columns:minmax(0,980px);justify-content:center;align-content:start}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-head h1{margin:0;font-size:26px}.admin-card{border-radius:18px;border:1px solid rgba(20,26,32,.1);background:#fff;padding:clamp(18px,3vw,26px);box-shadow:0 12px 32px #141a200d;display:grid;gap:14px}.form-notice{margin:0;padding:10px 12px;border-radius:10px;background:#16784a1a;color:#12603c;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat-card{display:grid;gap:4px;padding:18px;border-radius:14px;border:1px solid rgba(20,26,32,.1);background:#fff}.stat-value{font-size:26px;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-label{font-size:13px;color:#141a2099}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.plain-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid rgba(20,26,32,.09);border-radius:12px;padding:10px 12px}.code-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.04em}.code-row code.used{text-decoration:line-through;color:#141a2073}.spacer{flex:1}.table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#141a2080;padding:8px 10px;border-bottom:1px solid rgba(20,26,32,.12);white-space:nowrap}.admin-table td{padding:10px;border-bottom:1px solid rgba(20,26,32,.07);white-space:nowrap}.admin-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.admin-table select{border:1px solid rgba(20,26,32,.18);border-radius:8px;padding:5px 8px;background:#fff}.settings-grid{display:grid;gap:18px}.switch-row{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:400;color:inherit}.switch-row input{width:18px;height:18px;margin-top:2px;flex:none}.switch-row span{display:grid;gap:3px}.switch-row strong{font-size:14px}.switch-row em,.field-help{font-style:normal;font-size:13px;font-weight:400;color:#141a2094}
