:root{--color-background:#FAFAFA;--color-surface:#FFFFFF;--color-border:#E5E5E5;--color-text-primary:#0F0F0F;--color-text-secondary:#525252;--color-text-tertiary:#A3A3A3;--gradient-primary:linear-gradient(135deg,#667EEA,#764BA2);--gradient-secondary:linear-gradient(135deg,#06B6D4,#3B82F6);--gradient-red:linear-gradient(135deg,#EF4444,#DC2626);--color-success:#10B981;--color-error:#EF4444;--color-recording:#EF4444;--shadow-floating:0 1px 3px rgba(0,0,0,0.05),0 10px 30px rgba(0,0,0,0.08),0 20px 60px rgba(0,0,0,0.05);--shadow-floating-hover:0 1px 3px rgba(0,0,0,0.08),0 15px 40px rgba(0,0,0,0.12),0 30px 80px rgba(0,0,0,0.08);--shadow-button-primary:0 4px 12px rgba(102,126,234,0.3),0 8px 24px rgba(102,126,234,0.2);--shadow-button-hover:0 6px 16px rgba(102,126,234,0.4),0 12px 32px rgba(102,126,234,0.3);--radius-large:24px;--radius-medium:16px;--radius-small:12px;--radius-button:12px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--transition-default:all 200ms ease-out;--transition-slow:all 300ms ease-out;--transition-fast:all 150ms ease-out;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#__next,body{min-height:100vh}#__next{display:flex;flex-direction:column}h1{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.2}h2{font-size:24px;letter-spacing:-.01em;line-height:1.3}h2,h3{font-weight:600}h3{font-size:18px;line-height:1.4}p{font-size:15px;line-height:1.6}p,small{font-weight:400}small{font-size:13px}.text-tiny{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.glass{background:rgba(255,255,255,.7)}.glass,.glass-strong{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3)}.glass-strong{background:rgba(255,255,255,.9)}.card-floating{background:var(--color-surface);border-radius:var(--radius-large);box-shadow:var(--shadow-floating);transition:var(--transition-default)}.card-floating:hover{box-shadow:var(--shadow-floating-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-button);font-family:var(--font-sans);font-size:15px;font-weight:600;border:none;cursor:pointer;transition:var(--transition-default);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-button-primary)}.btn-primary:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-button-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:transparent;background:var(--gradient-primary);color:white}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:rgba(0,0,0,.05);color:var(--color-text-primary)}.record-button{width:120px;height:120px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition-default);color:white}.record-button-idle{background:var(--gradient-primary);box-shadow:var(--shadow-button-primary)}.record-button-idle:hover{transform:scale(1.05);box-shadow:var(--shadow-button-hover)}.record-button-idle:active{transform:scale(.98)}.record-button-recording{background:var(--gradient-red);box-shadow:0 4px 12px rgba(239,68,68,.3),0 8px 24px rgba(239,68,68,.2)}.record-button-recording:hover{transform:scale(1.05)}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.pulse-ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.3) 0,rgba(239,68,68,0) 70%);animation:pulse-ring 1.5s ease-out infinite;pointer-events:none}@media (max-width:767px){.record-button{width:100px;height:100px}}.duration-timer{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--color-text-secondary);text-align:center}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:rgba(255,255,255,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:1000;transition:var(--transition-slow);overflow-y:auto}.sidebar-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.sidebar-content{flex:1 1;overflow-y:auto;padding:var(--space-md)}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:999px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.main-with-sidebar{margin-left:280px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-3xl)}.transcript-item{background:var(--color-surface);border-radius:var(--radius-small);padding:var(--space-lg);margin-bottom:var(--space-md);cursor:pointer;transition:var(--transition-default);position:relative;box-shadow:0 1px 2px rgba(0,0,0,.03),0 4px 8px rgba(0,0,0,.04)}.transcript-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 2px 4px rgba(0,0,0,.05),0 8px 16px rgba(0,0,0,.08)}.transcript-item-active{border-left:4px solid transparent;border-image:var(--gradient-primary) 1;box-shadow:0 2px 4px rgba(0,0,0,.06),0 10px 20px rgba(0,0,0,.1)}.transcript-item-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcript-item-meta{justify-content:space-between;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.transcript-delete-btn,.transcript-item-meta{display:flex;align-items:center;color:var(--color-text-tertiary)}.transcript-delete-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;border-radius:50%;background:transparent;border:none;cursor:pointer;justify-content:center;opacity:0;transition:var(--transition-fast)}.transcript-item:hover .transcript-delete-btn{opacity:1}.transcript-delete-btn:hover{background:rgba(239,68,68,.1);color:var(--color-error)}@media (max-width:1023px){.sidebar{transform:translateX(-100%)}.sidebar-open{transform:translateX(0)}.main-with-sidebar{margin-left:0}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;animation:backdrop-fade-in .3s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}}@media (max-width:767px){.sidebar{width:280px}.main-with-sidebar{padding:var(--space-xl)}h1{font-size:28px}h2{font-size:22px}p{font-size:14px}}.hamburger-btn{position:fixed;top:var(--space-xl);left:var(--space-xl);z-index:1001;width:44px;height:44px;border-radius:var(--radius-small);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-floating);transition:var(--transition-default)}.hamburger-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-floating-hover)}@media (max-width:1023px){.hamburger-btn{display:flex}}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:modal-backdrop-fade .3s ease-out}@keyframes modal-backdrop-fade{0%{opacity:0}to{opacity:1}}.modal-card{background:rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:var(--space-3xl);max-width:500px;width:100%;box-shadow:var(--shadow-floating-hover);animation:modal-scale .3s ease-out}@keyframes modal-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{margin-bottom:var(--space-lg)}.modal-body{margin-bottom:var(--space-2xl);color:var(--color-text-secondary)}.modal-actions{display:flex;gap:var(--space-md)}.modal-actions .btn{flex:1 1}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .3s ease-out}.stagger-item{animation:stagger-fade-in .4s ease-out backwards}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}.transcript-display{max-width:900px;margin:0 auto;padding:var(--space-4xl);background:var(--color-surface);border-radius:var(--radius-large);box-shadow:var(--shadow-floating)}.transcript-content{font-size:15px;line-height:1.8;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.transcript-content p{margin-bottom:var(--space-xl)}@media (max-width:767px){.transcript-display{padding:var(--space-xl)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center}.empty-state-icon{width:96px;height:96px;margin-bottom:var(--space-xl);color:var(--color-text-tertiary)}.empty-state-title{font-size:18px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.empty-state-subtitle{font-size:15px;color:var(--color-text-tertiary);margin-bottom:var(--space-2xl)}.text-center{text-align:center}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}button:focus-visible{outline:2px solid rgba(102,126,234,.5);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pulse-ring{animation:none}}