:root{--primary-color:oklch(62% 0.18 280);--primary-hover:oklch(58% 0.20 280);--accent-color:oklch(70% 0.15 240);--error-color:oklch(65% 0.22 25);--primary-glow:oklch(62% 0.18 280/0.35);--primary-active-bg:oklch(35% 0.1 280);--text-primary:oklch(92% 0.01 280);--text-secondary:oklch(70% 0.02 280);--text-muted:oklch(55% 0.02 280);--surface-bg:oklch(18% 0.015 280);--surface-1:oklch(22% 0.018 280);--surface-2:oklch(26% 0.02 280);--surface-3:oklch(30% 0.022 280);--border-color:oklch(34% 0.02 280);--sidebar-width:280px;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);}@layer reset,layout,components,utilities;@layer reset{*{box-sizing:border-box;margin:0;padding:0;}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;background-color:var(--surface-bg);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;}@supports (font-variation-settings:normal){body{font-family:"InterVariable",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}}input,textarea,button,select{font-family:inherit;font-size:1rem;}h1,h2,h3,h4{font-weight:600;letter-spacing:-0.02em;}::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:5px;border:2px solid var(--surface-bg);}::-webkit-scrollbar-thumb:hover{background:var(--border-color);}::selection{background-color:var(--primary-active-bg);color:var(--text-primary);}}@layer layout{.app-container{display:flex;height:100vh;}#sidebar{width:var(--sidebar-width);background-color:var(--surface-1);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;}#main-content{flex-grow:1;padding:0 4rem;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;}#welcome-view,#summary-view{width:100%;max-width:70ch;margin-top:3rem;margin-bottom:3rem;}#welcome-view header{text-align:center;margin-bottom:3rem;}#welcome-view header h1{font-size:3rem;font-weight:700;margin-bottom:0.75rem;background:linear-gradient(120deg,var(--accent-color) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}#welcome-view header p{color:var(--text-secondary);font-size:1.125rem;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;}#summary-form{display:flex;gap:0.75rem;margin-bottom:2rem;}}@layer components{#new-summary-btn{width:100%;padding:0.8rem 1rem;font-size:0.95rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:white;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:0.5rem;box-shadow:0 4px 15px -5px var(--primary-glow,rgba(159,64,245,0.4));}#new-summary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px -5px var(--primary-glow,rgba(159,64,245,0.5));}#saved-summaries-section{flex-grow:1;overflow-y:auto;margin:2rem -0.5rem 0;}#saved-summaries-section h2{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);margin-bottom:1rem;padding:0 1.25rem;}#saved-summaries-list li{display:flex;align-items:center;margin:0.25rem 0.5rem;border-radius:var(--border-radius-md);transition:var(--transition-fast);position:relative;}#saved-summaries-list li a{display:flex;align-items:center;padding:0.75rem 2.5rem 0.75rem 1.25rem;color:var(--text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;transition:var(--transition-fast);font-weight:500;font-size:0.9rem;gap:0.75rem;flex-grow:1;mask-image:linear-gradient(to right,black 80%,transparent 90%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 90%);}#saved-summaries-list li:hover:not(.active){background-color:var(--surface-2);}#saved-summaries-list li:hover:not(.active) a{color:var(--text-primary);}#saved-summaries-list li.active{background-color:var(--primary-active-bg);box-shadow:0 0 15px -5px var(--primary-glow);}#saved-summaries-list li.active a{color:var(--text-primary);font-weight:600;}.delete-summary-btn{position:absolute;top:50%;right:0.5rem;transform:translateY(-50%);flex-shrink:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0.5rem;border-radius:var(--border-radius-sm);transition:var(--transition-fast);font-size:0.85rem;line-height:1;opacity:0;pointer-events:none;}#saved-summaries-list li:hover .delete-summary-btn{opacity:0.8;pointer-events:auto;color:var(--error-color);}.delete-summary-btn:hover{opacity:1;background-color:oklch(65% 0.22 25/0.15);}.icon-btn{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0.5rem;border-radius:var(--border-radius-sm);transition:var(--transition-fast);font-size:0.95rem;line-height:1;}.icon-btn:hover{color:var(--text-primary);background-color:var(--surface-3);}.sidebar-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);}#clear-summaries-btn{width:100%;padding:0.75rem;font-size:0.9rem;font-weight:500;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:0.5rem;}#clear-summaries-btn:hover{background:oklch(65% 0.25 25/0.1);color:var(--error-color);border-color:oklch(65% 0.25 25/0.5);}#summary-form input[type="url"]{flex-grow:1;font-size:1rem;border-radius:var(--border-radius-md);background-color:var(--surface-2);color:var(--text-primary);padding:0.9rem 1rem 0.9rem 2.75rem;transition:var(--transition-fast);border:1px solid var(--border-color);outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23817e90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0.8rem center;}#summary-form input[type="url"]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow,rgba(159,64,245,0.3));}#summary-form button{background-color:var(--primary-color);color:white;font-weight:600;border:none;cursor:pointer;padding:0.9rem 1.5rem;border-radius:var(--border-radius-md);transition:var(--transition-fast);}#summary-form button:hover{background-color:var(--primary-hover);transform:translateY(-1px);}.settings-details{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--surface-1);margin-top:2rem;overflow:hidden;}.settings-details summary{padding:1.25rem;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:0.625rem;list-style:none;transition:var(--transition-fast);}.settings-details summary:hover{background-color:var(--surface-2);}.settings-details summary::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;margin-left:auto;transition:transform 0.3s ease;font-size:0.8rem;color:var(--text-muted);}.settings-details[open]>summary{border-bottom:1px solid var(--border-color);}.settings-details[open] summary::after{transform:rotate(180deg);}.settings-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;}.settings-content>div{display:flex;flex-direction:column;gap:0.5rem;}.settings-content input[type="text"],.settings-content input[type="password"],.settings-content textarea{width:100%;font-size:0.95rem;background-color:var(--surface-2);color:var(--text-primary);padding:0.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-fast);outline:none;}.settings-content input[type="text"]:focus,.settings-content input[type="password"]:focus,.settings-content textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow,rgba(159,64,245,0.3));}.settings-content textarea{resize:vertical;min-height:100px;line-height:1.6;}.settings-content .checkbox-group{flex-direction:row;align-items:center;gap:0.75rem;}.settings-content .checkbox-group label{user-select:none;cursor:pointer;display:flex;align-items:center;gap:0.75rem;color:var(--text-secondary);font-weight:500;font-size:0.95rem;line-height:1.3;}.settings-content input[type="checkbox"]{-webkit-appearance:none;appearance:none;flex-shrink:0;width:1.35em;height:1.35em;border:1px solid var(--border-color);background-color:var(--surface-2);border-radius:var(--border-radius-sm);cursor:pointer;position:relative;transition:var(--transition-fast);}.settings-content input[type="checkbox"]::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;font-size:0.8em;color:white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1);}.settings-content input[type="checkbox"]:checked{border-color:var(--primary-color);background-color:var(--primary-color);}.settings-content input[type="checkbox"]:checked::before{transform:translate(-50%,-50%) scale(1);}.settings-content input[type="checkbox"]:hover:not(:checked){border-color:var(--text-secondary);}#summary-container{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2.5rem;}#summary-title{font-size:1.75rem;font-weight:700;padding:0 1rem 1.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;}#summary-title-text{flex-grow:1;text-align:center;margin:0 1rem;}#summary-title i{color:var(--primary-color);}md-block{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);}md-block>*+*{margin-top:1.25em;}md-block h1,md-block h2,md-block h3,md-block h4{color:var(--text-primary);line-height:1.3;margin-bottom:0.75em;}md-block h2{padding-bottom:0.4em;border-bottom:1px solid var(--border-color);}md-block a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition-fast);border-bottom:1px solid transparent;}md-block a:hover{color:var(--accent-color);border-bottom-color:var(--accent-color);}md-block code{background-color:var(--surface-2);padding:0.25em 0.5em;border-radius:var(--border-radius-sm);font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.9em;color:var(--text-primary);border:1px solid var(--border-color);}md-block pre{background-color:var(--surface-bg);padding:1.25rem;border-radius:var(--border-radius-md);overflow-x:auto;border:1px solid var(--border-color);font-size:0.9rem;}md-block pre code{background:none;padding:0;border:none;}md-block blockquote{border-left:3px solid var(--primary-color);padding-left:1.5rem;font-style:italic;color:var(--text-muted);}md-block ul,md-block ol{padding-left:1.5rem;}md-block li::marker{color:var(--primary-color);font-weight:600;}md-block hr{border:none;height:1px;background-color:var(--border-color);}#transcript-section{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:2rem;}#transcript-details{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--surface-1);overflow:hidden;}#transcript-details summary{font-size:1.1rem;padding:1.25rem;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:0.75rem;list-style:none;transition:var(--transition-fast);justify-content:space-between;}#transcript-details summary:hover{background-color:var(--surface-2);}#transcript-details[open]>summary{border-bottom:1px solid var(--border-color);}#transcript-details summary>span:first-child{display:flex;align-items:center;gap:0.75rem;}.summary-actions{display:flex;align-items:center;gap:0.75rem;}.summary-actions::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;transition:transform 0.3s ease;font-size:0.8rem;color:var(--text-muted);}#transcript-details[open] summary .summary-actions::after{transform:rotate(180deg);}#transcript-text{background-color:var(--surface-bg);padding:1.5rem;margin:0;max-height:300px;overflow-y:auto;color:var(--text-muted);font-size:0.95rem;border:none;border-radius:0;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;}#status-container{padding:3rem 0;text-align:center;}#loader{flex-direction:column;align-items:center;gap:1.5rem;color:var(--text-secondary);font-size:1.1rem;font-weight:500;}.spinner{width:50px;height:50px;border-radius:50%;border:5px solid var(--surface-3);border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;}@keyframes spin{to{transform:rotate(360deg);}}#error-message{color:var(--error-color);font-weight:500;background-color:oklch(65% 0.22 25/0.1);padding:1rem 1.5rem;border-radius:var(--border-radius-md);border:1px solid oklch(65% 0.22 25/0.3);}}@layer utilities{.hidden{display:none !important;}}#menu-toggle-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:1002;background-color:var(--surface-2);border:1px solid var(--border-color);color:var(--text-primary);width:44px;height:44px;border-radius:var(--border-radius-md);font-size:1.2rem;cursor:pointer;transition:var(--transition-fast);}#menu-toggle-btn:hover{background-color:var(--surface-3);border-color:var(--primary-color);}body.sidebar-open #menu-toggle-btn{opacity:0;pointer-events:none;transition:opacity 0.1s ease-in-out;}#close-sidebar-btn{display:none;}#sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:oklch(0 0 0/0.5);z-index:1000;}@media (max-width:800px){#sidebar{position:fixed;top:0;left:0;height:100%;z-index:1001;transform:translateX(-100%);transition:transform 0.3s ease-in-out;border-right:1px solid var(--border-color);box-shadow:0 0 25px oklch(0 0 0/0.2);background-color:var(--surface-1);}body.sidebar-open #sidebar{transform:translateX(0);}body.sidebar-open #sidebar-overlay{display:block;}#menu-toggle-btn{display:flex;align-items:center;justify-content:center;}#close-sidebar-btn{display:block;padding:0.8rem;}.sidebar-header{display:flex;justify-content:space-between;align-items:center;}#new-summary-btn{flex-grow:1;margin-right:0.5rem;}#main-content{padding:5rem 1.5rem 2rem;}#welcome-view,#summary-view{margin-top:0;max-width:100%;}#welcome-view header{margin-bottom:2rem;}#welcome-view header h1{font-size:2.5rem;}#summary-form{flex-direction:column;}#summary-container{padding:1.5rem;}#summary-title{font-size:1.5rem;padding:0 0 1rem;margin-bottom:1rem;}#transcript-details summary{font-size:1rem;padding:1rem;}#transcript-details summary .summary-actions::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;transition:transform 0.3s ease;font-size:0.8rem;color:var(--text-muted);margin-left:0.5rem;}#transcript-details[open] summary .summary-actions::after{transform:rotate(180deg);}}