@import "https://fonts.googleapis.com/css2?family=Sora:wght@200;300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#131315;--surface:#131315;--surface-dim:#131315;--surface-container-lowest:#0e0e10;--surface-container-low:#1c1b1d;--surface-container:#201f21;--surface-container-high:#2a2a2c;--surface-container-highest:#353437;--surface-variant:#353437;--surface-bright:#39393b;--primary:#ffb1c0;--primary-container:#ff4c83;--on-primary:#660029;--on-primary-container:#5a0023;--primary-fixed:#ffd9df;--primary-fixed-dim:#ffb1c0;--inverse-primary:#bc0051;--secondary:#ddfcff;--secondary-container:#00f1fe;--on-secondary:#00363a;--on-secondary-container:#006a70;--secondary-fixed:#74f5ff;--secondary-fixed-dim:#00dbe7;--tertiary:#60df72;--tertiary-container:#1ba741;--on-tertiary:#00390f;--on-tertiary-container:#00320c;--tertiary-fixed:#7efd8b;--tertiary-fixed-dim:#60df72;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--on-surface:#e5e1e4;--on-surface-variant:#e4bdc3;--on-background:#e5e1e4;--outline:#ab888e;--outline-variant:#5b3f44;--inverse-surface:#e5e1e4;--inverse-on-surface:#313032;--surface-tint:#ffb1c0;--neon-pink:#ff2d78;--glass-bg:#2a2a2c66;--glass-bg-light:#2a2a2c33;--glass-blur:20px;--glass-blur-heavy:40px;--glass-border-top:#ffffff1a;--glass-border-left:#ffffff0d;--unit:8px;--container-padding:48px;--card-padding:32px;--element-gap:24px;--section-gap:80px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--transition-glacial:.7s ease}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--on-surface);background-color:var(--bg);min-height:100dvh;font-family:Sora,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:-1;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#ff4c830f 0%,#0000 70%);width:50vw;height:50vw;top:-20%;left:-10%}body:after{background:radial-gradient(circle,#00f1fe0a 0%,#0000 70%);width:40vw;height:40vw;bottom:-20%;right:-10%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff2d7880}::selection{color:#fff;background:#ff4c834d}.text-display{letter-spacing:-.02em;font-size:48px;font-weight:200;line-height:1.1}.text-h1{letter-spacing:-.01em;font-size:32px;font-weight:300;line-height:1.2}.text-h2{font-size:24px;font-weight:300;line-height:1.3}.text-body-lg{font-size:18px;font-weight:300;line-height:1.6}.text-body-md{font-size:16px;font-weight:300;line-height:1.6}.text-label-caps{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1}.text-label-sm{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1}.glass-pane{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border-top);border-left:1px solid var(--glass-border-left);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000080}.glass-pane-light{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border-top);border-left:1px solid var(--glass-border-left)}.glass-reflect:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff05 0%,#0000 50%);position:absolute;inset:0}.ghost-input{color:var(--on-surface);transition:all var(--transition-normal);border-radius:var(--radius-full);background:#0003;border:none;border-bottom:1px solid #ffb1c04d;outline:none;width:100%;padding:16px;font-family:Sora,sans-serif;font-size:16px;font-weight:300}.ghost-input:focus{border-bottom-color:var(--primary);box-shadow:0 4px 15px -3px #ffb1c026}.ghost-input::placeholder{color:#e4bdc34d}.ghost-select{color:var(--on-surface);appearance:none;cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-full);background:#0003;border:none;border-bottom:1px solid #ffb1c04d;outline:none;width:100%;padding:16px 48px 16px 16px;font-family:Sora,sans-serif;font-size:16px;font-weight:300}.ghost-select:focus{border-bottom-color:var(--primary);box-shadow:0 4px 15px -3px #ffb1c026}.ghost-select option{background:var(--surface);color:var(--on-surface)}.ghost-textarea{color:var(--on-surface);transition:all var(--transition-normal);border-radius:var(--radius-md) var(--radius-md) 0 0;resize:none;background:#0003;border:none;border-bottom:1px solid #ffb1c04d;outline:none;width:100%;min-height:160px;padding:16px;font-family:Sora,sans-serif;font-size:16px;font-weight:300}.ghost-textarea:focus{border-bottom-color:var(--primary);box-shadow:0 4px 15px -3px #ffb1c026}.btn-ghost{border-radius:var(--radius-full);color:var(--primary);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffb1c008;border:1px solid #ffb1c066;justify-content:center;align-items:center;gap:10px;padding:12px 32px;font-family:Sora,sans-serif;font-size:11px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-ghost:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-ghost:hover:before{left:100%}.btn-ghost:hover{border-color:var(--primary);background:#ffb1c014;transform:translateY(-1px);box-shadow:0 0 25px #ff4c8340}.btn-ghost:active{transform:translateY(0)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-ghost-tertiary{color:var(--tertiary);background:#60df7208;border-color:#60df7266}.btn-ghost-tertiary:hover{border-color:var(--tertiary);background:#60df7214;box-shadow:0 0 25px #60df7240}.btn-ghost-secondary{color:var(--secondary-container);background:#00f1fe08;border-color:#00f1fe66}.btn-ghost-secondary:hover{border-color:var(--secondary-container);background:#00f1fe14;box-shadow:0 0 25px #00f1fe40}.btn-generate{color:#fff;text-shadow:0 0 8px #ffffff4d;background:linear-gradient(135deg,#ff2d780d,#00f1fe0d);border:1px solid #ffb1c080;box-shadow:0 0 15px #ff2d7826}.btn-generate:hover{border-color:var(--primary);background:linear-gradient(135deg,#ff2d781a,#00f1fe1a);box-shadow:0 0 30px #ff2d7866,0 0 15px #00f1fe33}.btn-generate.generating{animation:2s ease-in-out infinite glow-breathe}.btn-icon{border-radius:var(--radius-full);color:#fff6;cursor:pointer;width:44px;height:44px;transition:all var(--transition-slow);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:#fff;background:#ffffff0d}.neon-glow-primary{box-shadow:0 0 15px #ff2d7826}.neon-glow-tertiary{box-shadow:0 0 10px #60df7266}.neon-glow-secondary{box-shadow:0 0 10px #00f1fe66}.neon-text-primary{text-shadow:0 0 10px #ff2d784d}.text-glow{text-shadow:0 0 10px #ffffff4d}.progress-bar{border-radius:var(--radius-full);background:#35343780;width:100%;height:2px;position:relative;overflow:visible}.progress-bar-fill{border-radius:var(--radius-full);height:2px;transition:width var(--transition-normal);position:absolute;top:0;left:0}.progress-bar-fill.primary{background:var(--primary-container);box-shadow:0 0 12px #ff4c83cc}.progress-bar-fill.secondary{background:var(--secondary-container);box-shadow:0 0 12px #00f1fe99}.progress-bar-fill.tertiary{background:var(--tertiary);box-shadow:0 0 12px #60df7299}.chip{border-radius:var(--radius-full);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.active{background:var(--primary-container);box-shadow:0 0 8px #ff4c83cc}.status-dot.complete{background:var(--tertiary);box-shadow:0 0 8px #60df72cc}.status-dot.queued{background:var(--outline-variant)}@keyframes pulse-neon{0%,to{opacity:.2}50%{opacity:.4}}@keyframes glow-breathe{0%,to{box-shadow:0 0 20px #ff4c8333}50%{box-shadow:0 0 40px #ff4c8366}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes recording-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.15)}}.animate-fade-in{animation:.4s forwards fade-in}.animate-slide-up{animation:.5s forwards slide-up}.animate-pulse-neon{animation:2s ease-in-out infinite pulse-neon}.animate-glow-breathe{animation:3s ease-in-out infinite glow-breathe}.animate-recording{animation:1.5s ease-in-out infinite recording-pulse}.disabled-section{filter:grayscale(.8);transition:all .4s;opacity:.3!important;pointer-events:none!important}.bottom-nav-locked{opacity:.5;filter:grayscale();pointer-events:none!important}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.main-content{padding:100px var(--container-padding) 120px;flex:1;width:100%;max-width:1400px;margin:0 auto}.section-gap{gap:var(--section-gap);flex-direction:column;display:flex}@media (width<=768px){:root{--container-padding:20px;--card-padding:20px;--section-gap:48px}.text-display{font-size:32px}.text-h1{font-size:24px}.text-h2{font-size:20px}.main-content{padding-bottom:140px}.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 300}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.topbar{z-index:50;-webkit-backdrop-filter:blur(24px);background:#02061766;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 25px 50px #00000080}.topbar-leading{align-items:center;gap:16px;display:flex}.topbar-avatar{background:var(--surface-variant);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 0 15px #ffffff1a}.topbar-avatar .material-symbols-outlined{color:var(--on-surface);font-size:20px}.topbar-brand{letter-spacing:.2em;color:#ffffffe6;text-shadow:0 0 10px #ff2d784d;font-size:24px;font-weight:200}.topbar-nav{align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar-nav-item{color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .3s;display:flex}.topbar-nav-item:hover{color:#ffffffb3;background:#ffffff0d}.topbar-nav-item.active{color:var(--neon-pink);filter:drop-shadow(0 0 8px #ff2d7899)}.topbar-nav-item .material-symbols-outlined{font-size:22px}.topbar-trailing{align-items:center;gap:8px;display:flex}.topbar-username{color:#e4bdc380;margin-right:8px;font-size:13px}.topbar-settings{color:#fff6}.topbar-settings:hover{color:var(--neon-pink)}.topbar-logout{color:#ffffff40}.topbar-logout:hover{color:var(--error)}@media (width<=768px){.topbar{padding:16px 20px}.topbar-brand{font-size:20px;position:absolute;left:50%;transform:translate(-50%)}}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(32px);background:#0206174d;border-top:1px solid #ffffff0d;border-radius:24px 24px 0 0;justify-content:space-around;align-items:center;padding:12px 24px 32px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 0 40px #000c,0 0 15px #ff2d781a}.bottom-nav-item{color:#ffffff4d;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;transition:all .3s;display:flex}.bottom-nav-item:hover{color:#ffffffb3}.bottom-nav-item.active{color:var(--neon-pink);filter:drop-shadow(0 0 8px #ff2d7899);transform:scale(1.05)}.bottom-nav-item .material-symbols-outlined{font-size:24px}.bottom-nav-label{letter-spacing:.15em;text-transform:uppercase;font-family:Sora,sans-serif;font-size:10px;font-weight:300}.task-card{padding:var(--card-padding);flex-direction:column;gap:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.task-card.clickable{cursor:pointer}.task-card.clickable:hover{transform:translateY(-2px);box-shadow:0 0 25px #60df7226}.task-card-reflect{pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 40%);position:absolute;inset:0}.task-card-header{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.task-card-id-row{align-items:center;gap:12px;display:flex}.task-card-id{letter-spacing:.15em;font-size:12px;font-weight:600}.task-card-date{color:var(--on-surface-variant);align-items:center;gap:8px;font-size:14px;display:flex}.task-card-filename{color:var(--on-surface);opacity:.8;z-index:1;font-size:16px;font-weight:400;position:relative}.task-card-meta{z-index:1;flex-wrap:wrap;gap:32px;display:flex;position:relative}.task-card-meta-item{flex-direction:column;gap:4px;display:flex}.task-card-progress{z-index:1;width:100%;position:relative}.task-card-progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.color-primary{color:var(--primary)}.color-secondary{color:var(--secondary-container)}.color-tertiary{color:var(--tertiary)}.task-card-actions{z-index:1;border-top:1px solid #ffffff0d;padding-top:8px;position:relative}.task-card-open-btn{border-radius:var(--radius-lg);width:100%;color:var(--tertiary);letter-spacing:.12em;cursor:pointer;background:#60df720f;border:1px solid #60df7240;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.task-card-open-btn:hover{background:#60df721f;border-color:#60df7273;box-shadow:0 0 20px #60df7226}@media (width<=768px){.task-card{padding:20px}}.home-page{align-items:center;gap:var(--section-gap);flex-direction:column;padding-top:16px;display:flex}.record-section{flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex}.record-button-wrapper{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.record-glow{background:var(--primary-container);filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;transition:opacity .7s;position:absolute;inset:-20px}.record-glow.recording{opacity:.35;animation:1.5s ease-in-out infinite recording-pulse}.record-button{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:1;background:#201f214d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;transition:all .5s;display:flex;position:relative;box-shadow:inset 0 1px 2px #ffffff1a,0 20px 50px #0009}.record-button:hover{border-color:#ff4c8366}.record-button.recording{border-color:#ff4c8399;box-shadow:inset 0 1px 2px #ffffff1a,0 0 40px #ff4c834d}.record-icon{color:var(--primary-container);filter:drop-shadow(0 0 20px #ff4c83cc);font-size:80px}.record-label{color:var(--primary-container);letter-spacing:.3em;filter:drop-shadow(0 0 10px #ff4c8380);margin-top:24px}.upload-section{width:100%;max-width:640px}.upload-zone{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--unit);text-align:center;cursor:pointer;background:#2a2a2c33;border:1px dashed #5b3f4466;flex-direction:column;padding:40px;transition:all .5s;display:flex;position:relative;overflow:hidden}.upload-zone:hover{background:#2a2a2c4d}.upload-zone.drag-over{border-color:var(--primary-container);background:#ff4c830d;box-shadow:0 0 30px #ff4c8326}.upload-zone-highlight{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.upload-icon{color:#e4bdc399;margin-bottom:8px;font-size:40px;transition:color .3s}.upload-icon.active{color:#ff4c83cc}.upload-formats{color:#e4bdc380;margin-top:8px}.tasks-section{gap:var(--element-gap);flex-direction:column;width:100%;max-width:900px;display:flex}.tasks-heading{color:var(--on-surface);border-bottom:1px solid #ffffff0d;padding-bottom:16px;padding-left:8px}.tasks-list{flex-direction:column;gap:20px;display:flex}.record-controls{justify-content:center;gap:16px;margin-top:16px;display:flex}.record-timer{letter-spacing:.15em;color:var(--primary-container);text-shadow:0 0 10px #ff4c8399;font-size:14px;font-weight:600;position:absolute;bottom:24px}.record-button.paused{border-color:#ffb1c04d;animation:2s ease-in-out infinite glow-breathe}.record-preview{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:500px;margin-top:16px;display:flex}.record-audio-player{border-radius:var(--radius-full);filter:hue-rotate(300deg)brightness(.8);width:100%;height:48px}.record-audio-player::-webkit-media-controls-panel{background:var(--surface-container-high)}.record-preview-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.record-error{border-radius:var(--radius-lg);background:#93000a26;border:1px solid #ffb4ab33;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;font-size:14px;display:flex}@media (width>=769px){.record-button{width:240px;height:240px}.record-icon{font-size:100px}}.calendar-page{gap:var(--section-gap);flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}.calendar-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.calendar-nav-arrows{gap:12px;display:flex}.cal-arrow{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;width:48px;height:48px;color:var(--on-surface);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.cal-arrow:hover{background:#ffffff0d}.calendar-grid{padding:var(--card-padding);text-align:center;grid-template-columns:repeat(7,1fr);gap:8px 4px;display:grid}.cal-day-header{color:#e5e1e480;padding-bottom:12px}.cal-day{border-radius:var(--radius-full);cursor:pointer;color:var(--on-surface);padding:12px 4px;transition:all .2s;position:relative}.cal-day:hover{background:#ffffff0d}.cal-day.muted{color:#e5e1e433;pointer-events:none}.cal-day.selected{background:#ff2d781a;border:1px solid #ff2d784d;box-shadow:0 0 15px #ff2d7826}.cal-day.selected .cal-day-num{color:var(--primary);font-weight:600}.cal-dot{background:var(--secondary-container);border-radius:50%;width:6px;height:6px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cal-dot.dot-active{background:var(--primary);box-shadow:0 0 8px #ff2d78cc}.protocol-list-section{gap:var(--element-gap);flex-direction:column;display:flex}.protocol-list{flex-direction:column;gap:20px;display:flex}.protocol-card{padding:var(--card-padding);flex-direction:column;gap:20px;display:flex;position:relative;overflow:hidden}.protocol-card-accent{background:var(--secondary-container);opacity:.5;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.protocol-card:hover .protocol-card-accent{opacity:1}.protocol-card-info{flex-direction:column;gap:8px;display:flex}.protocol-card-tags{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.protocol-card-time{color:var(--secondary-fixed-dim);font-size:14px}.protocol-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.protocol-card-attendees{display:flex}.attendee-circle{background:var(--surface-container-high);border:2px solid var(--surface);color:#e5e1e4b3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-12px;font-size:12px;display:flex}.attendee-circle:first-child{margin-left:0}.attendee-circle.more{font-size:11px;font-weight:600}@media (width<=768px){.calendar-header{flex-direction:column;align-items:flex-start}.protocol-card{padding:20px}}.admin-page{flex-direction:column;gap:48px;display:flex}.admin-title{flex-direction:column;gap:8px;display:flex}.admin-grid{gap:var(--element-gap);grid-template-columns:1fr;display:grid}@media (width>=1024px){.admin-grid{grid-template-columns:5fr 7fr}}.admin-col-left,.admin-col-right{gap:var(--element-gap);flex-direction:column;display:flex}.admin-card{padding:var(--card-padding);flex-direction:column;display:flex}.admin-card-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.admin-card-body{flex-direction:column;flex:1;gap:20px;display:flex}.admin-form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.admin-form-row{grid-template-columns:1fr}}.select-wrapper{width:100%;position:relative}.select-arrow{color:var(--on-surface-variant);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.task-monitor{flex:1}.monitor-list{flex-direction:column;gap:12px;display:flex}.monitor-item{border-radius:var(--radius-full);background:#2a2a2c4d;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.monitor-item:hover{background:#2a2a2c80}.monitor-item.border-primary{border-left-color:var(--primary);box-shadow:-2px 0 10px #ffb1c033}.monitor-item.border-tertiary{border-left-color:var(--tertiary);box-shadow:-2px 0 10px #60df7233}.monitor-item.border-muted{border-left-color:var(--outline-variant)}.monitor-item-info{align-items:center;gap:16px;display:flex}.monitor-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.monitor-icon-circle.primary{color:var(--primary);background:#ffb1c01a}.monitor-icon-circle.tertiary{color:var(--tertiary);background:#60df721a}.monitor-icon-circle.muted{color:var(--on-surface-variant);background:#5b3f4433}.monitor-status-icon{font-variation-settings:"FILL" 0, "wght" 300}.color-muted{color:#e4bdc380}.pulse{animation:1.5s ease-in-out infinite pulse-neon}@media (width<=768px){.admin-card{padding:20px}}.profile-page{flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;display:flex}.profile-title{flex-direction:column;gap:8px;display:flex}.profile-grid{gap:var(--element-gap);grid-template-columns:1fr;display:grid}@media (width>=1024px){.profile-grid{grid-template-columns:1fr 1fr}}.profile-card{padding:var(--card-padding);flex-direction:column;display:flex}.profile-card-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.profile-info-grid{flex-direction:column;gap:20px;display:flex}.profile-info-grid .ghost-input[readonly]{opacity:.6;cursor:default}.prompt-card{grid-column:1/-1}.prompt-body{flex-direction:column;flex:1;gap:16px;display:flex}.prompt-textarea{flex:1;min-height:200px}.prompt-hint{color:var(--on-surface-variant);opacity:.6;font-size:14px}.prompt-actions{justify-content:flex-end;align-items:center;gap:16px;padding-top:8px;display:flex}.save-indicator{color:var(--tertiary);font-size:14px;font-weight:500;animation:.3s fade-in}.field-label{color:#e4bdc3b3}.field-group{flex-direction:column;gap:10px;display:flex}@media (width<=768px){.profile-card{padding:20px}}.transcription-page{gap:var(--element-gap);flex-direction:column;width:100%;max-width:960px;margin:0 auto;display:flex}.trans-back-btn{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;padding:8px 4px;font-family:Sora,sans-serif;font-size:14px;transition:color .2s;display:inline-flex}.trans-back-btn:hover{color:var(--primary)}.trans-player{padding:var(--card-padding);flex-direction:column;gap:28px;display:flex}.trans-player-info{flex-direction:column;gap:8px;display:flex}.trans-player-controls{border-radius:var(--radius-lg);background:#35343733;border:1px solid #ffffff0d;align-items:center;gap:24px;padding:20px;display:flex}.trans-play-btn{width:56px;height:56px;color:var(--primary);cursor:pointer;background:0 0;border:1px solid #ffb1c080;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.trans-play-btn:hover{background:#ffb1c01a;box-shadow:0 0 20px #ff2d7866}.trans-waveform{cursor:pointer;flex:1;height:56px;position:relative}.trans-waveform-bg{background:var(--surface-variant);border-radius:var(--radius-full);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.trans-waveform-progress{background:var(--primary);border-radius:var(--radius-full);height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #ff2d7880}.trans-waveform-bars{opacity:.6;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 8px;display:flex;position:relative}.trans-waveform:hover .trans-waveform-bars{opacity:1}.trans-bar{background:var(--on-surface-variant);border-radius:var(--radius-full);width:3px;transition:opacity .2s}.trans-bar.played{background:var(--primary);box-shadow:0 0 5px #ff2d78cc}.trans-timestamps{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.trans-rename{padding:var(--card-padding);border-radius:var(--radius-2xl);flex-direction:column;gap:20px;display:flex}.trans-rename-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding-bottom:16px;display:flex}.trans-rename-form{align-items:stretch;gap:var(--element-gap);display:flex}.trans-rename-field{flex:1;position:relative}.trans-rename-label{background:var(--surface-container-lowest);color:var(--outline-variant);z-index:1;padding:0 4px;position:absolute;top:-8px;left:12px}.trans-rename-arrow{justify-content:center;align-items:center;padding:0 8px;display:flex}.trans-rename-btn{white-space:nowrap;align-self:stretch;padding:16px 32px}.trans-timeline{flex-direction:column;gap:40px;margin-top:32px;display:flex;position:relative}.trans-timeline-line{background:linear-gradient(#0000,#ffffff0d,#0000);width:1px;position:absolute;top:0;bottom:0;left:80px}.trans-segment{border-radius:var(--radius-xl);flex-direction:column;gap:12px;margin:0 -20px;padding:20px;transition:background .2s;display:flex}.trans-segment:hover{background:#35343733}.trans-segment-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trans-segment-dot{border-radius:50%;width:8px;height:8px;position:absolute;left:77px}.trans-segment-speaker{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;padding:6px 12px;font-size:12px}.trans-speaker-select-wrapper{display:inline-flex;position:relative}.trans-speaker-select-wrapper:after{content:"▼";opacity:.5;pointer-events:none;font-size:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.trans-segment-speaker:hover{filter:brightness(1.2);transform:scale(1.02)}.trans-segment-time{color:#e4bdc366;transition:color .2s}.trans-segment:hover .trans-segment-time{color:#e4bdc3cc}.trans-segment-text-wrapper{position:relative}.trans-segment-hover-bg{border-radius:var(--radius-lg);pointer-events:none;background:0 0;border:1px solid #0000;transition:all .2s;position:absolute;inset:-16px}.trans-segment:hover .trans-segment-hover-bg{background:#ffffff05;border-color:#ffffff0d}.trans-segment-text{color:#e5e1e4cc;letter-spacing:.02em;border-radius:var(--radius-sm);outline:none;margin:-8px;padding:8px;line-height:1.8;transition:all .2s}.trans-segment-text:focus{color:#fff;background:#35343780}.trans-action-bar{border-radius:var(--radius-2xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.trans-action-bar-left{gap:4px;display:flex}.trans-action-bar-right{gap:12px;display:flex}.trans-tab-btn{border-radius:var(--radius-full);color:var(--on-surface-variant);letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-family:Sora,sans-serif;font-size:13px;font-weight:500;transition:all .25s;display:inline-flex}.trans-tab-btn:hover:not(:disabled){color:var(--on-surface);background:#ffffff0d}.trans-tab-btn.active{color:var(--primary);background:#ffb1c014;border-color:#ffb1c040;box-shadow:0 0 15px #ff2d781a}.trans-tab-btn:disabled{opacity:.35;cursor:not-allowed}.trans-tab-badge{width:18px;height:18px;color:var(--tertiary);background:#60df7226;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.trans-generate-btn{min-width:240px;padding:12px 32px;font-size:11px}.trans-generate-btn.generating{pointer-events:none}.trans-generate-btn.generated{border-color:#60df7266}.trans-protocol{padding:var(--card-padding);border-radius:var(--radius-2xl);border:1px solid #60df721a}.trans-protocol-header{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.trans-protocol-body{color:#e5e1e4d9;font-size:15px;line-height:1.9}.trans-protocol-body h1{color:var(--on-surface);margin:24px 0 12px;font-size:22px;font-weight:600}.trans-protocol-body h2{color:var(--primary);letter-spacing:.02em;margin:28px 0 12px;font-size:18px;font-weight:600}.trans-protocol-body h3{color:#e5e1e4f2;margin:20px 0 8px;font-size:16px;font-weight:600}.trans-protocol-body strong{color:var(--on-surface);font-weight:600}.trans-protocol-body ul{margin:8px 0;padding:0;list-style:none}.trans-protocol-body li{padding:6px 0 6px 24px;position:relative}.trans-protocol-body li:before{content:"→";color:var(--secondary-container);font-weight:700;position:absolute;left:0}.trans-protocol-body p{margin:8px 0}@media (width<=768px){.trans-player-controls{flex-direction:column;gap:16px}.trans-rename-form{flex-direction:column}.trans-segment-meta{padding-left:0}.trans-timeline-line{display:none}.trans-action-bar{flex-direction:column;align-items:stretch}.trans-action-bar-left,.trans-action-bar-right{justify-content:center}.trans-protocol-header{flex-direction:column}}@media (width>=769px){.trans-segment{flex-direction:row;align-items:flex-start;gap:40px}.trans-segment-meta{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;width:180px;position:sticky;top:20px}}.trans-speaker-select-wrapper{max-width:100%;display:inline-flex;position:relative}.trans-segment-speaker{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;padding:6px 28px 6px 12px!important}.login-page{background:var(--surface);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.login-orb{filter:blur(120px);opacity:.12;border-radius:50%;position:absolute}.login-orb.orb-1{background:var(--neon-pink);width:600px;height:600px;animation:15s ease-in-out infinite orb-float;top:-200px;right:-100px}.login-orb.orb-2{background:var(--secondary-container);width:400px;height:400px;animation:20s ease-in-out infinite reverse orb-float;bottom:-100px;left:-50px}.login-orb.orb-3{background:var(--tertiary);opacity:.06;width:300px;height:300px;animation:12s ease-in-out infinite orb-float;top:50%;left:60%}@keyframes orb-float{0%,to{transform:translate(0)}25%{transform:translate(-30px,40px)}50%{transform:translate(20px,-20px)}75%{transform:translate(-15px,-30px)}}.login-card{z-index:1;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:440px;margin:24px;padding:48px 40px;display:flex;position:relative}.login-logo{flex-direction:column;align-items:center;gap:12px;display:flex}.login-logo-circle{background:#ff2d780d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 40px #ff2d7826}.login-brand{letter-spacing:.3em;color:#ffffffe6;text-shadow:0 0 15px #ff2d784d;font-size:36px;font-weight:200}.login-subtitle{color:#e4bdc380;letter-spacing:.3em;font-size:11px}.login-fields{flex-direction:column;gap:20px;width:100%;display:flex}.login-input-wrapper{width:100%;position:relative}.login-input-icon{color:#e4bdc366;pointer-events:none;font-size:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input{border-radius:var(--radius-full)!important;padding-left:48px!important}.login-error{border-radius:var(--radius-full);color:var(--error);background:#93000a26;border:1px solid #ffb4ab33;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;display:flex}.login-submit-btn{border-radius:var(--radius-full);width:100%;color:var(--primary-container);letter-spacing:.2em;cursor:pointer;background:#ff2d7814;border:1px solid #ffb1c04d;justify-content:center;align-items:center;gap:12px;padding:16px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .3s;display:flex}.login-submit-btn:hover:not(:disabled){background:#ff2d7826;border-color:#ffb1c080;box-shadow:0 0 30px #ff2d7833}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{border:2px solid #ffb1c04d;border-top-color:var(--primary-container);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-hint{color:#e4bdc34d;text-align:center;font-size:13px}@media (width<=768px){.login-card{margin:16px;padding:32px 24px}.login-brand{font-size:28px}}