:root{--control-bg:#55cbcd26;--player-bg:#3a4f61;--player-bg-light:#4a5f71;--nav-active:#55cbcd33;--wave-played:#f97171;--wave-unplayed:#b2eee6;--wave-highlight:#f99192;--snippet-selection-bg:#55cbcd4d;--snippet-selection-border:#55cbcdcc;--snippet-selection-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eef4fa;background-color:var(--bg-color);color:#385a7c;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6}.auditio-bg-accent{background-color:#f9967e;background-color:var(--accent)}.auditio-bg-light{background-color:#f5f4f0;background-color:var(--light)}.auditio-text-accent{color:#f9967e;color:var(--accent)}.auditio-text-light{color:#f5f4f0;color:var(--light)}.auditio-border-accent{border-color:#f9967e;border-color:var(--accent)}.auditio-shadow-sm{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm)}.auditio-shadow-md{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md)}.auditio-shadow-lg{box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-lg)}.auditio-transition{transition:all .3s ease;transition:all var(--transition-normal)}.auditio-transition-fast{transition:all .2s ease;transition:all var(--transition-fast)}.auditio-transition-slow{transition:all .5s ease;transition:all var(--transition-slow)}.auditio-btn--accent{box-shadow:0 4px 12px #f9967e4d;color:#fff}.auditio-btn--accent,.auditio-btn--accent:hover{background-color:#f9967e;background-color:var(--accent)}.auditio-btn--accent:hover{box-shadow:0 8px 20px #f9967e80;transform:translateY(-2px) scale(1.02)}.auditio-btn--play{animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#8ad6cc,#6bc4b8);border-radius:50%;box-shadow:0 4px 12px #8ad6cc4d,0 0 0 2px #a2e1db33;color:#fff;height:60px;width:60px}.auditio-btn--play:hover{background:linear-gradient(135deg,#6bc4b8,#8ad6cc);box-shadow:0 6px 16px #8ad6cc66,0 0 0 2px #a2e1db4d;transform:scale(1.05)}.auditio-container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md);width:100%}.auditio-card{background-color:#fff;border:1px solid #55cbcd33;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes twinkle{0%{box-shadow:0 0 2px #fff3;opacity:.2;transform:scale(.8)}25%{box-shadow:0 0 6px #fff9;opacity:.8;transform:scale(1.2)}50%{box-shadow:0 0 4px #fffc;opacity:1;transform:scale(1)}75%{box-shadow:0 0 5px #ffffff80;opacity:.6;transform:scale(1.1)}to{box-shadow:0 0 2px #fff3;opacity:.2;transform:scale(.8)}}.file-info{align-items:center;background-color:#fffc;border:1px solid #55cbcd33;border-bottom:none;border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;width:50vw;z-index:3}.file-details{align-items:flex-start;display:flex;flex:1 1;gap:1rem;gap:var(--spacing-md);min-width:0}.file-icon{align-items:center;background-color:#55cbcd;background-color:var(--primary);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 6px #55cbcd4d;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.file-icon.shared{background-color:#f9967e;background-color:var(--accent);box-shadow:0 2px 6px #fcb9aa4d}.file-icon svg{fill:currentColor;flex-shrink:0;height:20px;max-height:20px;max-width:20px;width:20px}.file-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.file-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:normal;word-break:break-all}.file-meta,.file-name{color:#385a7c;color:var(--text-color)}.file-meta{font-size:.8rem;opacity:.7}.file-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.file-action-btn{align-items:center;background-color:#fff;border:1px solid #55cbcd33;border-radius:8px;border-radius:var(--radius-md);color:#385a7c;color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-width:44px;opacity:1;overflow:hidden;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:44px}.file-action-btn:hover{background-color:#f5f4f0;background-color:var(--light);box-shadow:0 2px 8px #0000000d;transform:translateY(-2px)}.file-action-btn.delete:hover{background-color:#f971711a;border-color:#f97171;border-color:var(--wave-played);color:#f97171;color:var(--wave-played)}.file-action-btn svg{fill:currentColor;flex-shrink:0;height:20px;max-height:20px;max-width:20px;width:20px}.player-container{background:linear-gradient(135deg,#3a4f61,#4a5f71);background:linear-gradient(135deg,var(--player-bg),var(--player-bg-light));border:1px solid #55cbcd33;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 20px #00000026,0 0 0 1px #a2e1db1a;box-shadow:var(--shadow-lg),0 0 0 1px #a2e1db1a;box-sizing:border-box;max-width:100%;min-height:200px;overflow:hidden;position:relative;width:100%}.player-container:before{background-image:radial-gradient(circle at 10% 10%,#ffffff1a 0,#0000 15%),radial-gradient(circle at 30% 40%,#ffffff1a 0,#0000 10%),radial-gradient(circle at 50% 20%,#ffffff1a 0,#0000 12%),radial-gradient(circle at 70% 60%,#ffffff1a 0,#0000 8%),radial-gradient(circle at 90% 30%,#ffffff1a 0,#0000 14%),radial-gradient(circle at 20% 70%,#ffffff1a 0,#0000 10%),radial-gradient(circle at 60% 80%,#ffffff1a 0,#0000 12%),radial-gradient(circle at 80% 90%,#ffffff1a 0,#0000 8%);content:"";opacity:.6;z-index:0}.player-container:before,.stars{bottom:0;left:0;position:absolute;right:0;top:0}.stars{pointer-events:none;z-index:1}.star{animation:twinkle 4s ease-in-out infinite;background-color:#fff9;border-radius:50%;box-shadow:0 0 3px #fff6;height:2px;position:absolute;width:2px;z-index:1}.star:nth-child(2n){animation-delay:.8s;height:1.5px;width:1.5px}.star:nth-child(3n){animation-delay:1.6s;height:2.5px;width:2.5px}.star:nth-child(4n){animation-delay:2.4s;height:1.8px;width:1.8px}.star:nth-child(5n){animation-delay:3.2s;height:2.2px;width:2.2px}.star:nth-child(6n){animation-delay:1.2s;height:1.2px;width:1.2px}.star:nth-child(7n){animation-delay:2.8s;height:2.8px;width:2.8px}#waveform{background-color:initial;border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);box-sizing:border-box;cursor:grab;margin:0 auto;max-width:100%;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:2}#waveform:active{cursor:grabbing}#waveform canvas{background-color:initial}.wavesurfer-region{background-color:#55cbcd26;border:2px solid #55cbcd66;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 0 15px #55cbcd33;overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-normal);z-index:2}.wavesurfer-region:before{background:linear-gradient(135deg,#55cbcd1a,#55cbcd00 50%,#55cbcd1a);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.wavesurfer-region.active{background-color:#fcb9aa40;border-color:#fcb9aa80;box-shadow:0 0 20px #fcb9aa4d;transform:translateY(-1px)}.wavesurfer-region:hover{background-color:#55cbcd40;border-color:#55cbcd80;box-shadow:0 0 20px #55cbcd40;transform:translateY(-1px)}.wavesurfer-region-content{background-color:initial;border-radius:8px;border-radius:var(--radius-md);font-size:.9rem;max-width:90%;padding:.5rem;padding:var(--spacing-sm);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;width:100%}.snippet-selection,.wavesurfer-region-content{align-items:center;color:#fff;display:flex;font-weight:500;height:100%;justify-content:center;overflow:hidden;position:absolute;text-shadow:0 1px 2px #0003;z-index:3}.snippet-selection{background-color:#55cbcd4d;background-color:var(--snippet-selection-bg);border:2px solid #55cbcdcc;border:2px solid var(--snippet-selection-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 0 15px #55cbcd4d;color:var(--snippet-selection-text)}.snippet-selection:before{background:linear-gradient(135deg,#55cbcd33,#55cbcd00 50%,#55cbcd33);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.snippet-selection-label{font-size:.9rem;max-width:90%;overflow:hidden;padding:.5rem;padding:var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap}.snippet-selection-handles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.snippet-handle{cursor:ew-resize;height:100%;pointer-events:all;position:absolute;top:0;width:8px}.snippet-handle-left{left:0}.snippet-handle-right{right:0}.snippet-handle:after{background-color:#55cbcdcc;background-color:var(--snippet-selection-border);border-radius:2px;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.left-nav{background-color:#fff;background-color:var(--nav-bg);border-right:1px solid #55cbcd26;border-right:1px solid var(--nav-border);box-shadow:2px 0 15px #55cbcd1a;display:flex;flex-direction:column;height:100vh;left:0;position:sticky;top:0;transition:transform .3s ease;transition:transform var(--transition-normal);width:280px;z-index:10}.nav-header{border-bottom:1px solid #55cbcd26;border-bottom:1px solid var(--nav-border);justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.nav-header,.nav-logo{align-items:center;display:flex}.nav-logo{color:#385a7c;color:var(--text-color);font-size:1.2rem;font-weight:600;gap:.75rem}.nav-logo span{font-family:Soria,serif;font-size:1.3rem;font-weight:600}.nav-logo-icon{align-items:center;background:linear-gradient(135deg,#55cbcd,#3da3a5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 6px #55cbcd4d;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.nav-logo-icon svg{fill:currentColor;flex-shrink:0;height:20px;max-height:20px;max-width:20px;width:20px}.nav-toggle{align-items:center;background-color:#fff;border:1px solid #55cbcd26;border:1px solid var(--nav-border);border-radius:50%;color:#385a7c;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.nav-toggle:hover{background-color:#55cbcd1a;background-color:var(--nav-hover);transform:translateX(2px)}.nav-actions{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;padding:var(--spacing-lg)}.nav-btn{align-items:center;background-color:initial;box-shadow:none;color:#385a7c;color:var(--text-color);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;padding:.75rem var(--spacing-md);text-align:left;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.nav-btn,.nav-btn-primary{border:none;border-radius:8px;border-radius:var(--radius-md);font-weight:500;text-transform:none}.nav-btn-primary{box-shadow:0 4px 12px #fcb9aa4d;color:#fff;height:48px;justify-content:center;text-align:center}.nav-btn-primary,.nav-btn-primary:hover{background-color:#f9967e;background-color:var(--accent)}.nav-btn-primary:hover{box-shadow:0 8px 20px #f9967e80;transform:translateY(-2px) scale(1.02)}.nav-btn-secondary{background-color:initial;border:1px solid #55cbcd26;border:1px solid var(--nav-border);border-radius:8px;border-radius:var(--radius-md);color:#385a7c;color:var(--text-color);font-weight:500;height:48px;text-transform:none}.nav-btn-secondary:hover{background-color:#55cbcd1a;background-color:var(--nav-hover);box-shadow:none;transform:translateY(-2px)}.nav-btn-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;overflow:hidden;width:20px}.nav-btn-icon svg{fill:currentColor;flex-shrink:0;height:18px;max-height:18px;max-width:18px;width:18px}.nav-section{margin-top:1rem;margin-top:var(--spacing-md);padding:0 1.5rem;padding:0 var(--spacing-lg)}.nav-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.nav-section-title{color:#385a7c;color:var(--text-color);font-size:.85rem;font-weight:600;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.nav-section-count{background-color:#55cbcd1a;border-radius:10px;color:#385a7c;color:var(--text-color);font-size:.75rem;font-weight:500;opacity:.6;padding:.15rem .5rem}.recent-files{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);max-height:calc(100vh - 280px);overflow-y:auto;padding-right:.5rem;padding-right:var(--spacing-sm);scrollbar-color:#55cbcd #0000;scrollbar-color:var(--primary) #0000;scrollbar-width:thin}.recent-files::-webkit-scrollbar{width:4px}.recent-files::-webkit-scrollbar-track{background:#0000}.recent-files::-webkit-scrollbar-thumb{background-color:#55cbcd;background-color:var(--primary);border-radius:4px}.nav-footer{border-top:1px solid #55cbcd26;border-top:1px solid var(--nav-border);justify-content:space-between;margin-top:auto;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.nav-footer,.user-info{align-items:center;display:flex}.user-info{gap:.5rem;gap:var(--spacing-sm)}.user-avatar{align-items:center;background:linear-gradient(135deg,#a2e1db,#55cbcd);background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{color:#385a7c;color:var(--text-color);font-size:.85rem;font-weight:500}.user-status{color:#55cbcd;color:var(--primary);font-size:.7rem}.settings-btn{align-items:center;background-color:initial;border:1px solid #55cbcd26;border:1px solid var(--nav-border);border-radius:50%;color:#385a7c;color:var(--text-color);cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.settings-btn:hover{background-color:#55cbcd1a;background-color:var(--nav-hover);transform:rotate(30deg)}.settings-btn svg{fill:currentColor;flex-shrink:0;height:16px;max-height:16px;max-width:16px;width:16px}.file-item{background-color:#fff;border:1px solid #55cbcd26;border:1px solid var(--nav-border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.file-item:hover{background-color:#55cbcd1a;background-color:var(--nav-hover);box-shadow:0 4px 12px #55cbcd1a;transform:translateY(-2px)}.file-item.active{background-color:#55cbcd33;background-color:var(--nav-active);border-color:#55cbcd;border-color:var(--primary)}.file-item.active:before{background:linear-gradient(180deg,#55cbcd,#a2e1db);background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.file-header{align-items:flex-start;justify-content:space-between}.file-header,.file-icon-name{display:flex;min-width:0;width:100%}.file-icon-name{align-items:center;flex:1 1;flex-direction:row;gap:.75rem}.file-item .file-icon{align-items:center;background-color:#55cbcd;background-color:var(--primary);border-radius:6px;box-shadow:0 2px 4px #55cbcd4d;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.file-item .file-icon.shared{background-color:#f9967e;background-color:var(--accent);box-shadow:0 2px 4px #fcb9aa4d}.file-item .file-icon svg{fill:currentColor;flex-shrink:0;height:18px;max-height:18px;max-width:18px;width:18px}.file-meta{justify-content:space-between;margin-top:.25rem}.file-meta,.file-tag{align-items:center;display:flex}.file-tag{border-radius:4px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.file-tag.uploaded{background-color:#55cbcd40;color:#2a8a8c;font-weight:700}.file-tag.shared{background-color:#fcb9aa40;color:#e8856a;font-weight:700}.file-tag svg{fill:currentColor;flex-shrink:0;height:10px;max-height:10px;max-width:10px;width:10px}.file-times{flex-direction:column;margin-top:.5rem;margin-top:var(--spacing-sm)}.file-time,.file-times{display:flex;gap:.25rem}.file-time{align-items:center;color:#385a7c;color:var(--text-color);font-size:.7rem;opacity:.7}.file-time svg{fill:currentColor;flex-shrink:0;height:10px;max-height:10px;max-width:10px;width:10px}.main-content{align-items:center;background-color:#eef4fa;background-color:var(--bg-color);background-image:linear-gradient(120deg,#e0f2fe80,#e2e8f04d),radial-gradient(circle at 10% 20%,#a2e1db1a 0,#0000 20%),radial-gradient(circle at 90% 80%,#fcb9aa1a 0,#0000 20%),radial-gradient(circle at 50% 50%,#55cbcd0d 0,#0000 30%);display:flex;flex:1 1;flex-direction:column;min-height:100vh}.container,.main-content{padding:2rem;padding:var(--spacing-xl)}.container{background-color:#fff;border:1px solid #55cbcd1a;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-lg);margin-top:2rem;margin-top:var(--spacing-xl);max-width:1200px;width:100%}.snippets-section{align-items:center;display:flex;flex-direction:column;margin-top:.5rem;margin-top:var(--spacing-sm);width:100%}.snippets-actions{gap:var(--spacing-sm);padding-right:1rem;padding-right:var(--spacing-md)}.snippets-table-container{border:1px solid #55cbcd1a;border-radius:12px;border-radius:var(--radius-lg)}.snippets-table,.snippets-table-container{background-color:#fff;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden;width:100%}.snippets-table{border-collapse:collapse;border-radius:12px;border-radius:var(--radius-lg)}.snippets-table th{background-color:#f5f4f0;background-color:var(--light);border-bottom:1px solid #55cbcd1a;font-family:Soria,serif;font-size:1.1rem;font-weight:500;text-align:left}.snippets-table td,.snippets-table th{color:#385a7c;color:var(--text-color);padding:1rem;padding:var(--spacing-md)}.snippets-table td{border-top:1px solid #55cbcd1a;font-size:.9rem}.snippets-table tr:hover{background-color:#a2e1db0d}.snippets-table tr.active-region-row{background-color:#fcb9aa4d!important}.snippets-table tr.active-region-row:hover{background-color:#fcb9aa66!important}.snippet-name{align-items:center;display:flex;font-weight:500;gap:.5rem;gap:var(--spacing-sm)}.snippet-indicator{background-color:#f99192;background-color:var(--wave-highlight);border-radius:50%;height:12px;width:12px}.snippet-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;border:1px solid #0000001a;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#385a7c;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.snippet-action-btn:hover{background-color:#fffffff2;border-color:#0003;box-shadow:0 4px 8px #00000026;color:#385a7c;color:var(--text-color);transform:translateY(-1px)}.snippet-action-btn svg{fill:currentColor;flex-shrink:0;height:18px;width:18px}.snippet-action-btn .tooltip{display:none}.snippet-action-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;border:1px solid #00000026!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#385a7c;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.snippet-action-icon svg{fill:currentColor;flex-shrink:0;height:14px;width:14px}.snippet-actions{align-items:center;display:flex;gap:7px}.snippet-action-icon:hover{background-color:#fffffff2;border-color:#0003;color:#55cbcd;color:var(--primary);transform:translateY(-1px)}.snippet-action-icon.edit{color:#385a7c;color:var(--text-color)}.snippet-action-icon.edit:hover{border-color:#0003;color:#55cbcd;color:var(--primary)}.snippet-action-icon.delete{color:#385a7c;color:var(--text-color)}.snippet-action-icon.delete:hover{background-color:#f971711a;border-color:#0003;color:#f97171;color:var(--wave-played)}.snippet-action-icon.delete svg{fill:currentColor;flex-shrink:0;height:22px;width:25px}.snippet-action-icon.play{color:#385a7c;color:var(--text-color)}.snippet-action-icon.play:hover{border-color:#0003;color:#f9967e;color:var(--accent)}.snippet-action-icon.load{color:#385a7c;color:var(--text-color)}.snippet-action-icon.load:hover{border-color:#0003;color:#f9967e;color:var(--accent)}.snippet-action-icon.trim{color:#385a7c;color:var(--text-color)}.snippet-action-icon.trim:hover{border-color:#0003;color:#55cbcd;color:var(--primary)}.snippets-actions{align-items:center;display:flex;gap:.5rem}.snippets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:100%}.snippets-title{color:#385a7c;color:var(--text-color);font-family:Soria,serif;font-size:1.8rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.snippets-paper{background-color:#fff;border:1px solid #55cbcd1a;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);width:100%}@media (min-width:1160px){.media-controls-row{align-items:center;flex-direction:row;justify-content:space-between}.time-jump-controls{justify-content:flex-start;width:auto}.center-controls{justify-content:center;width:auto}.loop-controls{justify-content:flex-end;margin-left:auto;width:auto}}@media (max-width:1159px){.MuiBox-root.media-controls-row,.media-controls-row,.media-controls-row[class*=MuiBox],[class*=MuiBox-root].media-controls-row,div.media-controls-row{align-items:center!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:center!important}.MuiBox-root.media-controls-row>div:first-child,.media-controls-row .time-jump-controls,.media-controls-row>div:first-child,.media-controls-row>div[class*=MuiBox]:first-child,[class*=MuiBox-root].media-controls-row>div:first-child,div.media-controls-row>div:first-child{display:flex!important;flex-shrink:0!important;justify-content:center!important;margin-bottom:0!important;order:1!important;width:100%!important}.MuiBox-root.media-controls-row>div:nth-child(2),.media-controls-row .center-controls,.media-controls-row>div:nth-child(2),.media-controls-row>div[class*=MuiBox]:nth-child(2),[class*=MuiBox-root].media-controls-row>div:nth-child(2),div.media-controls-row>div:nth-child(2){display:flex!important;flex-shrink:0!important;justify-content:center!important;margin-bottom:0!important;order:2!important;width:100%!important}.MuiBox-root.media-controls-row>div:last-child,.media-controls-row .loop-controls,.media-controls-row>div:last-child,.media-controls-row>div[class*=MuiBox]:last-child,[class*=MuiBox-root].media-controls-row>div:last-child,div.media-controls-row>div:last-child{display:flex!important;flex-shrink:0!important;justify-content:center!important;margin-left:0!important;order:3!important;width:100%!important}}@media (min-width:900px) and (max-width:1159px){.MuiBox-root.media-controls-row,.media-controls-row,.media-controls-row[class*=MuiBox],[class*=MuiBox-root].media-controls-row,div.media-controls-row{gap:5rem!important}}@media (max-width:900px){#waveform,.file-info,.file-info-paper{margin-left:auto!important;margin-right:auto!important;width:100%!important}.player-container{width:100%!important}}@media (max-width:768px){.left-nav{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1000}.left-nav.show{transform:translateX(0)}.mobile-nav-toggle{display:flex}.main-content{padding:1rem;padding:var(--spacing-md)}.container{padding:1.5rem;padding:var(--spacing-lg)}.main-controls-row{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.secondary-controls{justify-content:center;width:100%}.time-jump-controls{flex-wrap:wrap;justify-content:center}.loop-controls{justify-content:center;margin-left:0;margin-top:1rem;margin-top:var(--spacing-md);width:100%}.snippets-table{display:block;overflow-x:auto}.snippets-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.snippets-actions{justify-content:flex-start;width:100%}.file-info{align-items:flex-start;flex-direction:column;gap:.75rem}.file-actions{justify-content:flex-end;width:100%}#waveform,.file-info,.file-info-paper,.player-container{width:100%}}@media (max-width:480px){.main-content{padding:.5rem;padding:var(--spacing-sm)}.container{padding:1rem;padding:var(--spacing-md)}#waveform,.file-info,.file-info-paper,.player-container{width:100%}}@font-face{font-family:Soria;font-style:normal;font-weight:400 700;src:url(/static/media/Soria-Regular.087527ae9c47f8daf2ad.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.font-test{color:#333;font-family:Soria,serif;font-size:2rem;font-weight:600;margin:20px 0;text-align:center}.file-info-paper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9;border:1px solid #55cbcd1f;border-bottom:none;border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-sizing:border-box;margin-bottom:0;margin-left:auto;margin-right:auto;position:relative;width:100%;z-index:3}.file-info-container{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.file-info-details{align-items:flex-start;display:flex;flex:1 1;gap:1rem;gap:var(--spacing-md);min-width:0}.file-info-icon{align-items:center;background-color:#55cbcd;background-color:var(--primary);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 8px #55cbcd40;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;overflow:hidden;position:relative;width:42px}.file-info-icon.shared{background-color:#f9967e;background-color:var(--accent);box-shadow:0 2px 8px #fcb9aa40}.file-info-icon svg{fill:currentColor;flex-shrink:0;height:20px;max-height:20px;max-width:20px;width:20px}.file-info-text{display:flex;flex:1 1;flex-direction:column;gap:.375rem;min-width:0}.file-info-title{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#385a7c;color:var(--text-color);display:-webkit-box;font-size:1.125rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.01em;line-height:1.4;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:normal;word-break:break-all}.file-info-actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.file-info-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;border:1px solid #00000026!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#385a7c;color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:36px;min-width:36px;opacity:1;overflow:hidden;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.file-info-action-btn:hover{background-color:#fffffff2;border-color:#0003!important;color:#55cbcd;color:var(--primary);transform:translateY(-1px)}.file-info-action-btn.delete:hover{background-color:#f971711a;border-color:#0003!important;color:#f97171;color:var(--wave-played)}.deletion-info-icon{cursor:help;opacity:.8;transition:all .2s ease;transition:all var(--transition-fast)}.deletion-info-icon:hover{background-color:#0000000d;opacity:1;transform:scale(1.1)}.file-info-action-btn svg{fill:currentColor;flex-shrink:0;height:18px!important;max-height:18px!important;max-width:18px!important;width:18px!important}.empty-state{background-color:#fff;border:1px solid #55cbcd1a;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);flex-direction:column;padding:3rem 1rem;text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{animation:float 3s ease-in-out infinite;color:#55cbcd;color:var(--primary);height:64px;margin-bottom:1.5rem;opacity:.8;width:64px}.empty-state-icon svg{fill:currentColor;height:100%;max-height:64px;max-width:64px;width:100%}.empty-state-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.empty-state-text,.empty-state-title{color:#385a7c;color:var(--text-color);font-family:Poppins,sans-serif}.empty-state-text{line-height:1.5;margin-bottom:2rem;max-width:400px;opacity:.7}.empty-state-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.empty-state-actions .btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.empty-state-actions .btn-primary{background-color:#55cbcd;background-color:var(--primary);box-shadow:0 2px 8px #55cbcd4d;color:#fff}.empty-state-actions .btn-primary:hover{background-color:#3da3a5;background-color:var(--primary-dark);box-shadow:0 4px 12px #55cbcd66;transform:translateY(-1px)}.empty-state-actions .btn-secondary{background-color:#fff;border:1px solid #55cbcd33;color:#385a7c;color:var(--text-color)}.empty-state-actions .btn-secondary:hover{background-color:#f5f4f0;background-color:var(--light);border-color:#55cbcd;border-color:var(--primary);transform:translateY(-1px)}.empty-state-actions .btn svg{fill:currentColor;flex-shrink:0;height:18px;width:18px}.speed-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fcb9aa33;border:1px solid #fcb9aa66;border-radius:20px;box-shadow:0 2px 4px #0003;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;margin:0 .25rem;min-width:60px;padding:.5rem 1rem;text-align:center;transition:all .2s ease;transition:all var(--transition-fast)}.speed-control,.speed-control:hover{color:#fcb9aa;color:var(--accent-dark)}.speed-control:hover{background-color:#fcb9aa4d;border-color:#fcb9aa;border-color:var(--accent-dark);box-shadow:0 4px 8px #fcb9aa4d;transform:translateY(-1px)}.time-jump-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:1px solid #55cbcd66;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;gap:.25rem;justify-content:center;margin:0 .25rem;min-width:50px;padding:.5rem .75rem;transition:all .2s ease;transition:all var(--transition-fast)}.time-jump-btn:hover{background-color:#ffffff40;border-color:#55cbcd;border-color:var(--primary);box-shadow:0 4px 8px #55cbcd4d;color:#fff;transform:translateY(-1px)}.time-jump-btn.backward{border-color:#fcb9aa66;color:#ffdbcc;color:var(--accent-light)}.time-jump-btn.backward:hover{background-color:#fcb9aa40;border-color:#f9967e;border-color:var(--accent);color:#ffdbcc;color:var(--accent-light)}.time-jump-btn.forward{border-color:#a2e1db66;color:#a2e1db;color:var(--secondary)}.time-jump-btn.forward:hover{background-color:#a2e1db40;border-color:#a2e1db;border-color:var(--secondary);color:#a2e1db;color:var(--secondary)}.time-jump-btn svg{fill:currentColor;flex-shrink:0;height:16px;width:16px}.play-btn{align-items:center;background:linear-gradient(135deg,#8ad6cc,#6bc4b8);border:none;border-radius:50%;box-shadow:0 4px 12px #8ad6cc66,0 0 0 2px #a2e1db33;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;margin:0 .5rem;overflow:hidden;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:60px}.play-btn:after{background:linear-gradient(135deg,#fff3,#0000);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;transition:opacity var(--transition-fast)}.play-btn:hover{background:linear-gradient(135deg,#6bc4b8,#8ad6cc);box-shadow:0 6px 16px #8ad6cc80,0 0 0 2px #a2e1db4d;transform:scale(1.05)}.play-btn:hover:after{opacity:1}.play-btn svg{fill:currentColor;flex-shrink:0;height:24px;position:relative;width:24px;z-index:1}.control-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:1px solid #a2e1db4d;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0003;color:#a2e1dbcc;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 .25rem;transition:all .2s ease;transition:all var(--transition-fast);width:40px}.control-btn:hover{background-color:#ffffff40;border-color:#a2e1db80;box-shadow:0 4px 8px #a2e1db33;color:#a2e1db;transform:translateY(-1px)}.zoom-controls .control-btn{color:#a2e1dbcc}.zoom-controls .control-btn:hover{border-color:#a2e1db80;color:#a2e1db}.control-btn svg{fill:currentColor;flex-shrink:0;height:20px;width:20px}.zoom-controls{align-items:center;display:flex;gap:.75rem}.time-display{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:1px solid #55cbcd66;border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative}.time-display:before{background:linear-gradient(90deg,#a2e1db,#55cbcd);background:linear-gradient(to right,var(--secondary),var(--primary));content:"";height:3px;left:0;position:absolute;top:0;transition:width .1s ease;width:0;width:var(--progress-percentage,0)}.media-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.5rem 0;position:relative}.center-controls{align-items:center;display:flex;gap:1rem;justify-content:center}.time-jump-controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.loop-controls{align-items:center;display:flex;gap:.5rem;margin-left:auto}.play-button-container{align-items:center;display:flex;justify-content:center}.loop-label{color:#fff;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;opacity:.9}.loop-selector{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #55cbcd33;border-radius:20px;display:flex;padding:3px}.loop-option{background-color:initial;border-radius:16px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;margin:0 .25rem;min-width:50px;opacity:.7;padding:.3rem .7rem;text-align:center;transition:all .2s ease;transition:all var(--transition-fast)}.loop-option:hover{background-color:#ffffff1a;opacity:.9}.loop-option.active{background-color:#55cbcd4d;box-shadow:0 2px 4px #0000001a;color:#fff;opacity:1}.loop-option.active:hover{background-color:#55cbcd66;opacity:1}.feedback-fab,.keyboard-fab{height:56px!important;min-height:56px!important;min-width:56px!important;width:56px!important}.feedback-fab svg,.keyboard-fab svg{font-size:24px!important;height:24px!important;width:24px!important}.settings-title{align-items:center!important;color:#385a7c!important;color:var(--text-color)!important;display:flex!important;font-size:.8rem!important;font-weight:500!important;gap:.5rem!important;margin-bottom:1rem!important;opacity:.7}.settings-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.settings-icon svg{fill:currentColor;height:100%;width:100%}.youtube-flipped{transform:scaleX(-1)!important;transform-origin:center!important}.youtube-flipped,.youtube-normal{transition:transform .3s ease-in-out!important}.youtube-normal{transform:scaleX(1)!important;transform-origin:center!important}.playback-speed-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fcb9aa33;border:1px solid #fcb9aa66;border-radius:20px;box-shadow:0 2px 4px #0003;color:#fcb9aa;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;min-width:70px;transition:all .2s ease}.playback-speed-container:hover:not(.disabled){background-color:#fcb9aa4d;border-color:#fcb9aa;box-shadow:0 4px 8px #fcb9aa4d;transform:translateY(-1px)}.playback-speed-container.disabled{opacity:.5}@media (min-width:600px){.playback-speed-container{min-width:80px}}.playback-speed-textfield{flex:1 1}.playback-speed-textfield .MuiInput-root{color:#fcb9aa;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;min-width:40px;padding:.5rem .25rem;text-align:center}.playback-speed-textfield .MuiInput-root:after,.playback-speed-textfield .MuiInput-root:before{display:none}@media (min-width:600px){.playback-speed-textfield .MuiInput-root{min-width:50px;padding:.5rem}}.playback-speed-display{cursor:pointer;flex:1 1;min-width:40px;padding:.5rem .25rem;text-align:center}.playback-speed-display:hover:not(.disabled){background-color:#fcb9aa1a}.playback-speed-display.disabled{cursor:default}@media (min-width:600px){.playback-speed-display{min-width:50px;padding:.5rem}}.playback-speed-arrows{display:flex;flex-direction:column}.playback-speed-icon-button{color:#fcb9aa;padding:.25rem}.playback-speed-icon-button:hover{background-color:#fcb9aa33}.playback-speed-icon-button.Mui-disabled{color:#fcb9aa4d}.playback-speed-arrow-button{color:#fcb9aa;height:16px;min-width:auto;padding:.125rem}.playback-speed-arrow-button:hover{background-color:#fcb9aa33}.playback-speed-arrow-button.Mui-disabled{color:#fcb9aa4d}.customTooltip{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:12px!important;box-shadow:0 8px 32px #0000004d!important;color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.customTooltip .introjs-tooltip-title{color:#fff!important;font-size:1.2em!important;font-weight:600!important}.customTooltip .introjs-tooltiptext{color:#ffffffe6!important;font-size:1em!important;line-height:1.5!important}.customTooltip .introjs-button{background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:6px!important;color:#fff!important;font-weight:500!important;padding:8px 16px!important;text-shadow:none!important;transition:all .2s ease!important}.customTooltip .introjs-button:hover{background:#ffffff4d!important;color:#fff!important;transform:translateY(-1px)!important}.customTooltip .introjs-button.introjs-skipbutton{background:#ffffff1a!important;color:#ffffffb3!important}.customTooltip .introjs-button.introjs-skipbutton:hover{background:#fff3!important;color:#fff!important}.tutorial-overlay,.tutorial-overlay svg{pointer-events:none!important}.introjs-overlay{background-color:#000000b3!important}.introjs-helperLayer{background-color:initial!important;border:none!important}@keyframes dash{to{stroke-dashoffset:-10}}@keyframes mouseMove{0%{left:-8px;left:calc(var(--drag-start-x, 0px) - 8px);top:-8px;top:calc(var(--drag-start-y, 0px) - 8px)}to{left:-8px;left:calc(var(--drag-end-x, 0px) - 8px);top:-8px;top:calc(var(--drag-end-y, 0px) - 8px)}}.upload-logs-container{display:inline-block;position:relative}.upload-logs-toggle{background:#007bff;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:14px;padding:8px 12px}.upload-logs-toggle:hover{background:#0056b3}.upload-logs-panel{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px #00000026;max-height:500px;overflow:hidden;position:absolute;right:0;top:100%;width:600px;z-index:1000}.upload-logs-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:12px}.upload-logs-header h3{color:#333!important;font-size:16px;margin:0}.upload-logs-header small{color:#666!important}.upload-logs-actions{align-items:center;display:flex;gap:8px}.refresh-btn{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.refresh-btn:hover{background-color:#f5f5f5;transform:translateY(-1px)}.close-btn{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;height:40px;padding:.5rem 1rem;transition:all .2s ease}.close-btn:hover{background-color:#f5f5f5;transform:translateY(-1px)}.upload-logs-content{color:#333!important;max-height:400px;overflow-y:auto;padding:12px}.logs-list{display:flex;flex-direction:column;gap:8px}.log-entry{background:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;padding:8px}.log-entry pre{background:#f8f9fa;color:#333!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;margin:0;white-space:pre-wrap;word-break:break-word}.upload-logs-content .debug-info{background:#f0f0f0!important;border:1px solid #ddd!important;border-radius:4px!important;color:#333!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:11px!important;margin-bottom:12px!important;padding:8px!important}.upload-logs-content .debug-info strong{color:#000!important;font-weight:700!important}.upload-logs-content p{color:#333!important;font-weight:500!important}.upload-logs-actions,.upload-logs-container,.upload-logs-content,.upload-logs-header,.upload-logs-panel{color:#333!important}.log-actions{align-items:center;display:flex;gap:.5rem;margin-bottom:0}.log-btn{border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;height:40px;padding:.5rem 1rem;transition:all .2s ease}.log-btn-clear{background-color:#fff;border:1px solid #ccc;color:#333;position:relative}.log-btn-clear:hover{background-color:#f5f5f5;transform:translateY(-1px)}.log-btn-copy{background-color:#fff;border:1px solid #ccc;color:#333}.log-btn-copy:hover{background-color:#f5f5f5;transform:translateY(-1px)}.user-profile{align-items:center;display:flex;margin-left:1rem;margin-left:var(--spacing-md)}.user-profile-login-button{background:linear-gradient(135deg,#55cbcd,#3da3a5)!important;background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 12px #55cbcd4d!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-size:.9rem!important;font-weight:500!important;padding:.5rem 1rem!important;padding:var(--spacing-sm) var(--spacing-md)!important;text-transform:none!important;transition:all .3s ease!important;transition:all var(--transition-normal)!important}.user-profile-login-button:hover{background:linear-gradient(135deg,#3da3a5,#55cbcd)!important;background:linear-gradient(135deg,var(--primary-dark),var(--primary))!important;box-shadow:0 6px 16px #55cbcd66!important;transform:translateY(-2px)!important}.user-profile-button{border-radius:12px!important;border-radius:var(--radius-lg)!important;padding:.25rem!important;padding:var(--spacing-xs)!important;transition:all .3s ease!important;transition:all var(--transition-normal)!important}.user-profile-button:hover{background-color:#55cbcd1a!important;background-color:var(--nav-hover)!important;transform:translateY(-1px)!important}.user-profile-button:focus-visible{outline:2px solid #55cbcd!important;outline:2px solid var(--primary)!important;outline-offset:2px!important}.user-profile-avatar{box-shadow:0 2px 4px #0000001a!important;box-shadow:var(--shadow-sm)!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-size:.9rem!important;font-weight:600!important;height:36px!important;transition:all .3s ease!important;transition:all var(--transition-normal)!important;width:36px!important}.user-profile-button:hover .user-profile-avatar{box-shadow:0 4px 12px #00000026!important;box-shadow:var(--shadow-md)!important;transform:scale(1.05)!important}.user-profile-menu{margin-top:.5rem!important;margin-top:var(--spacing-sm)!important}.user-profile-menu-paper{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background-color:#fffffff2!important;border:1px solid #55cbcd1a!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 20px #00000026!important;box-shadow:var(--shadow-lg)!important;min-width:200px!important;overflow:hidden!important}.user-profile-menu-header{background:linear-gradient(135deg,#55cbcd0d,#a2e1db0d);padding:1rem 1rem .5rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm) var(--spacing-md)}.user-profile-name{font-size:.95rem!important;font-weight:600!important;margin-bottom:.25rem!important;margin-bottom:var(--spacing-xs)!important}.user-profile-email,.user-profile-name{color:#385a7c!important;color:var(--text-color)!important;font-family:Poppins,sans-serif!important}.user-profile-email{font-size:.85rem!important;opacity:.7!important;word-break:break-all!important}.user-profile-divider{border-color:#55cbcd33!important;margin:.25rem 0!important;margin:var(--spacing-xs) 0!important}.user-profile-menu-item{font-family:Poppins,sans-serif!important;padding:.5rem 1rem!important;padding:var(--spacing-sm) var(--spacing-md)!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important}.user-profile-menu-item:hover{background-color:#55cbcd1a!important;background-color:var(--nav-hover)!important}.user-profile-menu-item .MuiListItemIcon-root{color:#385a7c!important;color:var(--text-color)!important;min-width:36px!important;opacity:.7!important}.user-profile-menu-item:hover .MuiListItemIcon-root{color:#55cbcd!important;color:var(--primary)!important;opacity:1!important}.user-profile-menu-item .MuiListItemText-root .MuiTypography-root{color:#385a7c!important;color:var(--text-color)!important;font-family:Poppins,sans-serif!important;font-size:.9rem!important;font-weight:500!important}.user-profile-menu-item:hover .MuiListItemText-root .MuiTypography-root{color:#55cbcd!important;color:var(--primary)!important}.user-profile-logout:hover{background-color:#fcb9aa1a!important}.user-profile-logout:hover .MuiListItemIcon-root,.user-profile-logout:hover .MuiListItemText-root .MuiTypography-root{color:#f9967e!important;color:var(--accent)!important}@media (max-width:768px){.user-profile{margin-left:.5rem;margin-left:var(--spacing-sm)}.user-profile-avatar{font-size:.8rem!important;height:32px!important;width:32px!important}.user-profile-login-button{font-size:.8rem!important;padding:.25rem .5rem!important;padding:var(--spacing-xs) var(--spacing-sm)!important}.user-profile-menu-paper{min-width:180px!important}}@media (max-width:480px){.user-profile{margin-left:.25rem;margin-left:var(--spacing-xs)}.user-profile-avatar{font-size:.75rem!important;height:28px!important;width:28px!important}.user-profile-login-button{font-size:.75rem!important;padding:.25rem!important;padding:var(--spacing-xs)!important}.user-profile-menu-paper{min-width:160px!important}.user-profile-menu-header{padding:.5rem .5rem .25rem;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)}.user-profile-menu-item{padding:.25rem .5rem!important;padding:var(--spacing-xs) var(--spacing-sm)!important}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-profile-menu-paper{animation:slideDown .2s ease-out}.user-profile-menu-item:focus-visible{outline:2px solid #55cbcd!important;outline:2px solid var(--primary)!important;outline-offset:-2px!important}@media (prefers-color-scheme:dark){.user-profile-menu-paper{background-color:#1e1e1ef2!important;border-color:#55cbcd33!important}.user-profile-menu-header{background:linear-gradient(135deg,#55cbcd1a,#a2e1db1a)}.user-profile-email,.user-profile-menu-item .MuiListItemText-root .MuiTypography-root,.user-profile-name{color:#e0e0e0!important}}:root{--bg-color:#eef4fa;--text-color:#385a7c;--primary:#55cbcd;--primary-dark:#3da3a5;--secondary:#a2e1db;--secondary-dark:#8ad6cc;--accent:#f9967e;--accent-light:#ffdbcc;--accent-dark:#fcb9aa;--light:#f5f4f0;--nav-bg:#fff;--nav-hover:#55cbcd1a;--nav-border:#55cbcd26;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 20px #00000026;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.auth-container{align-items:center;display:flex;justify-content:center;padding:1rem;padding:var(--spacing-md);width:100%}.auth-box{max-width:500px}.auth-box,.auth-paper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border:1px solid #55cbcd1a;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-lg);margin:0 auto;padding:3rem;padding:var(--spacing-2xl);width:100%}.auth-paper{max-width:550px}.auth-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.auth-title{font-family:Soria,serif!important;font-size:2rem!important;font-weight:600!important;margin-bottom:.5rem!important;margin-bottom:var(--spacing-sm)!important}.auth-subtitle,.auth-title{color:#385a7c!important;color:var(--text-color)!important}.auth-subtitle{font-family:Poppins,sans-serif!important;font-size:1rem!important;line-height:1.5!important;opacity:.7!important}.auth-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.auth-input{font-family:Poppins,sans-serif!important}.auth-input .MuiOutlinedInput-root{background-color:#fffc!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;transition:all .3s ease!important;transition:all var(--transition-normal)!important}.auth-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#55cbcd!important;border-color:var(--primary)!important}.auth-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#55cbcd!important;border-color:var(--primary)!important;border-width:2px!important}.auth-input .MuiInputLabel-root{color:#385a7c!important;color:var(--text-color)!important;font-family:Poppins,sans-serif!important}.auth-input .MuiInputLabel-root.Mui-focused{color:#55cbcd!important;color:var(--primary)!important}.auth-input .MuiFormHelperText-root{color:#385a7c!important;color:var(--text-color)!important;font-family:Poppins,sans-serif!important;opacity:.7!important}.auth-input .MuiFormHelperText-root.Mui-error{color:#d32f2f!important;opacity:1!important}.auth-button{border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 2px 4px #0000001a!important;box-shadow:var(--shadow-sm)!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-size:1rem!important;font-weight:500!important;padding:1rem 1.5rem!important;padding:var(--spacing-md) var(--spacing-lg)!important;text-transform:none!important;transition:all .3s ease!important;transition:all var(--transition-normal)!important}.auth-button-primary{background:linear-gradient(135deg,#55cbcd,#3da3a5)!important;background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;box-shadow:0 4px 12px #55cbcd4d!important;color:#fff!important}.auth-button-primary:hover{background:linear-gradient(135deg,#3da3a5,#55cbcd)!important;background:linear-gradient(135deg,var(--primary-dark),var(--primary))!important;box-shadow:0 6px 16px #55cbcd66!important;transform:translateY(-2px)!important}.auth-button-primary:disabled{background:#55cbcd80!important;box-shadow:none!important;transform:none!important}.auth-button-google{background:linear-gradient(135deg,#f9967e,#fcb9aa)!important;border:none!important;box-shadow:0 4px 12px #f9967e66!important;color:#fff!important;font-weight:600!important}.auth-button-google:hover{background:linear-gradient(135deg,#fcb9aa,#f9967e)!important;box-shadow:0 6px 16px #f9967e80!important;transform:translateY(-2px)!important}.auth-button-google:disabled{background:linear-gradient(135deg,#f9967e,#fcb9aa)!important;box-shadow:0 4px 12px #f9967e66!important;opacity:.6!important;transform:none!important}.auth-button-google .MuiButton-root,.auth-button-google .MuiSvgIcon-root{color:#fff!important}.auth-divider{align-items:center;display:flex;margin:2rem 0;margin:var(--spacing-xl) 0;position:relative}.auth-divider .MuiDivider-root{border-color:#55cbcd33!important;flex:1 1}.auth-divider-text{color:#385a7c!important;color:var(--text-color)!important;font-family:Poppins,sans-serif!important;font-size:.9rem!important;font-weight:500!important;opacity:.6!important;padding:0 1rem!important;padding:0 var(--spacing-md)!important}.auth-links{margin-top:2rem;margin-top:var(--spacing-xl);text-align:center}.auth-link{color:#55cbcd!important;color:var(--primary)!important;display:inline-block!important;font-family:Poppins,sans-serif!important;font-size:.9rem!important;font-weight:500!important;margin:.5rem 0!important;margin:var(--spacing-sm) 0!important;text-decoration:none!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important}.auth-link:hover{color:#3da3a5!important;color:var(--primary-dark)!important;text-decoration:underline!important;transform:translateY(-1px)!important}.auth-link-text{color:#385a7c!important;color:var(--text-color)!important;font-size:.9rem!important;line-height:1.5!important;opacity:.8!important}.auth-alert,.auth-link-text{font-family:Poppins,sans-serif!important}.auth-alert{border-radius:12px!important;border-radius:var(--radius-lg)!important;margin-bottom:1.5rem!important;margin-bottom:var(--spacing-lg)!important}.auth-alert .MuiAlert-message{font-size:.9rem!important;line-height:1.4!important}@media (max-width:600px){.auth-box,.auth-paper{max-width:100%}}@media (max-width:480px){.auth-container{padding:.5rem;padding:var(--spacing-sm)}.auth-box,.auth-paper{max-width:100%;padding:2rem;padding:var(--spacing-xl)}.auth-title{font-size:1.75rem!important}.auth-button,.auth-subtitle{font-size:.9rem!important}.auth-button{padding:.5rem 1rem!important;padding:var(--spacing-sm) var(--spacing-md)!important}}@media (max-width:360px){.auth-paper{padding:1.5rem;padding:var(--spacing-lg)}.auth-title{font-size:1.5rem!important}.auth-form{gap:1rem;gap:var(--spacing-md)}}.auth-button .MuiCircularProgress-root,.auth-button-google .MuiCircularProgress-root{color:#fff!important}.auth-button:focus-visible{outline:2px solid #55cbcd!important;outline:2px solid var(--primary)!important;outline-offset:2px!important}.auth-link:focus-visible{border-radius:4px!important;border-radius:var(--radius-sm)!important;outline:2px solid #55cbcd!important;outline:2px solid var(--primary)!important;outline-offset:2px!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-paper{animation:fadeInUp .6s ease-out}.auth-header{animation:fadeInUp .8s ease-out}.auth-form{animation:fadeInUp 1s ease-out}.auth-links{animation:fadeInUp 1.2s ease-out}
/*# sourceMappingURL=main.3f21817e.css.map*/