:root{--paper:#f4f1ea;--surface:#fbf9f4;--surface-sunk:#ece7dc;--ink:#1d1b16;--ink-soft:#3a362e;--graphite:#5f5a50;--rule:#ddd6c8;--rule-strong:#c9c0ae;--rec:#c8352b;--rec-soft:#f6dcd8;--play:#1f5f5b;--play-soft:#d8e8e5;--warn:#a86a12;--warn-soft:#f5e6c8;--ok:#3f6b3a;--danger:#a3271e;--focus:#1f5f5b;--font-text:"Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--font-mono:"SF Mono", "Cascadia Mono", "D2Coding", Consolas, "Liberation Mono", monospace;--step--1:clamp(.8rem, .78rem + .1vw, .86rem);--step-0:clamp(.95rem, .92rem + .15vw, 1.02rem);--step-1:clamp(1.15rem, 1.08rem + .3vw, 1.3rem);--step-2:clamp(1.45rem, 1.3rem + .7vw, 1.85rem);--step-timer:clamp(3.5rem, 2.2rem + 6vw, 7rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:36px;--touch:44px;--radius-s:6px;--radius-m:12px;--shadow-lift:0 1px 0 #1d1b160f, 0 8px 24px -12px #1d1b1640;--ease:cubic-bezier(.16, 1, .3, 1);--dur:.18s;--spk-1:#1f5f5b;--spk-2:#8a4b1f;--spk-3:#4a4f8c;--spk-4:#6b3a5e;--spk-5:#3f6b3a;--spk-6:#7a6a1c;--spk-7:#2f5d84;--spk-8:#8c3b3b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#15140f;--surface:#1e1d17;--surface-sunk:#11100c;--ink:#ece7dc;--ink-soft:#d5cfc2;--graphite:#a39c8e;--rule:#34312a;--rule-strong:#4a463c;--rec:#e5574b;--rec-soft:#3a1f1b;--play:#5fb3aa;--play-soft:#18302d;--warn:#e0a345;--warn-soft:#3a2c13;--ok:#86b37e;--danger:#f0776b;--focus:#5fb3aa;--shadow-lift:0 1px 0 #0006, 0 10px 28px -14px #000000b3;--spk-1:#5fb3aa;--spk-2:#d9945e;--spk-3:#9aa0e0;--spk-4:#c98ab6;--spk-5:#86b37e;--spk-6:#d2c165;--spk-7:#79acd6;--spk-8:#e08a8a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:var(--step-0);-webkit-text-size-adjust:100%;margin:0;line-height:1.55}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{grid-template-columns:1fr;min-height:100dvh;display:grid}.pane-list,.pane-main{min-width:0}.pane-list{background:var(--surface);border-right:1px solid var(--rule);flex-direction:column;display:flex}.pane-main{flex-direction:column;display:flex}@media (min-width:900px){.app-shell{grid-template-columns:minmax(300px,360px) 1fr}.pane-list{height:100dvh;position:sticky;top:0}}@media (max-width:899.98px){.app-shell[data-view=list] .pane-main,.app-shell:not([data-view=list]) .pane-list{display:none}}.topbar{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--rule);min-height:64px;display:flex}.topbar h1,.topbar h2{font-size:var(--step-1);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.brand{align-items:center;gap:var(--space-2);font-weight:700;display:flex}.brand-dot{background:var(--rec);border-radius:50%;width:10px;height:10px}.content{padding:var(--space-5);width:100%;max-width:980px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-s);border:1px solid var(--rule-strong);background:var(--surface);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);white-space:nowrap;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-soft)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover{background:var(--ink-soft)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-sunk);border-color:#0000}.btn-danger{color:var(--danger)}.btn-rec{background:var(--rec);color:#fff;border-color:var(--rec);font-weight:700}.btn-rec:hover{filter:brightness(1.05);border-color:var(--rec)}.btn-link{min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-1);color:var(--play);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.search{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--rule)}.search input{width:100%;min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--paper)}.meeting-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.meeting-row{gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-5);border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;grid-template-columns:56px 1fr;display:grid}.meeting-row:hover{background:var(--surface-sunk)}.meeting-row[aria-current=true]{background:var(--paper);box-shadow:inset 3px 0 0 var(--ink)}.meeting-date{font-family:var(--font-mono);font-size:var(--step--1);color:var(--graphite);line-height:1.3}.meeting-date b{font-size:var(--step-1);color:var(--ink);display:block}.meeting-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.meeting-meta{gap:var(--space-2);font-size:var(--step--1);color:var(--graphite);align-items:center;display:flex}.empty{padding:var(--space-6) var(--space-5);color:var(--graphite)}.status{font-size:var(--step--1);border:1px solid var(--rule-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status[data-status=recording]{color:var(--rec);border-color:var(--rec)}.status[data-status=done]{color:var(--ok)}.status[data-status=error],.status[data-status=interrupted]{color:var(--warn);border-color:var(--warn)}.status[data-status=transcribing],.status[data-status=summarizing]{color:var(--play)}.recording{align-content:center;place-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-5);text-align:center;flex:1;display:grid}.rec-badge{align-items:center;gap:var(--space-2);color:var(--rec);letter-spacing:.08em;font-weight:700;display:inline-flex}.rec-badge:before{content:"";background:var(--rec);width:12px;height:12px;animation:pulse 1.4s var(--ease) infinite;border-radius:50%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.rec-badge:before{animation:none}}.rec-elapsed{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--step-timer);letter-spacing:-.02em;font-weight:300;line-height:1}.rec-level{width:min(520px,90vw);height:72px;padding:var(--space-2);border-bottom:1px solid var(--rule-strong);align-items:flex-end;gap:3px;display:flex}.rec-level span{background:var(--ink-soft);transform-origin:bottom;border-radius:2px 2px 0 0;flex:1;min-height:2px}.rec-meta{gap:var(--space-4);color:var(--graphite);font-size:var(--step--1);display:flex}.rec-warning{max-width:520px;padding:var(--space-3) var(--space-4);border:1px dashed var(--rule-strong);border-radius:var(--radius-s);color:var(--graphite);font-size:var(--step--1)}.rec-low{color:var(--warn);background:var(--warn-soft);border-color:var(--warn);border-style:solid}.rec-stop{border:3px solid var(--ink);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.rec-stop:before{content:"";background:var(--rec);border-radius:4px;width:28px;height:28px}.detail-head{gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--rule);background:var(--surface);display:grid}.detail-meta{align-items:center;gap:var(--space-3);color:var(--graphite);font-size:var(--step--1);flex-wrap:wrap;display:flex}.detail-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.player{align-items:center;gap:var(--space-3);display:flex}.player audio{min-width:0;height:var(--touch);flex:1}.tabs{gap:var(--space-1);border-bottom:1px solid var(--rule);padding:0 var(--space-5);background:var(--surface);display:flex;overflow-x:auto}.tab{min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-4);color:var(--graphite);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.section{gap:var(--space-3);margin-bottom:var(--space-6);display:grid}.section h3{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--graphite);font-weight:600}.overview{font-size:var(--step-1);line-height:1.6}.plain-list{gap:var(--space-2);margin:0;padding-left:1.2em;display:grid}.table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--rule);vertical-align:middle}.table th{color:var(--graphite);font-weight:600}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);border:1px solid var(--rule-strong);background:var(--surface)}.notice-warn{border-color:var(--warn);background:var(--warn-soft)}.notice-error{border-color:var(--danger);color:var(--danger)}.transcript{gap:2px;display:grid}.tline{gap:var(--space-3);width:100%;min-height:var(--touch);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);text-align:left;cursor:pointer;transition:background var(--dur) var(--ease);background:0 0;border:0;grid-template-columns:64px 1fr;display:grid}.tline:hover{background:var(--surface-sunk)}.tline[aria-current=true]{background:var(--play-soft);box-shadow:inset 3px 0 0 var(--play)}.tline-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--step--1);color:var(--graphite);padding-top:2px}.tline-speaker{font-size:var(--step--1);margin-right:var(--space-2);color:var(--spk-1);font-weight:700;display:inline-block}.tline-speaker[data-estimated=true]:after{content:" (추정)";color:var(--graphite);font-weight:400}.tline-speaker[data-spk="2"]{color:var(--spk-2)}.tline-speaker[data-spk="3"]{color:var(--spk-3)}.tline-speaker[data-spk="4"]{color:var(--spk-4)}.tline-speaker[data-spk="5"]{color:var(--spk-5)}.tline-speaker[data-spk="6"]{color:var(--spk-6)}.tline-speaker[data-spk="7"]{color:var(--spk-7)}.tline-speaker[data-spk="8"]{color:var(--spk-8)}.gap-line{align-items:center;gap:var(--space-3);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border:1px dashed var(--warn);border-radius:var(--radius-s);background:var(--warn-soft);color:var(--warn);font-size:var(--step--1);flex-wrap:wrap;display:flex}.gap-line[data-reason=recording_gap]{border-color:var(--rule-strong);background:var(--surface-sunk);color:var(--graphite)}.qa{gap:var(--space-4);display:grid}.qa-form{gap:var(--space-2);display:flex}.qa-form textarea{min-height:var(--touch);padding:var(--space-2) var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--surface);resize:vertical;flex:1}.qa-item{gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--rule);display:grid}.qa-q{font-weight:600}.qa-a{white-space:pre-wrap}.qa-a .btn-link{min-width:auto;min-height:auto;font-family:var(--font-mono);padding:0}.qa-a .ts-link{position:relative}.qa-a .ts-link:after{content:"";position:absolute;inset:-12px -6px}.form{gap:var(--space-5);max-width:640px;display:grid}.field{gap:var(--space-2);display:grid}.field label,.field .label{font-weight:600}.field .hint{font-size:var(--step--1);color:var(--graphite)}.field input[type=text],.field input[type=password],.field select,.field textarea{min-height:var(--touch);padding:var(--space-2) var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--surface)}.field-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.check{align-items:center;gap:var(--space-2);min-height:var(--touch);cursor:pointer;display:inline-flex}.check input{width:22px;height:22px}.key-mask{font-family:var(--font-mono);color:var(--graphite)}.dialog-backdrop{padding:var(--space-5);z-index:10;background:#15140f73;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-m);box-shadow:var(--shadow-lift);padding:var(--space-5);gap:var(--space-4);width:100%;max-width:420px;display:grid}.hint{font-size:var(--step--1);color:var(--graphite)}.search{gap:var(--space-2);display:grid}.new-rec{width:100%}.tline-text{overflow-wrap:anywhere}.table select,.field-row input[type=text],.field-row input[type=password]{min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--surface)}.field-row input[type=text],.field-row input[type=password]{flex:1;min-width:12em}.player audio:not([src]){opacity:.6}.error-bar{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface);box-shadow:var(--shadow-lift);z-index:20;display:flex;position:fixed}@media (min-width:900px){.back-btn{display:none}}