@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap);.auth-container{position:absolute;right:3rem;top:2rem;z-index:100}.login-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#c0c0d0;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.login-btn svg{transition:stroke .3s ease}.login-btn:hover{background:#ffffff1a;border-color:var(--accent1);box-shadow:0 4px 15px #00e5ff26;color:var(--accent1);transform:translateY(-2px)}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.oauth-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.85rem;transition:all .3s ease;width:100%}.oauth-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.google-btn:hover{border-color:#4285f4}.twitter-btn:hover{border-color:#fff}.auth-divider{align-items:center;color:var(--muted);display:flex;font-size:.85rem;gap:1rem;margin:1rem 0}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-toggle{color:var(--muted);font-size:.85rem;margin-top:1rem;text-align:center}.auth-toggle button{background:none;border:none;color:var(--accent1);cursor:pointer;font-weight:600}body.light-mode .oauth-btn{background:#0000000a;border-color:#0000001f;color:#222}body.light-mode .oauth-btn:hover{background:#00000014}body.light-mode .auth-divider{color:#999}body.light-mode .auth-divider:after,body.light-mode .auth-divider:before{background:#0000001a}body.light-mode .auth-toggle{color:#666}.profile-panel-embedded{padding:0}.profile-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile-panel-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.profile-avatar-wrapper{border:2px solid var(--accent1);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:relative;width:80px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{background:linear-gradient(135deg,var(--accent1),var(--accent1));font-size:2rem;font-weight:700}.profile-avatar-overlay,.profile-avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-avatar-overlay{background:#0009;color:#fff;flex-direction:column;font-size:.7rem;gap:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-hint{color:var(--muted);font-size:.75rem}.profile-form{gap:1rem;margin-bottom:1rem}.profile-field,.profile-form{display:flex;flex-direction:column}.profile-field{gap:.4rem}.profile-field label{color:var(--accent1);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.auth-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;outline:none;padding:.85rem 1rem;transition:all .3s ease;width:100%}.auth-input:focus{border-color:var(--accent1);box-shadow:0 0 15px #00e5ff26}.auth-input.disabled-input{cursor:not-allowed;opacity:.5}.field-hint{color:var(--muted);font-size:.75rem}.auth-error{color:#ff6b6b}.auth-error,.auth-success{font-size:.85rem;text-align:center}.auth-success{color:#10b981}.modal-action-btn{background:linear-gradient(135deg,var(--accent1) 0,var(--accent1) 100%)}.modal-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.profile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:49}.sidebar-pushed{overflow:hidden}.profile-panel-wrapper{animation:slideInPanel .3s ease-out forwards;background:linear-gradient(145deg,#14141efa,#0f0f19);border-right:1px solid #00e5ff33;height:100%;left:0;overflow-y:auto;padding:1.5rem;position:absolute;top:0;width:100%;z-index:50}@keyframes slideInPanel{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.user-avatar-wrapper{border:2px solid #0000;border-radius:50%;cursor:pointer;transition:all .3s ease}.user-avatar-wrapper:hover{border-color:var(--accent1);box-shadow:0 0 15px #00e5ff4d}.user-profile-btn{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.user-avatar{border:2px solid var(--accent1);border-radius:50%;height:48px;object-fit:cover;width:48px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent1));border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-display-name{color:var(--muted);font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out-btn{background:var(--accent1);border:1px solid #0bfb07;border-radius:50px;color:#c0c0d0;cursor:pointer;font-size:.8rem;padding:.4rem 1rem;transition:all .3s ease}.sign-out-btn:hover{background:#000}body.light-mode .profile-panel-wrapper{background:linear-gradient(145deg,#f0f0fcfc,#ebebfa);border-color:#6a5cff26}body.light-mode .profile-field label{color:var(--accent1)}body.light-mode .field-hint,body.light-mode .profile-avatar-hint{color:#888}body.light-mode .auth-input{background:#ffffffe6;border-color:#00000026;color:#111}body.light-mode .auth-input:focus{border-color:var(--accent1);box-shadow:0 0 15px #6a5cff26}body.light-mode .auth-input.disabled-input{opacity:.5}body.light-mode .sign-out-btn{background:#ff4b4b14;border-color:#ff4b4b33;color:#666}body.light-mode .sign-out-btn:hover{background:#ff4b4b26;color:#ff6b6b}@media (max-width:768px){.profile-panel-wrapper{border-radius:0!important;height:100vh!important;left:0!important;overflow-y:auto;position:fixed!important;top:0!important;width:100vw!important;z-index:999!important}.profile-panel-header{padding-top:.5rem}}.settings-modal{animation:slideUpModal .4s cubic-bezier(.175,.885,.32,1.275) forwards;background:linear-gradient(145deg,#14141efa,#0f0f19fc);border:1px solid #00e5ff33;border-radius:24px;display:flex;flex-direction:column;max-height:85vh;max-width:560px;overflow:hidden;width:100%}.settings-modal-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.settings-modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.settings-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;gap:0;overflow-x:auto;padding:0 .5rem;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#ffffff73;cursor:pointer;display:flex;flex-shrink:0;font-size:.82rem;font-weight:500;gap:.4rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.settings-tab.active{border-bottom-color:var(--accent1);color:var(--accent1)}.settings-tab-content{flex:1 1;overflow-y:auto;padding:1.5rem}.settings-footer{border-top:1px solid #ffffff0f;padding:1rem 1.5rem}.settings-signout{align-items:center;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.7rem;width:100%}.billing-panel{display:flex;flex-direction:column;gap:1.25rem}.billing-current{align-items:center;color:var(--muted);display:flex;font-size:.9rem;gap:.5rem}.billing-badge{border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.2rem .75rem;text-transform:uppercase}.billing-badge.free{background:#ffffff1a;border:1px solid #ffffff26;color:var(--muted)}.billing-badge.pro{background:linear-gradient(135deg,var(--accent1),var(--accent1));color:#fff}.billing-usage{color:var(--muted);font-size:.8rem;margin-top:-.75rem}.billing-tiers{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.billing-tier{border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.25rem;position:relative}.current-tier{background:#ffffff08}.pro-tier{background:linear-gradient(145deg,#6a5cff1a,#00e5ff0d);border-color:#6a5cff4d}.tier-badge-pro{background:linear-gradient(135deg,var(--accent1),var(--accent1));border-radius:50px;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:.15rem .5rem;position:absolute;right:10px;top:10px}.tier-header{display:flex;flex-direction:column;gap:.2rem}.tier-name{color:var(--text);font-size:1.1rem;font-weight:700}.tier-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.tier-price small{-webkit-text-fill-color:var(--muted);color:var(--muted);font-size:.75rem;font-weight:400}.tier-features{display:flex;flex:1 1;flex-direction:column;gap:.4rem;list-style:none}.tier-features li{color:var(--muted);font-size:.78rem;line-height:1.4}.tier-current-label{border:1px solid #ffffff14;border-radius:8px;color:var(--muted);font-size:.75rem;padding:.4rem;text-align:center}.upgrade-btn{background:linear-gradient(135deg,var(--accent1),var(--accent1));border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:.7rem;transition:all .3s ease;width:100%}.upgrade-btn:hover{box-shadow:0 8px 20px #6a5cff66;transform:translateY(-2px)}.upgrade-options{display:flex;flex-direction:column;gap:.75rem}.upgrade-divider{align-items:center;color:var(--muted);display:flex;font-size:.8rem;gap:.75rem}.upgrade-divider:after,.upgrade-divider:before{background:#ffffff14;content:"";flex:1 1;height:1px}.gcash-qr-section{align-items:center;background:#00a3ff0d;border:1px solid #00a3ff33;border-radius:12px;display:flex;flex-direction:column;gap:.6rem;padding:1rem}.gcash-qr-label{color:var(--text);font-size:.82rem;font-weight:600;text-align:center}.gcash-qr-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000026;padding:.75rem}.gcash-qr-img{display:block;height:160px;object-fit:contain;width:160px}.gcash-qr-hint{color:var(--muted);font-size:.75rem;line-height:1.6;text-align:center}.gcash-qr-hint strong{color:var(--accent1)}.socials-panel{padding:.5rem 0}.socials-header{margin-bottom:1.25rem}.socials-header h4{font-size:1rem;font-weight:700;margin-bottom:.25rem}.socials-header p{font-size:.8rem;opacity:.55}.socials-grid{display:flex;flex-direction:column;gap:.6rem}.social-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:.875rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.social-card:hover{background:#ffffff14;border-color:var(--social-color);transform:translateX(3px)}.social-card-icon{align-items:center;background:#ffffff0f;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.social-card-info{flex:1 1}.social-card-name{font-size:.88rem;font-weight:600}.social-card-handle{font-size:.75rem;margin-top:1px;opacity:.5}.social-card-arrow{opacity:.3;transition:opacity .2s}.social-card:hover .social-card-arrow{opacity:.8}.socials-footer{font-size:.82rem;margin-top:1.5rem;opacity:.5;text-align:center}body.light-mode .settings-modal{background:linear-gradient(145deg,#f5f5fffc,#f0f0fcfc);border-color:#6a5cff33}body.light-mode .settings-tab{color:#666}body.light-mode .settings-tab:hover{color:#333}body.light-mode .settings-tab.active{background:#6a5cff0d;border-bottom-color:var(--accent1);color:var(--accent1)}body.light-mode .settings-modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text}body.light-mode .billing-tier{border-color:#0000001a}body.light-mode .pro-tier{border-color:#6a5cff40}body.light-mode .tier-name{color:#111}body.light-mode .settings-footer{border-top-color:#00000014}body.light-mode .upgrade-divider:after,body.light-mode .upgrade-divider:before{background:#00000014}body.light-mode .gcash-qr-section{background:#00a3ff0a;border-color:#00a3ff26}body.light-mode .gcash-qr-hint strong{color:var(--accent1)}@media (max-width:768px){.settings-modal{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:90vh;max-width:100%;position:fixed;right:0}.billing-tiers{grid-template-columns:1fr}.settings-tab{font-size:.78rem;padding:.75rem .85rem}@media (max-width:400px){.settings-tab{font-size:.72rem;padding:.75rem .6rem}.settings-tab svg{display:none}}}.study-mode-toggle.active{background:#6a5cff1a;border-color:#6a5cff59}body.light-mode .study-mode-toggle:hover{background:#6a5cff1a;border-color:#6a5cff4d}.study-mode-icon{line-height:1}.study-mode-equalizer span:nth-child(4){animation-delay:.45s;height:10px}.study-mode-panel{background:#6a5cff0a;border:1px solid #6a5cff1f;border-radius:12px;gap:.85rem;margin-top:.4rem;padding:.875rem}body.light-mode .study-mode-panel{background:#6a5cff08;border-color:#6a5cff1a}.mobile-current-row,.study-current-row{align-items:center;background:#6a5cff14;border:1px solid #6a5cff2e;border-radius:10px;display:flex;gap:.6rem;padding:.6rem .875rem}body.light-mode .mobile-current-row,body.light-mode .study-current-row{background:#6a5cff0f;border-color:#6a5cff33}.current-emoji,.study-current-emoji{font-size:1.1rem;line-height:1}.current-name,.study-current-name{color:var(--accent1);flex:1 1;font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-playpause,.study-playpause-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.78rem;height:30px;justify-content:center;transition:transform .15s,box-shadow .15s;width:30px}.mobile-playpause:hover,.study-playpause-btn:hover{box-shadow:0 4px 12px #00000040;transform:scale(1.08)}.mobile-volume-stack,.study-volume-row{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:.75rem .875rem}body.light-mode .mobile-volume-stack,body.light-mode .study-volume-row{background:#6a5cff0a;border-color:#6a5cff1a}.study-volume-row{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.mobile-volume-slider,.study-volume-slider{accent-color:var(--accent1);cursor:pointer;flex:1 1;height:4px;width:100%}.study-stations{display:flex;flex-direction:column;gap:.4rem}.mobile-study-grid{grid-gap:.65rem;gap:.65rem;grid-template-columns:1fr 1fr;margin-bottom:.25rem}.study-station-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:9px;color:var(--text);cursor:pointer;display:flex;font-family:inherit;gap:.6rem;padding:.55rem .75rem;position:relative;text-align:left;transition:all .2s;width:100%}.study-station-btn:hover{background:#6a5cff14;border-color:#6a5cff40}.study-station-btn.active{box-shadow:0 2px 10px #6a5cff26}body.light-mode .study-station-btn{background:#00000008;border-color:#00000014;color:#0d0d0d}body.light-mode .study-station-btn:hover{background:#6a5cff0f;border-color:#6a5cff33}.study-station-emoji{flex-shrink:0;font-size:1rem;line-height:1}.study-station-name{flex:1 1;font-size:.8rem;font-weight:500}.study-station-btn.active .study-station-name{color:var(--accent1);font-weight:700}.study-station-playing{align-items:flex-end;display:flex;flex-shrink:0;gap:2px;height:12px}.study-station-playing span{animation:eq-bounce .8s ease-in-out infinite alternate;background:var(--accent1);border-radius:2px;width:3px}.study-station-playing span:first-child{animation-delay:0s;height:5px}.study-station-playing span:nth-child(2){animation-delay:.2s;height:11px}.study-station-playing span:nth-child(3){animation-delay:.4s;height:7px}.mobile-station-tile{border:1.5px solid #ffffff14;border-radius:14px;font-family:inherit;gap:.4rem;justify-content:center;padding:1rem .5rem;position:relative;transition:all .2s}body.light-mode .mobile-station-tile{background:#f7f7fc;border-color:#0000001a}.mobile-station-tile:hover{background:#6a5cff0d;border-color:#6a5cff59}.mobile-station-tile.active{border-color:#6a5cff;border-color:var(--accent,#6a5cff);box-shadow:0 2px 12px #6a5cff26}.tile-emoji{font-size:1.75rem;line-height:1}.tile-name{color:var(--text);font-size:.78rem;font-weight:600}body.light-mode .tile-name{color:#111}.mobile-station-tile.active .tile-name{color:var(--accent1)}.mobile-custom-youtube,.study-custom-youtube{display:flex;flex-direction:column;gap:.5rem}.custom-label,.study-section-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}body.light-mode .custom-label,body.light-mode .study-section-label{color:#00000073}.custom-input-group,.study-youtube-input-group{display:flex;gap:.5rem}.custom-youtube-input,.study-youtube-input{background:#ffffff12;border:1.5px solid #ffffff1f;border-radius:8px;color:#fff;flex:1 1;font-family:inherit;font-size:.8rem;min-width:0;outline:none;padding:.55rem .75rem;transition:border-color .2s,background .2s}.custom-youtube-input::placeholder,.study-youtube-input::placeholder{color:#ffffff47}.custom-youtube-input:focus,.study-youtube-input:focus{background:#ffffff1a;border-color:var(--accent1)}body.light-mode .custom-youtube-input,body.light-mode .study-youtube-input{background:#0000000a;border-color:#0000001f;color:#111}body.light-mode .custom-youtube-input::placeholder,body.light-mode .study-youtube-input::placeholder{color:#0000004d}body.light-mode .custom-youtube-input:focus,body.light-mode .study-youtube-input:focus{background:#6a5cff0a;border-color:var(--accent1)}.custom-play-btn,.study-youtube-btn{background:var(--accent1);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:600;padding:.55rem 1rem;transition:opacity .2s,transform .15s;white-space:nowrap}.custom-play-btn:hover,.study-youtube-btn:hover{opacity:.85;transform:translateY(-1px)}.mobile-credit,.study-mode-credit{color:#fff3;font-size:.68rem;font-weight:500;margin:0;text-align:center}body.light-mode .mobile-credit,body.light-mode .study-mode-credit{color:#00000038}.mobile-drawer-overlay{background:#00000080;z-index:9999}.mobile-study-drawer{background:#0d0d18;background:var(--bg,#0d0d18);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0000004d;display:flex;flex-direction:column;gap:1rem;max-height:92vh;overflow-y:auto;padding:0 1.25rem 2.5rem;z-index:10000}body.light-mode .mobile-study-drawer{background:#f5f5ff}.mobile-drawer-drag-handle{background:#ffffff26;flex-shrink:0;margin:.75rem auto 0}body.light-mode .mobile-drawer-drag-handle{background:#0000001f}.mobile-drawer-header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;justify-content:space-between;padding-bottom:.25rem}body.light-mode .mobile-drawer-header{border-bottom-color:#00000014}.header-title-group{align-items:center;display:flex;gap:.5rem}.header-title-group h3{color:var(--accent1);font-size:.82rem;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.header-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.mobile-drawer-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:.25rem;transition:color .2s}.mobile-drawer-close:hover{color:var(--accent1)}body.light-mode .mobile-drawer-close{color:#0006}.vibe-clock{display:flex;justify-content:center;padding:.5rem 0;width:100%}.clock-face{background:linear-gradient(145deg,#6a5cff14,#00e5ff0a);border:2px solid #6a5cff4d;border-radius:50%;box-shadow:0 8px 32px #0003,0 0 0 6px #6a5cff0d;flex-shrink:0;height:220px;justify-content:center;overflow:hidden;width:220px}.clock-face,.clock-inner{align-items:center;display:flex;position:relative}.clock-inner{flex-direction:column;gap:.3rem;padding:0 28px;text-align:center;width:100%;z-index:1}.clock-modes{gap:.4rem}.clock-modes,.mode-btn{display:flex;justify-content:center}.mode-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:.8rem;height:28px;transition:all .2s;width:28px}.mode-btn:hover{background:#6a5cff33;border-color:#6a5cff66}.mode-btn.active{background:#6a5cff4d;border-color:#6a5cff;border-color:var(--accent1,#6a5cff)}.clock-display{text-align:center}.clock-time{font-family:Barlow Condensed,monospace;font-size:1.7rem;font-weight:800;letter-spacing:.04em;line-height:1}.clock-hour,.clock-minute{background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1,#6a5cff),#00e5ff);-webkit-background-clip:text;background-clip:text;color:#0000}.clock-sep{color:#fff6;color:var(--muted,#fff6);margin:0 .05rem}.clock-ampm{color:#6a5cff;color:var(--accent1,#6a5cff);font-size:.65rem;margin-left:.25rem}.clock-date{color:#fff6;color:var(--muted,#fff6);font-size:.6rem}.clock-seconds{color:#ffffff40;font-size:.6rem}.timer-display{text-align:center;width:100%}.timer-setup{align-items:center;display:flex;flex-direction:column;gap:.45rem}.timer-inputs{display:flex;gap:.4rem;justify-content:center}.timer-input-group{text-align:center}.timer-input-group label{color:#fff6;color:var(--muted,#fff6);display:block;font-size:.5rem;margin-bottom:.1rem}.timer-input-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;color:var(--text,#fff);font-size:.85rem;padding:.2rem;text-align:center;width:42px}.timer-large{color:#6a5cff;color:var(--accent1,#6a5cff);font-family:monospace;font-size:1.5rem;font-weight:800;line-height:1}.timer-controls{display:flex;gap:.3rem;justify-content:center}.start-timer-btn,.timer-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;color:var(--text,#fff);cursor:pointer;font-size:.6rem;padding:.2rem .6rem;transition:all .2s}.start-timer-btn:hover,.timer-btn:hover{background:#6a5cff33;border-color:#6a5cff;border-color:var(--accent1,#6a5cff)}.timer-done{animation:pulse 1s infinite;color:#00e5ff;font-size:.65rem}.alarm-display{text-align:center;width:100%}.alarm-time-selector{align-items:center;display:flex;flex-wrap:nowrap;gap:.2rem;justify-content:center}.alarm-time-selector select{background:#0009;border:1px solid #6a5cff4d;border-radius:6px;color:#fff;color:var(--text,#fff);cursor:pointer;font-size:.75rem;font-weight:500;max-width:52px;padding:.2rem .3rem}.alarm-time-selector select:hover{border-color:#6a5cff;border-color:var(--accent1,#6a5cff)}.alarm-time-selector option{background:#1a1a2e;color:#fff}.set-alarm-btn{background:#6a5cff1a;border:1px solid #6a5cff4d;border-radius:20px;color:#6a5cff;color:var(--accent1,#6a5cff);cursor:pointer;font-size:.65rem;padding:.22rem .7rem;transition:all .2s;white-space:nowrap}.set-alarm-btn:hover{background:#6a5cff33}.alarm-info{align-items:center;color:#fff6;color:var(--muted,#fff6);display:flex;flex-wrap:wrap;font-size:.6rem;gap:.3rem;justify-content:center}.cancel-alarm-btn{background:#ff4b4b1a;border:1px solid #ff4b4b4d;border-radius:20px;color:#ff6b6b;cursor:pointer;font-size:.58rem;padding:.12rem .45rem}.alarm-ringing-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:50%;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.alarm-ringing{align-items:center;animation:pulse .8s infinite;color:#f44;display:flex;flex-direction:column;font-size:.72rem;gap:.4rem;padding:.5rem;text-align:center}.alarm-ringing span{font-size:1.1rem}.stop-alarm-btn{background:#f44;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.65rem;font-weight:600;padding:.22rem .75rem;transition:all .2s}.stop-alarm-btn:hover{background:#f22}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body.light-mode .clock-face{background:linear-gradient(145deg,#6a5cff0a,#00e5ff05);border-color:#6a5cff33}body.light-mode .mode-btn{background:#00000008;border-color:#0000001a}body.light-mode .alarm-time-selector select{background:#0000000f;color:#1a1a2e}body.light-mode .alarm-time-selector option{background:#fff;color:#1a1a2e}body.light-mode .timer-input-group input{background:#0000000d;color:#1a1a2e}body.light-mode .alarm-ringing-overlay{background:#ffffffe6}body.light-mode .alarm-ringing{color:#c00}@media (max-width:768px){.clock-face{height:190px;width:190px}.clock-inner{padding:0 24px}.clock-time{font-size:1.5rem}.timer-large{font-size:1.25rem}.mode-btn{font-size:.75rem;height:26px;width:26px}.alarm-time-selector select{font-size:.7rem;max-width:46px}}.brand-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--sidebar-bg);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;height:100vh;overflow-y:auto;padding:1.25rem .75rem;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;transition:all .2s}.brand-sidebar::-webkit-scrollbar{display:none}.sidebar-top-zone{min-height:80px;width:100%}.sidebar-middle-zone{flex-direction:row;gap:1rem;justify-content:flex-start;margin-bottom:2.5rem;margin-top:auto;width:100%}.sidebar-study-zone{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 .5rem;scrollbar-width:none;width:100%}.sidebar-study-zone::-webkit-scrollbar{display:none}.sidebar-user-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;cursor:pointer;display:flex;gap:12px;padding:.75rem 1rem;transition:all .2s ease;width:100%}.sidebar-user-card:hover{background:#6a5cff1a;border-color:#6a5cff33;transform:translateY(-1px)}.user-avatar,.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent3));border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;object-fit:cover;width:44px}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;text-align:left}.user-display-name{color:var(--text);font-size:.9rem;font-weight:700}.sidebar-settings-hint{align-items:center;color:var(--muted);display:flex;font-size:.7rem;gap:4px}.sidebar-login-btn{justify-content:center;width:100%}.sidebar-messages-zone{box-sizing:border-box}.sidebar-messages-btn{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;gap:12px;min-height:56px;padding:.75rem 1rem;transition:all .2s ease}.sidebar-messages-btn:hover{background:#6a5cff1a;border-color:#6a5cff33}.sidebar-messages-icon svg{stroke:var(--accent1)}.sidebar-messages-label{gap:2px;justify-content:center;text-align:left}.sidebar-messages-title{color:var(--text);display:block;line-height:1.2}.sidebar-messages-subtitle{line-height:1.2}.study-mode-container{box-sizing:border-box;margin-bottom:.5rem;padding:0 .5rem;width:100%}.study-mode-toggle{align-items:center;background:#6a5cff0f;border:1px solid #6a5cff26;border-radius:12px;box-sizing:border-box;color:var(--text);cursor:pointer;display:flex;font-family:inherit;gap:.6rem;line-height:1.2;min-height:56px;padding:.75rem .85rem;text-align:left;transition:all .25s ease;width:100%}.study-mode-toggle:hover{background:#6a5cff1f;border-color:#6a5cff4d}.study-mode-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:1.3rem}.study-mode-label{color:var(--accent1);flex:1 1;font-size:.85rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-mode-equalizer{align-items:flex-end;display:flex;flex-shrink:0;gap:2px;height:14px}.study-mode-equalizer span{animation:eq-bounce .8s ease-in-out infinite alternate;background:var(--accent1);border-radius:2px;width:3px}.study-mode-equalizer span:first-child{animation-delay:0s;height:5px}.study-mode-equalizer span:nth-child(2){animation-delay:.15s;height:12px}.study-mode-equalizer span:nth-child(3){animation-delay:.3s;height:8px}.study-mode-panel{animation:popDown .2s ease-out forwards;background:#0a0a14f2;border:1px solid #6a5cff33;border-radius:0 0 12px 12px;border-top:none;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;max-height:60vh;max-width:100%;overflow-y:auto;padding:.75rem;scrollbar-width:none;width:100%}.study-mode-panel::-webkit-scrollbar{display:none}.sidebar-bottom-zone{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:1rem;width:100%}.sidebar-middle-zone{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:0;margin-top:0;text-align:center}.sidebar-logo{border-radius:50%;box-shadow:0 4px 12px #0003;height:56px;object-fit:cover;transition:transform .2s ease;width:56px}.sidebar-logo:hover{transform:scale(1.02)}.brand-text-wrapper{display:flex;flex-direction:column;gap:.2rem;text-align:left}.sidebar-brand-name{background:linear-gradient(135deg,var(--accent1),var(--accent3));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1rem;font-weight:800;letter-spacing:-.3px}.sidebar-tagline{color:var(--muted);font-size:.72rem;line-height:1.3;opacity:.8}body.light-mode .brand-sidebar{background:#fff9;border-right-color:#0000000d}body.light-mode .sidebar-messages-btn,body.light-mode .sidebar-user-card{background:#00000005;border-color:#0000000d}body.light-mode .sidebar-messages-btn:hover,body.light-mode .sidebar-user-card:hover{background:#6a5cff14}body.light-mode .study-mode-toggle{background:#6a5cff0a;border-color:#6a5cff1f;color:#0d0d0d}body.light-mode .study-mode-panel{background:#f0f0fcfa;border-color:#6a5cff26}body.light-mode .sidebar-bottom-zone{border-top-color:#0000000f}body.light-mode .sidebar-tagline{color:#555}@media (min-width:769px){.sidebar-study-zone{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 .5rem;scrollbar-width:none;width:100%}.sidebar-study-zone::-webkit-scrollbar{display:none}.brand-sidebar{transform:translateZ(0);will-change:transform}}@media (max-width:768px){.brand-sidebar{display:none!important}}@media (max-width:480px){.sidebar-messages-subtitle{display:none}}.creative-editor{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--sidebar-bg);border-left:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto;padding:1rem}.creative-editor-header{padding:.5rem 0;text-align:center}.creative-editor-header h3{background:linear-gradient(135deg,var(--accent1),var(--accent3));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.creative-editor-header p{color:var(--muted);font-size:.7rem}.creative-editor-form{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.creative-title-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:var(--text);font-family:DM Sans,sans-serif;font-size:.9rem;padding:.6rem .8rem;width:100%}.creative-toolbar{-webkit-overflow-scrolling:touch;background:#ffffff08;border:1px solid #ffffff1a;border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:4px;overflow-x:auto;padding:6px}.toolbar-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text);cursor:pointer;flex-shrink:0;font-family:monospace;font-size:.7rem;font-weight:600;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.toolbar-btn:active,.toolbar-btn:hover{background:#6a5cff33;border-color:#6a5cff66}.toolbar-btn.active{background:#6a5cff4d;border-color:var(--accent1);color:var(--accent1)}.creative-editor-rich{max-height:300px;min-height:180px}.creative-editor-content{min-height:160px}.creative-editor-content p{margin:0 0 .5rem}.creative-editor-content h2{font-size:1.1rem;font-weight:700;margin:.75rem 0 .35rem}.creative-editor-content ol,.creative-editor-content ul{margin:0 0 .5rem 1.2rem}.creative-editor-content code{background:#0000004d;border-radius:3px;padding:.15rem .3rem}.creative-editor-content pre{background:#0006;border-radius:6px;padding:.5rem}.creative-editor-content blockquote{border-left:3px solid var(--accent1);color:var(--muted);font-style:italic;margin:.5rem 0;padding-left:.75rem}.ProseMirror p.is-editor-empty:first-child:before{color:#ffffff4d;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.creative-attachments{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;max-height:120px;padding:.25rem 0}.attachment-item{align-items:center;background:#ffffff14;border-radius:12px;display:flex;flex-shrink:0;font-size:.7rem;gap:.4rem;max-width:180px;padding:.25rem .6rem;position:relative}.att-video-preview{border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:60px}.att-image-preview{border-radius:8px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.attachment-item a{color:var(--accent1);font-size:.7rem;max-width:100px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.att-remove{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.6rem;height:18px;justify-content:center;transition:all .2s;width:18px}.att-remove:hover{background:#f44}.attach-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.attach-file-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.7rem;gap:.3rem;padding:.3rem .8rem;transition:all .2s;white-space:nowrap}.attach-file-btn:hover{background:#6a5cff1a;border-color:#6a5cff4d}.uploading-text{animation:pulse 1s infinite;color:var(--accent1);font-size:.7rem}.creative-attachments{max-height:100px;overflow-y:auto;scrollbar-width:thin}.creative-attachments::-webkit-scrollbar{height:4px;width:4px}.creative-attachments::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.creative-attachments::-webkit-scrollbar-thumb{background:#6a5cff4d;border-radius:2px}@media (max-width:768px){.att-video-preview{height:35px;width:50px}.att-image-preview{height:45px;width:45px}.attachment-item a{max-width:80px}.creative-attachments{max-height:90px}}@media (max-width:480px){.creative-toolbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.toolbar-btn{flex-shrink:0}.cancel-btn,.save-btn{font-size:.75rem;padding:.35rem .8rem}.attach-file-btn{font-size:.65rem}}.creative-editor-loading{color:var(--muted);padding:2rem;text-align:center}.draft-indicator{align-items:center;background:#6a5cff26;border:1px solid #6a5cff4d;border-radius:20px;color:var(--accent1);display:inline-flex;font-size:.7rem;gap:.5rem;margin-top:.5rem;padding:.2rem .6rem}.clear-draft-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.7rem;padding:0 .2rem}.clear-draft-btn:hover{color:#ff6b6b}.creative-editor-rich{background:#ffffff08;border:1px solid #ffffff1a;border-radius:0 0 8px 8px;max-height:250px;min-height:140px;overflow-x:hidden;overflow-y:auto}.creative-editor-content{word-wrap:break-word;color:var(--text);font-family:DM Sans,sans-serif;font-size:.85rem;line-height:1.5;min-height:120px;outline:none;overflow-wrap:break-word;padding:10px}.creative-editor-content img{border-radius:8px;height:auto;margin:.5rem 0;max-width:100%}.creative-editor-content pre{word-wrap:break-word;background:#0000004d;border-radius:8px;max-width:100%;overflow-x:auto;padding:.75rem;white-space:pre-wrap}.creative-editor-content code{background:#6a5cff1a;border-radius:4px;color:#a89ff7;font-family:monospace;font-size:.8rem;padding:.15rem .35rem;word-break:break-word}.lamp-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:flex-end;outline:none;padding:0;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.lamp-toggle-btn:hover{transform:scale(1.08)}.lamp-toggle-btn:active{transform:scale(.95)}.lamp-svg{display:block;height:auto;overflow:visible;width:100%}.lamp-body{fill:#2a2a35;transition:fill .3s ease}.lamp-arm{stroke:#2a2a35;fill:none;transition:stroke .3s ease}.lamp-joint{fill:#1e1e28;stroke:#3a3a48;stroke-width:1.5;transition:fill .3s ease,stroke .3s ease}.lamp-shade{fill:#1e1e28;transition:fill .3s ease}.lamp-bulb{fill:#5a5a70;transition:fill .3s ease,filter .3s ease}.lamp-beam,.lamp-halo{opacity:0;transition:opacity .35s ease}.lamp-label{color:#ffffff4d;font-size:.6rem;font-weight:700;letter-spacing:.08em;line-height:1;margin-top:2px;text-transform:uppercase;transition:color .3s ease}.lamp-off .lamp-body{fill:#3a3a50}.lamp-off .lamp-arm{stroke:#3a3a50}.lamp-off .lamp-joint{fill:#2e2e40;stroke:#4a4a60}.lamp-off .lamp-shade{fill:#2e2e40}.lamp-off .lamp-bulb{fill:#4a4a60}.lamp-off .lamp-beam,.lamp-off .lamp-halo{opacity:0}.lamp-off .lamp-label{color:#ffffff4d}.lamp-on .lamp-body{fill:#1a1a22}.lamp-on .lamp-arm{stroke:#1a1a22}.lamp-on .lamp-joint{fill:#111118;stroke:#2a2a35}.lamp-on .lamp-shade{fill:#111118}.lamp-on .lamp-bulb{fill:#fff4b0}.lamp-on .lamp-halo{animation:halo-pulse 2.5s ease-in-out infinite;opacity:1}.lamp-on .lamp-beam{animation:beam-flicker 3s ease-in-out infinite;opacity:1}.lamp-on .lamp-label{color:#d4940a}@keyframes halo-pulse{0%,to{r:14;opacity:.9}50%{r:16;opacity:.6}}@keyframes beam-flicker{0%,to{opacity:1}45%{opacity:.88}50%{opacity:.95}75%{opacity:.92}}.lamp-off:hover .lamp-shade{fill:#3a3a55}.lamp-off:hover .lamp-bulb{fill:#6a6a85}.lamp-on:hover .lamp-beam{opacity:1}.lamp-toggle-btn:focus-visible{border-radius:8px;outline:2px solid #6a5cff99;outline-offset:4px}.lamp-toggle-btn.lamp-sm .lamp-label{font-size:.52rem}.ai-utility-section{border-bottom:1px solid #ffffff14;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto 4rem;max-width:800px;padding-bottom:3rem}.chat-input-container{align-items:flex-end;background:#6a5cff0d;border:1px solid #ffffff1a;border-radius:24px;display:flex;gap:.75rem;padding:.75rem;position:relative;transition:all .3s ease;z-index:20}.chat-input-container:focus-within{background:#6a5cff14;border-color:var(--accent1);box-shadow:0 0 20px #00e5ff26}.theme-toggle-wrapper{align-items:center;padding:.5rem .25rem 0}.mode-selector-wrapper{position:relative}.plus-icon-btn{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:50%;color:var(--muted);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.plus-icon-btn:hover{background:#ffffff1a;border-color:#00e5ff4d;color:var(--accent1)}.mode-dropdown-menu{animation:popDown .2s ease-out forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f14f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 20px #6a5cff26;display:flex;flex-direction:column;gap:4px;left:0;padding:.5rem;position:absolute;top:calc(100% + 10px);width:220px}.dropdown-item{border-radius:10px;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.dropdown-item:hover{background:#ffffff0d;color:var(--accent1);transform:translateX(4px)}.dropdown-item.active{background:linear-gradient(135deg,#6a5cff33,#00e5ff33);border-left:3px solid var(--accent1);color:var(--accent1)}#question-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5;max-height:250px;min-height:44px;outline:none;padding:.6rem .5rem;resize:vertical}#question-input::placeholder{color:#ffffff4d}#question-input{-ms-overflow-style:none;scrollbar-width:none}#question-input::-webkit-scrollbar{display:none}.transcript-paste-box{-ms-overflow-style:none;scrollbar-width:none}.transcript-paste-box::-webkit-scrollbar{display:none}#submit-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;padding:0;transition:transform .2s ease}#submit-btn img{border-radius:50%;display:block;height:36px;object-fit:cover;transition:transform .2s ease,filter .2s ease;width:36px}#submit-btn:hover:not(:disabled) img{filter:drop-shadow(0 0 6px var(--accent1));transform:scale(1.05)}#submit-btn:disabled{cursor:not-allowed;opacity:.5}#submit-btn .loading-dots{background:none;color:var(--accent1);font-size:1.2rem;font-weight:700;height:auto;padding:0;width:auto}.mic-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin:0;padding:0;transition:transform .2s ease,filter .2s ease;width:36px}.mic-btn svg{stroke:var(--muted);height:24px;transition:stroke .2s ease,transform .2s ease;width:24px}.mic-btn:hover:not(:disabled) svg{stroke:var(--accent1);transform:scale(1.05)}.mic-btn:disabled{cursor:not-allowed;opacity:.5}.mic-btn.listening-pulse svg{stroke:var(--accent3);animation:pulseGlow 1.5s infinite}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 0 rgba(255,79,216,.5))}70%{filter:drop-shadow(0 0 6px rgba(255,79,216,.8))}to{filter:drop-shadow(0 0 0 rgba(255,79,216,.5))}}.sticky-chatbox{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f14d9;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 15px 40px #0006;position:-webkit-sticky;position:sticky;top:1.5rem;transition:box-shadow .3s ease;z-index:100}.ai-response-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;margin-top:2rem;padding:1.5rem;transition:all .3s ease}.ai-response-card:hover{border-color:#6a5cff4d;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.ai-response-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.current-mode-badge{align-items:center;background:#6a5cff1f;border:1px solid #6a5cff40;border-radius:40px;color:#a89ff7;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.02em;padding:.25rem .9rem}.ai-response-text{color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.7;white-space:pre-wrap;word-break:break-word}.ai-response-text h1,.ai-response-text h2,.ai-response-text h3{font-weight:600;letter-spacing:-.01em;margin-bottom:.5em;margin-top:1.25em}.ai-response-text h1{font-size:1.5rem}.ai-response-text h2{font-size:1.3rem}.ai-response-text h3{font-size:1.1rem}.ai-response-text p{line-height:1.7;margin-bottom:1em}.ai-response-text ol,.ai-response-text ul{margin:.75em 0;padding-left:1.5rem}.ai-response-text li{line-height:1.6;margin-bottom:.35em}.ai-response-text ul{list-style:none;padding-left:0}.ai-response-text ul li{padding-left:1.4rem;position:relative}.ai-response-text ul li:before{color:var(--accent1);content:"▹";font-size:.85rem;left:0;position:absolute}.ai-response-text ol{counter-reset:item;list-style:none;padding-left:0}.ai-response-text ol li{counter-increment:item;padding-left:1.8rem;position:relative}.ai-response-text ol li:before{color:var(--accent1);content:counter(item) ".";font-size:.85rem;font-weight:600;left:0;position:absolute}.ai-response-text blockquote{background:#6a5cff0d;border-left:3px solid var(--accent1);border-radius:0 12px 12px 0;color:var(--muted);font-style:italic;margin:1em 0;padding:.75rem 1.25rem}.ai-response-text pre{background:#0000004d;border-radius:12px;margin:1em 0;overflow-x:auto;padding:1rem}.ai-response-text code,.ai-response-text pre{font-family:Fira Code,monospace;font-size:.85rem}.ai-response-text code{background:#6a5cff1a;border-radius:6px;color:#a89ff7;padding:.15rem .35rem}.ai-response-text pre code{background:#0000;color:inherit;padding:0}.ai-response-text hr{background:linear-gradient(90deg,#0000,#fff3,#0000);border:none;height:1px;margin:1.5em 0}.ai-response-text a{border-bottom:1px dotted #6a5cff66;color:var(--accent1);text-decoration:none}.ai-response-text a:hover{border-bottom-color:var(--accent3);color:var(--accent3)}.youtube-preview-section{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem;width:100%}.youtube-thumb-row{align-items:center;background:#ff00000f;border:1px solid #ff000026;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.6rem .75rem;transition:all .2s ease}.youtube-thumb{border-radius:6px;flex-shrink:0;height:44px;object-fit:cover;width:72px}.youtube-thumb-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.youtube-thumb-label{color:var(--text);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-thumb-hint{color:var(--muted);font-size:.7rem}.fetch-transcript-btn{align-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent1));border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:.3rem;padding:.45rem .9rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.fetch-transcript-btn:hover{box-shadow:0 4px 15px #6a5cff66;transform:translateY(-2px)}.transcript-paste-box{background:#00e5ff0a;border:1px solid #00e5ff4d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-height:120px;overflow:hidden}.transcript-clear-btn{background:#0000;border:none;border-radius:4px;color:var(--muted);cursor:pointer;font-size:.75rem;padding:2px 6px;transition:all .2s ease}.transcript-clear-btn:hover{background:#ff4b4b1a;color:#ff6b6b}.waveform span{background-color:#fff}.pdf-upload-row{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.pdf-analyze-btn,.pdf-clear-btn,.pdf-upload-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:30px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.4rem;padding:.45rem 1rem;transition:all .2s ease}.pdf-upload-btn:hover{background:#6a5cff1a;border-color:#6a5cff4d;color:var(--accent1)}.pdf-analyze-btn{background:#6a5cff1f;border-color:#6a5cff40;color:#a89ff7}.pdf-analyze-btn:hover{background:#6a5cff33;border-color:#6a5cff66;transform:translateY(-1px)}.pdf-clear-btn{background:#ff4b4b14;border-color:#ff4b4b33;color:#ff6b6b;padding:.45rem .9rem}.pdf-error{color:#ff6b6b;font-size:.7rem;margin-left:.25rem}.feedback-btn-wrap{display:flex;justify-content:center;margin-top:.75rem;padding:0 .5rem}.feedback-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:20px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:.72rem;gap:.4rem;padding:.45rem 1rem;transition:all .2s ease;white-space:nowrap}.feedback-btn:hover{background:#6a5cff14;border-color:var(--accent1);color:var(--accent1)}.feedback-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}@media (min-width:600px){.feedback-modal-overlay{align-items:center}}.feedback-modal{animation:slideUp .25s ease;background:var(--sidebar-bg);border:1px solid #ffffff1a;border-radius:16px;max-width:420px;padding:1.5rem;width:100%}.feedback-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.feedback-modal-header h4{color:var(--text);font-size:1rem;font-weight:700}.feedback-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:2px}.feedback-close:hover{color:var(--text)}.feedback-types{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feedback-type-btn{background:#0000;border:1px solid #ffffff1f;border-radius:20px;color:var(--muted);cursor:pointer;font-size:.75rem;padding:.35rem .75rem;transition:all .2s}.feedback-type-btn.active,.feedback-type-btn:hover{background:#6a5cff1a;border-color:var(--accent1);color:var(--accent1)}.feedback-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text);font-size:.875rem;min-height:100px;outline:none;padding:.75rem;resize:none;width:100%}.feedback-textarea:focus{border-color:var(--accent1)}.feedback-submit{background:linear-gradient(135deg,var(--accent1),var(--accent2));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.75rem;padding:.75rem;transition:opacity .2s;width:100%}.feedback-submit:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.feedback-submit:disabled{cursor:not-allowed;opacity:.5}.feedback-success{color:var(--text);font-size:.9rem;opacity:.7;padding:1.5rem 0;text-align:center}@media (max-width:768px){.ai-utility-section{margin:0 auto 2rem;padding-bottom:2rem}.chat-input-container{border-radius:16px}.sticky-chatbox{top:.5rem}.theme-toggle-wrapper{padding:.25rem .1rem 0}.youtube-thumb-row{flex-wrap:wrap;gap:.5rem}.fetch-transcript-btn{justify-content:center;margin-top:.25rem;width:100%}.ai-response-card{margin-top:1rem;padding:1rem}.ai-response-text{font-size:.9rem;line-height:1.65}.ai-response-text ul li{padding-left:1.2rem}.ai-response-text ol li{padding-left:1.5rem}}body.light-mode .chat-input-container{background:#ffffffd9;border-color:#0000001f;box-shadow:0 4px 20px #0000000f}body.light-mode .chat-input-container:focus-within{background:#fffffffa;border-color:var(--accent1);box-shadow:0 0 20px #6a5cff26}body.light-mode .sticky-chatbox{background:#f0f0faeb;border-color:#00000014;box-shadow:0 8px 30px #00000014}body.light-mode #question-input{color:#111}body.light-mode #question-input::placeholder{color:#0000004d}body.light-mode .mode-dropdown-menu{background:#f8f8fffc;border-color:#0000001a;box-shadow:0 10px 40px #0000001f}body.light-mode .dropdown-item{color:#222}body.light-mode .dropdown-item:hover{background:#6a5cff0f;color:var(--accent1)}body.light-mode .ai-response-card{background:#fffffff2;border-color:#00000014;box-shadow:0 4px 20px #0000000f}body.light-mode .ai-response-text{color:#222}body.light-mode .ai-response-text ol li:before,body.light-mode .ai-response-text ul li:before{color:var(--accent1)}body.light-mode .ai-response-text code{background:#6a5cff14;color:#5b4ef0}body.light-mode .plus-icon-btn{background:#0000000d;color:#555}body.light-mode .plus-icon-btn:hover{background:#0000001a;color:var(--accent1)}body.light-mode .mic-btn{background:#0000000d;color:#555}body.light-mode .mic-btn:hover{background:#6a5cff1a;color:var(--accent1)}.mobile-study-drawer{animation:slideUp .35s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:var(--sidebar-bg);border-radius:24px 24px 0 0;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -10px 40px #00000080;left:0;padding:1.5rem;position:fixed;right:0;z-index:2000}.mobile-drawer-drag-handle{background:#fff3;border-radius:2px;height:4px;margin:-.5rem auto 1rem;width:40px}.mobile-drawer-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;position:fixed;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-current-row{align-items:center;background:#6a5cff14;border:1px solid #6a5cff2e;border-radius:10px;display:flex;gap:.6rem;margin-bottom:1rem;padding:.6rem .875rem}.current-emoji{font-size:1.4rem}.current-name{color:var(--accent1);flex:1 1;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-playpause{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:transform .15s,box-shadow .15s;width:32px}.mobile-playpause:hover{box-shadow:0 4px 12px #00000040;transform:scale(1.08)}.mobile-volume-stack{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;margin-bottom:1rem;padding:.75rem .875rem}.volume-label{color:var(--muted);display:flex;font-size:.7rem;font-weight:700;justify-content:space-between;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.mobile-volume-slider{accent-color:var(--accent1);cursor:pointer;flex:1 1;height:4px;width:100%}.mobile-study-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:1rem 0}.mobile-station-tile{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:1.2rem;transition:all .2s ease}.mobile-station-tile.active{background:#6a5cff1a;border-color:var(--accent1);transform:scale(.98)}.tile-emoji{font-size:1.8rem}.tile-name{font-size:.85rem;font-weight:500;opacity:.8}.mini-equalizer{align-items:flex-end;bottom:6px;display:flex;gap:2px;height:12px;position:absolute;right:8px}.mini-equalizer span{animation:eq-bounce .8s ease-in-out infinite alternate;background:var(--accent1);border-radius:2px;width:3px}.mini-equalizer span:first-child{animation-delay:0s;height:6px}.mini-equalizer span:nth-child(2){animation-delay:.2s;height:12px}.mini-equalizer span:nth-child(3){animation-delay:.4s;height:8px}@keyframes eq-bounce{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.mobile-custom-youtube{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.custom-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.custom-input-group{display:flex;gap:.5rem}.custom-youtube-input{background:#ffffff12;border:1.5px solid #ffffff1f;border-radius:8px;color:#fff;flex:1 1;font-family:inherit;font-size:.8rem;min-width:0;outline:none;padding:.55rem .75rem;transition:border-color .2s,background .2s}.custom-youtube-input::placeholder{color:#ffffff47}.custom-youtube-input:focus{background:#ffffff1a;border-color:var(--accent1)}.custom-play-btn{background:var(--accent1);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:600;padding:.55rem 1rem;transition:opacity .2s,transform .15s;white-space:nowrap}.custom-play-btn:hover{opacity:.85;transform:translateY(-1px)}.mobile-credit{color:#fff3;font-size:.68rem;font-weight:500;margin:1rem 0 0;text-align:center}body.light-mode .mobile-study-drawer{background:#ffffffe6;border-top-color:#0000000d}body.light-mode .mobile-station-tile{background:#f1f3f5;border-color:#00000014;color:#1a1a1a}body.light-mode .mobile-station-tile.active{background:#6a5cff12;border-color:var(--accent1)}body.light-mode .custom-youtube-input{background:#0000000a;border-color:#0000001f;color:#111}body.light-mode .custom-youtube-input::placeholder{color:#0000004d}body.light-mode .custom-youtube-input:focus{background:#6a5cff0a;border-color:var(--accent1)}body.light-mode .mobile-volume-stack{background:#00000008;border-color:#00000014}body.light-mode .volume-label{color:#00000073}body.light-mode .mobile-credit{color:#0003}body.light-mode .mobile-current-row{background:#6a5cff0f;border-color:#6a5cff33}.mobile-study-drawer{z-index:2001!important}@media (max-width:768px){.mobile-study-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a14f2;border-bottom:1px solid #6a5cff33;display:block;padding:0 1rem;position:-webkit-sticky;position:sticky;top:56px;width:100%;z-index:199}}body.light-mode .mobile-study-wrapper{background:#f0f0fcfa}@media (max-width:480px){.mobile-study-grid{gap:8px}.mobile-station-tile{padding:.8rem}.tile-emoji{font-size:1.5rem}.tile-name{font-size:.75rem}}.mobile-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--sidebar-bg);border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:.55rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-brand,.mobile-topbar{align-items:center;display:flex}.mobile-brand{gap:.5rem}.mobile-brand-name{color:var(--accent1);font-size:1rem;font-weight:800;letter-spacing:-.01em}.mobile-avatar-wrap{border-radius:50%;cursor:pointer;flex-shrink:0}.mobile-avatar{object-fit:cover}.mobile-avatar,.mobile-avatar-placeholder{border:2px solid var(--accent1);border-radius:50%;height:32px;width:32px}.mobile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent3));color:#fff;display:flex;font-size:.78rem;font-weight:700;justify-content:center}.mobile-login-btn{background:var(--accent1);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;padding:.35rem .85rem}.mobile-topbar-right{align-items:center;display:flex;gap:.2rem}.mobile-icon-btn{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.mobile-icon-btn:hover{background:#6a5cff26;color:var(--accent1)}.topbar-lamp{height:36px!important;justify-content:center;width:32px!important}.topbar-lamp .lamp-label{display:none}.mobile-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:9999}.mobile-bottom-sheet{animation:slideUp .3s ease;background:var(--bg);border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -8px 40px #00000040;left:0;max-height:85vh;overflow-y:auto;position:fixed;right:0;z-index:10000}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-bottom-sheet.creative-sheet{display:flex;flex-direction:column;height:90vh;max-height:90vh}.creative-sheet .mobile-sheet-body{flex:1 1;overflow-y:auto;padding:0}.creative-sheet .creative-editor{background:#0000;border-left:none;height:100%;overflow-y:visible;padding:1rem}.mobile-sheet-handle{background:#ffffff26;border-radius:2px;flex-shrink:0;height:4px;margin:.75rem auto 0;width:40px}.mobile-sheet-header{align-items:center;border-bottom:1px solid #ffffff0f;color:var(--accent1);display:flex;flex-shrink:0;font-size:.82rem;font-weight:800;justify-content:space-between;letter-spacing:.07em;padding:.875rem 1.25rem .75rem;text-transform:uppercase}.mobile-sheet-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:.2rem}.mobile-sheet-body{overflow-y:auto;padding:.75rem 1rem 2.5rem}.mobile-study-wrapper{display:none}body.light-mode .mobile-topbar{background:#f0f0fcf7;border-bottom-color:#00000014}body.light-mode .mobile-icon-btn{background:#0000000d;color:#555}body.light-mode .mobile-icon-btn:hover{background:#6a5cff1a;color:var(--accent1)}body.light-mode .mobile-bottom-sheet{background:#f8f8fffa}body.light-mode .mobile-sheet-header{border-bottom-color:#00000014}body.light-mode .mobile-sheet-handle{background:#0000001f}.mobile-dm-sheet{background:var(--bg);border-radius:16px 16px 0 0;bottom:0;height:85vh;left:0;overflow:hidden;position:fixed;right:0;z-index:10000}@media (max-height:600px){.mobile-bottom-sheet.creative-sheet{height:92vh}}.mobile-bottom-sheet.clock-sheet{display:flex;flex-direction:column;height:auto!important;max-height:70vh;min-height:0!important;min-height:auto!important;padding-bottom:1.5rem}.clock-sheet .mobile-sheet-body{min-height:260px;padding:1.25rem 1rem .5rem}.clock-body,.clock-sheet .mobile-sheet-body{align-items:center;display:flex;justify-content:center}.clock-body{width:100%}.mobile-icon-wrap{display:inline-flex;position:relative}.mobile-active-dot{background:#22d3a0;border:1.5px solid #0d0f1a;border:1.5px solid var(--sidebar-bg,#0d0f1a);border-radius:50%;height:7px;pointer-events:none;position:absolute;right:4px;top:4px;width:7px}.vaibes-intro{align-items:center;background:#050505;display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .6s ease,visibility .6s ease;z-index:99999}.vaibes-intro.intro-done{opacity:0;pointer-events:none;visibility:hidden}.vaibes-intro-bg{animation:introBgPulse 2.8s ease-in-out forwards;background:radial-gradient(circle at 30% 50%,#6a5cff2e 0,#0000 55%),radial-gradient(circle at 70% 50%,#00e5ff1a 0,#0000 55%);inset:0;position:absolute}@keyframes introBgPulse{0%{opacity:0}30%{opacity:1}80%{opacity:1}to{opacity:0}}.vaibes-intro-content{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.vaibes-intro-logo{animation:introLogoIn .5s ease-out forwards;opacity:0}@keyframes introLogoIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.vaibes-intro-img{border-radius:50%;box-shadow:0 0 40px #6a5cff80;height:64px;width:64px}.vaibes-intro-word{align-items:center;display:flex;gap:2px}.vaibes-intro-char{-webkit-text-fill-color:#0000;animation:introCharIn .45s cubic-bezier(.175,.885,.32,1.275) forwards;animation:introCharIn .45s cubic-bezier(.175,.885,.32,1.275) forwards,introShimmer 1.5s linear .8s forwards;background:linear-gradient(135deg,#fff 0,var(--accent1) 40%,var(--accent2) 70%,#fff 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;display:inline-block;font-size:clamp(3rem,10vw,5.5rem);font-weight:900;letter-spacing:-.02em;opacity:0;transform:translateY(30px)}@keyframes introCharIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes introShimmer{0%{background-position:0}to{background-position:200%}}.vaibes-intro-tagline{animation:introTaglineIn .5s ease .7s forwards;color:#ffffff59;font-size:clamp(.75rem,2.5vw,.95rem);font-weight:500;letter-spacing:.08em;opacity:0;text-transform:uppercase}@keyframes introTaglineIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vaibes-intro-bar{animation:introTaglineIn .3s ease .9s forwards;background:#ffffff14;border-radius:2px;height:2px;margin-top:.5rem;opacity:0;overflow:hidden;width:120px}.vaibes-intro-bar-fill{animation:introBarFill 1.6s ease 1s forwards;background:linear-gradient(90deg,var(--accent1),var(--accent2));border-radius:2px;height:100%;width:0}@keyframes introBarFill{0%{width:0}to{width:100%}}.landing-reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.landing-reveal.revealed{opacity:1;transform:translateY(0)}.landing-page{background:var(--bg);min-height:100vh;overflow-x:hidden;position:relative}.landing-bg-logo{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:0}.landing-bg-img{animation:gentleFloat 15s ease-in-out infinite;border-radius:50%;filter:blur(2px) saturate(2);max-width:900px;opacity:.04;width:80vw}.landing-nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505b3;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;left:0;padding:1rem 3rem;position:fixed;top:0;width:100%;z-index:100}.landing-nav-brand{align-items:center;display:flex;gap:.6rem}.landing-nav-logo{border-radius:50%;height:36px;object-fit:cover;width:36px}.landing-nav-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.landing-nav-actions{align-items:center;display:flex;gap:1rem}.landing-nav-signin{background:#0000;border:1px solid #ffffff26;border-radius:50px;color:#c0c0d0;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;padding:.5rem 1.25rem;transition:all .3s ease}.landing-nav-signin:hover{border-color:var(--accent1);color:var(--accent1)}.landing-nav-cta{background:linear-gradient(135deg,var(--accent1),var(--accent1));border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;transition:all .3s ease}.landing-nav-cta:hover{box-shadow:0 8px 20px #6a5cff66;transform:translateY(-2px)}.landing-hero{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:8rem 5rem 4rem;position:relative;z-index:1}.landing-badge{background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:50px;color:var(--accent1);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;padding:.4rem 1rem}.landing-headline{color:var(--text);font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.landing-headline-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text}.landing-desc{color:var(--muted);font-size:1.05rem;line-height:1.7;margin-bottom:2rem;max-width:480px}.landing-cta-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.landing-cta-primary{align-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent1));border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;padding:.85rem 2rem;transition:all .3s ease}.landing-cta-primary:hover{box-shadow:0 12px 30px #6a5cff66;transform:translateY(-3px)}.landing-cta-secondary{background:#0000;border:1px solid #ffffff26;border-radius:50px;color:var(--muted);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;padding:.85rem 2rem;transition:all .3s ease}.landing-cta-secondary:hover{border-color:#ffffff4d;color:var(--text)}.landing-social-proof{color:#ffffff4d;font-size:.8rem}.landing-video-wrapper{position:relative}.landing-video-glow{animation:borderGlow 4s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--accent1),var(--accent2),var(--accent3));border-radius:20px;bottom:-20px;filter:blur(30px);left:-20px;opacity:.15;position:absolute;right:-20px;top:-20px;z-index:-1}.landing-video-frame{background:#0f0f14e6;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 30px 60px #00000080;overflow:hidden}.landing-video-bar{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff0f;display:flex;gap:.5rem;padding:.75rem 1rem}.landing-video-dot{border-radius:50%;height:12px;width:12px}.landing-video-dot.red{background:#ff5f57}.landing-video-dot.yellow{background:#febc2e}.landing-video-dot.green{background:#28c840}.landing-video-title{color:var(--muted);font-size:.8rem;margin-left:.5rem}.landing-video{display:block;max-height:400px;object-fit:cover;width:100%}.landing-video-placeholder{align-items:center;display:flex;height:300px;justify-content:center;width:100%}.landing-video-placeholder-inner{color:var(--muted);font-size:.9rem;text-align:center}.landing-features{border-top:1px solid #ffffff0d;padding:6rem 5rem;position:relative;z-index:1}.landing-features-inner{margin:0 auto;max-width:1200px}.landing-section-title{color:var(--text);font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center}.landing-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text}.landing-section-desc{color:var(--muted);font-size:1rem;margin-bottom:3rem;text-align:center}.landing-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.landing-feature-card{background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:1px solid #ffffff14;border-radius:16px;padding:2rem;transition:all .3s ease}.landing-feature-card:hover{border-color:#00e5ff33;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.landing-feature-icon{font-size:2rem;margin-bottom:1rem}.landing-feature-card h3{color:var(--text);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.landing-feature-card p{color:var(--muted);font-size:.88rem;line-height:1.6}.landing-pricing{border-top:1px solid #ffffff0d;padding:6rem 5rem;position:relative;z-index:1}.landing-pricing-inner{margin:0 auto;max-width:800px}.landing-pricing-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:3rem}.landing-pricing-card{background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem;position:relative}.landing-pricing-card.pro{background:linear-gradient(145deg,#6a5cff1f,#00e5ff0f);border-color:#6a5cff4d}.landing-pro-badge{background:linear-gradient(135deg,var(--accent1),var(--accent1));border-radius:50px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem;position:absolute;right:12px;top:12px}.landing-pricing-card h3{color:var(--text);font-size:1.3rem;font-weight:700}.landing-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.landing-price span{-webkit-text-fill-color:var(--muted);color:var(--muted);font-size:1rem;font-weight:400}.landing-pricing-card ul{display:flex;flex:1 1;flex-direction:column;gap:.5rem;list-style:none}.landing-pricing-card li{color:var(--muted);font-size:.88rem}.landing-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.75rem;padding:3rem 5rem;position:relative;text-align:center;z-index:1}.landing-footer-brand{align-items:center;color:var(--text);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem}.landing-footer-tagline{color:var(--muted);font-size:.85rem}.landing-footer-copy{color:#fff3;font-size:.78rem}@media (max-width:768px){.landing-nav{padding:1rem 1.5rem}.landing-nav-signin{display:none}.landing-hero{gap:3rem;grid-template-columns:1fr;padding:7rem 1.5rem 3rem;text-align:center}.landing-headline{font-size:2.2rem}.landing-desc{margin:0 auto 2rem}.landing-cta-group{justify-content:center}.landing-features{padding:4rem 1.5rem}.landing-features-grid{grid-template-columns:1fr}.landing-pricing{padding:4rem 1.5rem}.landing-pricing-cards{grid-template-columns:1fr}.landing-footer{padding:3rem 1.5rem}.landing-bg-img{width:120vw}}.dm-container{background:#0f0f19fa;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.dm-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:1rem 1.25rem}.dm-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.dm-close{background:none;border:none;color:#fff6;cursor:pointer;font-size:1rem;transition:color .2s}.dm-close:hover{color:#ff4fd8}.dm-body,.dm-conv-list{display:flex;overflow:hidden}.dm-conv-list{border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:260px}.dm-tabs{border-bottom:1px solid #ffffff0f;display:flex}.dm-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;gap:.4rem;justify-content:center;padding:.65rem;transition:all .2s}.dm-tab.active{border-bottom-color:var(--accent1);color:var(--accent1)}.dm-badge{background:var(--accent1);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;padding:1px 5px}.dm-search{border-bottom:1px solid #ffffff0a;padding:.5rem .75rem}.dm-search-input{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:.8rem;outline:none;padding:.5rem .75rem;width:100%}.dm-search-input::placeholder{color:#ffffff40}.dm-list{flex:1 1;overflow-y:auto;padding:.25rem 0}.dm-list-empty{align-items:center;color:#ffffff4d;display:flex;flex-direction:column;font-size:.82rem;gap:.75rem;padding:2rem 1rem;text-align:center}.dm-start-btn{background:#6a5cff26;border:1px solid #6a5cff4d;border-radius:20px;color:var(--accent1);cursor:pointer;font-family:Inter,sans-serif;font-size:.78rem;padding:.4rem .85rem;transition:all .2s}.dm-start-btn:hover{background:#6a5cff40}.dm-conv-item{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:.75rem;padding:.65rem .75rem;text-align:left;transition:background .2s;width:100%}.dm-conv-item:hover{background:#ffffff0a}.dm-conv-item.active{background:#6a5cff1a}.dm-avatar{border-radius:50%;flex-shrink:0;height:38px;overflow:hidden;width:38px}.dm-avatar img{height:100%;object-fit:cover;width:100%}.dm-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent1));color:#fff;display:flex;font-size:.9rem;font-weight:700;height:100%;justify-content:center;width:100%}.dm-avatar.small{height:30px;width:30px}.dm-avatar-placeholder.small{font-size:.75rem}.dm-conv-info{flex:1 1;min-width:0}.dm-conv-name{color:var(--text);font-size:.85rem;font-weight:600}.dm-conv-last,.dm-conv-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-conv-last{color:#ffffff59;font-size:.72rem;margin-top:1px}.dm-empty{align-items:center;color:#ffffff40;display:flex;flex:1 1;flex-direction:column;font-size:.85rem;gap:.5rem;justify-content:center}.dm-empty-icon{font-size:2.5rem}.dm-empty span{font-size:.75rem;opacity:.6}.dm-chat-window{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dm-chat-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:.75rem;padding:.75rem 1rem}.dm-back-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:0 .25rem;transition:color .2s}.dm-back-btn:hover{color:var(--accent1)}.dm-chat-username{color:var(--text);font-size:.9rem;font-weight:600}.dm-messages{gap:.5rem;overflow-y:auto;padding:1rem;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.dm-messages,.dm-messages-empty{display:flex;flex:1 1;flex-direction:column}.dm-messages-empty{align-items:center;color:#ffffff4d;font-size:.85rem;gap:.25rem;justify-content:center}.dm-bubble-wrap{display:flex;flex-direction:column;max-width:75%}.dm-bubble-wrap.own{align-items:flex-end;align-self:flex-end}.dm-bubble-wrap.other{align-items:flex-start;align-self:flex-start}.dm-bubble{border-radius:16px;font-size:.875rem;line-height:1.5;padding:.6rem .875rem;word-break:break-word}.dm-bubble.own{background:linear-gradient(135deg,var(--accent1),var(--accent1));border-bottom-right-radius:4px;color:#fff}.dm-bubble.other{background:#ffffff12;border-bottom-left-radius:4px;color:var(--text)}.dm-bubble-time{color:#ffffff40;font-size:.65rem;margin-top:3px;padding:0 4px}.dm-input-row{align-items:center;border-top:1px solid #ffffff0f;display:flex;gap:.5rem;padding:.75rem 1rem}.dm-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;outline:none;padding:.6rem 1rem;transition:border-color .2s}.dm-input:focus{border-color:var(--accent1)}.dm-input::placeholder{color:#ffffff40}.dm-send-btn{align-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent1));border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s;width:38px}.dm-send-btn:hover:not(:disabled){box-shadow:0 4px 15px #6a5cff66;transform:scale(1.05)}.dm-send-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.dm-conv-list{border-right:none;width:100%}@media (max-width:768px){body.light-mode .dm-chat-window,body.light-mode .dm-container,body.light-mode .dm-messages{background:#f5f5fffc}body.light-mode .dm-input-row{background:#f5f5fffc;border-top-color:#00000014}body.light-mode .dm-input{background:#0000000d;border-color:#0000001f;color:#111!important}body.light-mode .dm-input::placeholder{color:#00000059!important}body.light-mode .dm-bubble.other{background:#00000012;color:#111!important}body.light-mode .dm-bubble.own{color:#fff!important}body.light-mode .dm-bubble-time{color:#00000059!important}body.light-mode .dm-chat-header{background:#f5f5fffc;border-bottom-color:#00000014}body.light-mode .dm-chat-username{color:#111!important}body.light-mode .dm-back-btn{color:#0006!important}body.light-mode .dm-conv-list{background:#f5f5fffc}body.light-mode .dm-conv-name{color:#111!important}body.light-mode .dm-conv-last{color:#00000073!important}body.light-mode .dm-header{background:#f5f5fffc;border-bottom-color:#00000014}body.light-mode .dm-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text}body.light-mode .dm-search-input{background:#0000000d!important;color:#111!important}body.light-mode .dm-messages-empty{color:#00000059!important}body.light-mode .dm-tabs{background:#f5f5fffc;border-bottom-color:#00000014}body.light-mode .dm-tab{color:#0006!important}body.light-mode .dm-tab.active{border-bottom-color:var(--accent1)!important;color:var(--accent1)!important}}.dm-chat-window{background:#0f0f19fa;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.dm-body{position:relative}}body.light-mode .dm-container{background:#f5f5fffc;border-color:#00000014}body.light-mode .dm-conv-item:hover{background:#00000008}body.light-mode .dm-conv-item.active{background:#6a5cff0f}body.light-mode .dm-bubble.other{background:#0000000f;color:#111}body.light-mode .dm-input{background:#0000000a;border-color:#0000001a}body.light-mode .dm-conv-name{color:#111}body.light-mode .dm-conv-last{color:#0006}.sidebar-messages-zone{margin-bottom:.75rem;padding:0 .25rem}.sidebar-messages-btn:before{background:linear-gradient(135deg,#00e5ff0f,#6a5cff0f);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.sidebar-messages-btn:hover{border-color:#00e5ff66;box-shadow:0 4px 16px #00e5ff1a}.sidebar-messages-btn:hover:before{opacity:1}.sidebar-messages-icon{font-size:1.3rem;height:1.3rem;width:1.3rem}.sidebar-messages-btn:hover .sidebar-messages-icon{background:linear-gradient(135deg,#00e5ff40,#6a5cff40);box-shadow:0 0 12px #00e5ff33}.sidebar-messages-arrow{color:#fff3;flex-shrink:0;transition:all .25s ease}.sidebar-messages-btn:hover .sidebar-messages-arrow{color:var(--accent1);transform:translateX(2px)}.dm-tab{color:#fff6;color:var(--muted,#fff6)}body.light-mode .dm-tab{color:#0006}body.light-mode .dm-tab.active{border-bottom-color:var(--accent1);color:var(--accent1)}body.light-mode .dm-tab:hover{color:var(--accent1)}body.light-mode .dm-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text}body.light-mode .dm-close{color:#00000059}body.light-mode .dm-close:hover{color:#ff4fd8}body.light-mode .dm-back-btn{color:#00000059}body.light-mode .dm-back-btn:hover,body.light-mode .dm-chat-username,body.light-mode .dm-conv-name{color:var(--accent1)}body.light-mode .dm-conv-last{color:#00000073}body.light-mode .dm-badge{background:var(--accent1);color:#fff}body.light-mode .dm-empty,body.light-mode .dm-list-empty{color:#0000004d}body.light-mode .dm-start-btn{background:#6a5cff14;border-color:#6a5cff4d;color:var(--accent1)}body.light-mode .dm-search-input{background:#0000000a;border-color:#0000001a;color:#111}body.light-mode .dm-search-input::placeholder{color:#0000004d}body.light-mode .dm-input{color:#111}body.light-mode .dm-input::placeholder{color:#0000004d}body.light-mode .dm-input:focus{border-color:var(--accent1)}body.light-mode .dm-bubble-time{color:#00000059}body.light-mode .dm-messages-empty{color:#0000004d}body.light-mode .dm-chat-header,body.light-mode .dm-header,body.light-mode .dm-input-row,body.light-mode .dm-search,body.light-mode .dm-tabs{border-color:#00000014}body.light-mode .dm-conv-list{border-right-color:#00000014}body.light-mode .dm-conv-item:hover{background:#6a5cff0d}body.light-mode .dm-conv-item.active{background:#6a5cff14}body.light-mode .dm-avatar-placeholder{background:linear-gradient(135deg,var(--accent1),var(--accent1));color:#fff}body.light-mode .sidebar-messages-subtitle{color:#00000073}.sidebar-messages-zone{margin-bottom:.5rem;padding:0 .5rem;width:100%}.sidebar-messages-btn{align-items:center;background:#6a5cff0f;border:1px solid #6a5cff26;border-radius:12px;box-sizing:border-box;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:.6rem;overflow:hidden;padding:.75rem .85rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.sidebar-messages-btn:hover{background:#6a5cff1f;border-color:#6a5cff4d;box-shadow:none;transform:translateY(-1px)}.sidebar-messages-btn:before{display:none}.sidebar-messages-icon{align-items:center;background:none;border:none;border-radius:0;color:var(--accent1);display:flex;flex-shrink:0;font-size:1.1rem;height:22px;justify-content:center;width:22px}.sidebar-messages-label{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.sidebar-messages-title{color:var(--accent1);font-size:.85rem;font-weight:600}.sidebar-messages-subtitle,.sidebar-messages-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-messages-subtitle{color:var(--muted);font-size:.7rem}.sidebar-messages-arrow{display:none}body.light-mode .sidebar-messages-btn{background:#6a5cff0a;border-color:#6a5cff1f;color:#0d0d0d}body.light-mode .sidebar-messages-btn:hover{background:#6a5cff1a;border-color:#6a5cff4d;box-shadow:none}body.light-mode .sidebar-messages-icon,body.light-mode .sidebar-messages-title{color:var(--accent1)}body.light-mode .sidebar-messages-subtitle{color:#666}.dm-paywall{align-items:center;background:#ffffff05;border-radius:16px;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:1rem;padding:2rem;text-align:center}.dm-paywall-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.dm-paywall h3{font-size:1.3rem;margin-bottom:.5rem}.dm-paywall p{color:var(--muted);margin-bottom:1.5rem;max-width:280px}.dm-paywall .upgrade-btn{background:linear-gradient(135deg,var(--accent1),var(--accent2));border:none;border-radius:40px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:transform .2s}.dm-paywall .upgrade-btn:hover{transform:scale(1.02)}.dm-paywall-note{font-size:.7rem;margin-top:1rem;opacity:.5}.dm-container{background:var(--bg);display:flex;flex-direction:column;height:100%}.dm-body{flex:1 1;min-height:0;overflow-y:auto}.dm-bubble-bottom{align-items:center;display:flex;font-size:.7rem;gap:8px;justify-content:space-between;margin-top:4px}.dm-bubble-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.dm-bubble-wrap:hover .dm-bubble-actions{opacity:1}.dm-delete-btn,.dm-download-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;padding:2px 4px;transition:background .2s}.dm-download-btn:hover{background:#00e5ff33}.dm-delete-btn:hover{background:#ff4b4b33}.shared-creative{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.shared-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;max-width:800px;overflow:hidden;width:100%}.shared-header{border-bottom:1px solid #ffffff14;padding:2rem 2rem 1rem;text-align:center}.shared-header h1{background:linear-gradient(135deg,var(--accent1),var(--accent3));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;margin-bottom:.5rem}.shared-meta{color:var(--muted);font-size:.85rem}.shared-content{padding:2rem}.shared-video{height:0;margin-bottom:1.5rem;padding-bottom:56.25%;position:relative}.shared-video iframe{border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}.shared-attachments{margin-bottom:1.5rem}.shared-attachments h3{color:var(--text);font-size:1rem;font-weight:600;margin-bottom:.75rem}.attachment-list{display:flex;flex-wrap:wrap;gap:.75rem}.attachment-link{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.attachment-link:hover{background:#6a5cff1a;border-color:var(--accent1)}.shared-note{color:var(--text);font-size:1rem;line-height:1.7}.shared-note img{border-radius:8px;margin:1rem 0;max-width:100%}.shared-footer{border-top:1px solid #ffffff14;padding:1.5rem 2rem;text-align:center}.shared-cta{background:linear-gradient(135deg,var(--accent1),var(--accent3));border-radius:40px;display:inline-block;padding:.75rem 1.5rem;transition:transform .2s}.shared-cta:hover{transform:translateY(-2px)}.shared-error,.shared-loading{color:var(--muted);padding:3rem;text-align:center}@media (max-width:768px){.shared-creative{padding:1rem}.shared-header h1{font-size:1.5rem}.shared-content{padding:1.5rem}}*{box-sizing:border-box}.shared-page{background:#0d0f1a;color:#ffffffe0;font-family:Sora,sans-serif;min-height:100vh;padding:2rem 1rem 4rem}.shared-container{margin:0 auto;max-width:720px}.shared-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.shared-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c6ef7,#ff4fd8);-webkit-background-clip:text;font-size:1.1rem;font-weight:700;text-decoration:none}.shared-mood{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;font-size:.75rem;padding:.25rem .75rem}.shared-title{color:#fff;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 .5rem}.shared-meta{color:#ffffff59;font-size:.8rem;margin:0 0 1.75rem}.shared-video-wrap{aspect-ratio:16/9;background:#000;border-radius:14px;margin-bottom:1.5rem;overflow:hidden;width:100%}.shared-video-wrap iframe{display:block;height:100%;width:100%}.shared-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.shared-image{border-radius:10px;flex:1 1 280px;max-height:420px;max-width:100%;object-fit:cover}.shared-body{color:#ffffffd1;font-size:1rem;line-height:1.8;margin-bottom:2rem}.shared-body p{margin:0 0 1rem}.shared-body h1,.shared-body h2,.shared-body h3{color:#fff;font-size:1.2rem;margin:1.5rem 0 .6rem}.shared-body ol,.shared-body ul{margin:0 0 1rem;padding-left:1.5rem}.shared-body img{border-radius:10px;display:block;margin:1rem 0;max-width:100%}.shared-body code{background:#ffffff14;border-radius:4px;font-family:monospace;font-size:.875em;padding:.1em .35em}.shared-body pre{background:#ffffff0d;border-radius:10px;margin:1rem 0;overflow-x:auto;padding:1rem}.shared-body blockquote{background:#7c6ef70f;border-left:3px solid #7c6ef799;border-radius:0 8px 8px 0;color:#ffffff8c;font-style:italic;margin:1rem 0;padding:.5rem 1.25rem}.shared-body strong{color:#fff;font-weight:600}.shared-files{margin-bottom:2rem}.shared-files h3{color:#fff9;font-size:.9rem;margin:0 0 .75rem}.shared-file-link{align-items:center;background:#7c6ef714;border:1px solid #7c6ef733;border-radius:8px;color:#7c6ef7d9;display:inline-flex;font-size:.85rem;gap:.4rem;margin:0 .5rem .5rem 0;padding:.5rem 1rem;text-decoration:none;transition:all .15s}.shared-file-link:hover{background:#7c6ef729;color:#a89ff7}.shared-actions{align-items:center;border-top:1px solid #ffffff12;display:flex;flex-wrap:wrap;gap:1rem;padding-top:1.5rem}.shared-share-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#fffc;cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-size:.85rem;font-weight:500;gap:.4rem;padding:.6rem 1.25rem;transition:all .15s}.shared-share-btn:hover{background:#ffffff1a;border-color:#fff3}.shared-cta{align-items:center;background:linear-gradient(135deg,#7c6ef7,#ff4fd8);border-radius:10px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;text-decoration:none;transition:opacity .15s}.shared-cta:hover{opacity:.88}.shared-loading{align-items:center;background:#0d0f1a;color:#ffffff80;display:flex;font-family:Sora,sans-serif;gap:.75rem;justify-content:center;min-height:100vh}.shared-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#7c6ef7;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.shared-error-page{align-items:center;background:#0d0f1a;display:flex;flex-direction:column;font-family:Sora,sans-serif;gap:1rem;justify-content:center;min-height:100vh}.shared-error-icon{font-size:3rem}.shared-error-page h2{color:#fff9;font-size:1rem;text-align:center}@media (max-width:640px){.shared-page{padding:1.25rem .85rem 3rem}.shared-title{font-size:1.5rem}}.user-wall{margin:0 auto;max-width:1400px;padding:1.5rem}.wall-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-left{align-items:baseline;display:flex;gap:.75rem}.header-left h2{background:linear-gradient(135deg,var(--accent1),var(--accent3));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.3rem;font-weight:700}.item-count{background:#ffffff0d;border-radius:20px;color:var(--muted);font-size:.75rem;padding:.2rem .6rem}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.view-toggle{background:#ffffff0d;border-radius:30px;display:flex;gap:.25rem;padding:.2rem}.view-btn{background:#0000;border:none;border-radius:30px;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem 1rem;transition:all .2s}.view-btn.active{background:var(--accent1);color:#fff}.view-btn:hover:not(.active){color:var(--text)}.filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{background:#0000;border:1px solid #ffffff1f;border-radius:30px;color:var(--muted);cursor:pointer;font-size:.7rem;font-weight:500;padding:.3rem .9rem;transition:all .2s}.filter-chip:hover{border-color:#ffffff40;color:var(--text)}.filter-chip.active{background:#7c6ef733;border-color:var(--accent1);color:var(--accent1)}.wall-grid{display:flex;gap:1.5rem}.grid-view{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.list-view{display:flex;flex-direction:column;gap:1rem}.wall-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;overflow:hidden;transition:all .3s ease}.wall-card:hover{border-color:#7c6ef74d;box-shadow:0 12px 28px #0003;transform:translateY(-4px)}.grid-card{display:flex;flex-direction:column}.list-card{display:flex;gap:1rem}.list-card .card-media{flex:0 0 160px}.list-card .card-content{flex:1 1}.card-media{background:#0003;overflow:hidden;position:relative}.grid-card .card-media{aspect-ratio:16/9}.list-card .card-media{aspect-ratio:16/9;border-radius:12px;overflow:hidden}.media-youtube{cursor:pointer;height:100%;position:relative;width:100%}.media-youtube img{height:100%;object-fit:cover;width:100%}.play-overlay{align-items:center;background:#0006;color:#fff;display:flex;font-size:2.5rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.media-youtube:hover .play-overlay{opacity:1}.media-video{height:100%;object-fit:cover;width:100%}.media-images{grid-gap:2px;display:grid;gap:2px;height:100%;width:100%}.media-images.single{grid-template-columns:1fr}.media-images.double{grid-template-columns:1fr 1fr}.media-images.triple{grid-template-columns:1fr 1fr 1fr}.media-images img{cursor:pointer;height:100%;object-fit:cover;width:100%}.image-more{align-items:center;background:#0009;color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center}.card-content{padding:1rem}.card-header{justify-content:space-between;margin-bottom:.5rem}.card-header,.card-title-wrap{align-items:center;display:flex}.card-title-wrap{gap:.3rem;overflow:hidden}.pin-icon{flex-shrink:0;font-size:.75rem}.card-title{color:var(--text);font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-type{flex-shrink:0;font-size:1rem}.card-text{margin-top:.5rem}.text-content{color:var(--text);font-size:.85rem;line-height:1.6}.text-content.collapsed{-webkit-mask-image:linear-gradient(180deg,#000 60%,#0000);mask-image:linear-gradient(180deg,#000 60%,#0000);max-height:80px;overflow:hidden}.text-content.expanded{max-height:none}.text-content p{margin:0 0 .5rem}.expand-btn{background:#0000;border:none;color:var(--accent1);cursor:pointer;font-size:.7rem;margin-top:.3rem;padding:0}.card-description{color:var(--muted);font-size:.8rem;line-height:1.5;margin-top:.5rem}.attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.attachment-link{background:#7c6ef71a;border-radius:16px;color:var(--accent1);font-size:.7rem;padding:.2rem .6rem;text-decoration:none}.card-actions{border-top:1px solid #ffffff0f;display:flex;gap:.5rem;margin-top:.75rem;padding-top:.5rem}.action-btn{background:#0000;border:none;border-radius:16px;color:var(--muted);cursor:pointer;font-size:.7rem;padding:.25rem .6rem;transition:all .2s}.action-btn.share:hover{background:#7c6ef726;color:var(--accent1)}.action-btn.pin:hover{background:#ffc10726;color:#ffc107}.action-btn.delete:hover{background:#ff4b4b26;color:#ff6b6b}.empty-wall{color:var(--muted);padding:3rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:.5rem;opacity:.5}.empty-wall p{margin-bottom:.25rem}.empty-wall span{font-size:.8rem;opacity:.6}.floating-player{background:#000;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 28px #0006;overflow:hidden;position:fixed;width:400px;z-index:1000}.floating-player .player-bar{align-items:center;background:#000c;color:#fff;cursor:grab;display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem .8rem}.floating-player iframe{border:none;height:225px;width:100%}.floating-player .resize-handle{background:#fff3;border-top-left-radius:4px;bottom:0;cursor:nw-resize;font-size:10px;height:20px;position:absolute;right:0;width:20px}.floating-player .resize-handle,.lightbox{align-items:center;display:flex;justify-content:center}.lightbox{background:#000000f2;cursor:zoom-out;inset:0;position:fixed;z-index:2000}.lightbox img{border-radius:12px;max-height:90vh;max-width:90vw}.lightbox-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:36px;position:fixed;right:1rem;top:1rem;width:36px}.wall-loading{color:var(--muted);padding:2rem;text-align:center}.wall-card.pinned{background:#7c6ef70d;border:1.5px solid var(--accent1)}body.light-mode .wall-card{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000a}body.light-mode .wall-card:hover{border-color:var(--accent1);box-shadow:0 8px 20px #00000014}body.light-mode .card-title{color:#1a1a2e}body.light-mode .text-content{color:#333}body.light-mode .filter-chip{border-color:#0000001f;color:#666}body.light-mode .filter-chip.active{background:#7c6ef71a;color:var(--accent1)}@media (max-width:768px){.user-wall{padding:1rem}.wall-header{align-items:flex-start;flex-direction:column}.grid-view{grid-template-columns:1fr}.list-card{flex-direction:column}.list-card .card-media{flex:auto}.floating-player{width:90vw}}:root{--bg:#050505;--text:#fff;--muted:#bdbdbd;--accent1:#6a5cff;--accent2:#00e5ff;--accent3:#ff4fd8;--sidebar-bg:#0f0f14e6;--highlight:#ff4fd8;--chatgpt-green:#10a37f;--claude-orange:#d97706;--gemini-blue:#4285f4;--grok-red:#ff6b6b;--deepseek-green:#10b981;--perplexity-purple:#8b5cf6;--qwen-purple:#9333ea;--google-blue:#1a73e8;--wiki-gray:#6b7280;--kimi-cyan:#00e6e6}body.light-mode{--bg:#f0f0f7;--text:#0d0d0d;--muted:#444;--sidebar-bg:#e4e4f2f7}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050505;background:var(--bg);color:#fff;color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}body:before{animation:gradientShift 20s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#6a5cff26 0,#0000 50%),radial-gradient(circle at 80% 20%,#00e5ff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff4fd814 0,#0000 60%),linear-gradient(135deg,#050505f2,#050505d9)}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}body:after{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:50px 50px;opacity:.3}body.light-mode:before{background:radial-gradient(circle at 20% 80%,#6a5cff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#00e5ff0f 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff4fd80a 0,#0000 60%),linear-gradient(135deg,#f5f5fafa,#f0f0f8f2)}body.light-mode:after{background-image:linear-gradient(#0000000a 1px,#0000 0),linear-gradient(90deg,#0000000a 1px,#0000 0);opacity:.5}@keyframes gradientShift{0%{opacity:.9}to{opacity:1}}@keyframes heroGradient{0%{opacity:.8;transform:scale(1) rotate(0deg)}to{opacity:1;transform:scale(1.1) rotate(1deg)}}@keyframes borderGlow{0%{filter:blur(15px);opacity:.3}to{filter:blur(20px);opacity:.6}}@keyframes gentleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.01)}}@keyframes titleGradient{0%{background-position:0}to{background-position:100%}}@keyframes popDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.main-wrapper{display:grid;grid-template-columns:260px 1fr 380px;max-width:100vw;min-height:100vh;width:100%}.content-center{min-width:0;position:relative;width:100%}.writing-center{flex:1 1;min-width:0;overflow:hidden;padding:0!important}.ai-panel,.writing-center{display:flex;flex-direction:column;height:100vh}.ai-panel{border-left:1px solid #ffffff12;flex-shrink:0;max-width:420px;min-width:300px;overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:380px}body.light-mode .ai-panel{border-left-color:#00000012}.ai-panel .chatbox-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0}.chatbox-wrapper{padding-top:4rem;width:100%}.modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#050505d9;display:flex;height:100vh;inset:0;justify-content:center;padding:1rem;position:fixed;width:100vw;z-index:9999}.modal-content{animation:slideUpModal .4s cubic-bezier(.175,.885,.32,1.275) forwards;background:linear-gradient(145deg,#14141ef2,#0f0f19fa);border:1px solid #00e5ff4d;border-radius:20px;box-shadow:0 20px 50px #00000080,0 0 30px #00e5ff1a;max-width:500px;padding:2.5rem;position:relative;width:100%}.close-modal-btn{align-items:center;background:#0000;border:none;color:#bdbdbd;color:var(--muted);cursor:pointer;display:flex;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease}.close-modal-btn:hover{color:#ff4fd8;color:var(--accent3);transform:rotate(90deg)}.audio-player-wrapper{display:flex;justify-content:center;margin:1rem 0 .5rem}.audio-play-btn{align-items:center;background:linear-gradient(135deg,#6a5cff,#00e5ff);border:none;border-radius:60px;box-shadow:0 6px 14px #6a5cff59;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;gap:.75rem;padding:.7rem 1.8rem;transition:transform .1s ease,box-shadow .2s}.audio-play-btn:active{transform:scale(.97)}.audio-play-btn.playing{background:linear-gradient(135deg,#4a3ecc,#00b8d4);cursor:default;opacity:.9}.waveform{align-items:center;display:flex;gap:3px}.waveform span{animation:wave .8s ease-in-out infinite;background:#fff;border-radius:2px;height:12px;width:3px}.waveform span:nth-child(2){animation-delay:.1s;height:18px}.waveform span:nth-child(3){animation-delay:.2s;height:14px}.waveform span:nth-child(4){animation-delay:.3s;height:10px}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}@media (max-width:1200px){.main-wrapper{grid-template-columns:240px 1fr 340px}.ai-panel{min-width:280px;width:340px}}@media (max-width:1024px){.ai-panel{display:none}.main-wrapper{grid-template-columns:240px 1fr}}@media (max-width:768px){.main-wrapper{grid-template-columns:1fr!important}.content-center{min-width:0;width:100%}.chatbox-wrapper{padding-left:1rem;padding-right:1rem;padding-top:1rem}.writing-center{padding:0!important}.ai-panel{display:none}.modal-content{border-radius:16px;margin:1rem;max-width:100%;padding:1.5rem 1.25rem}}.mobile-topbar{display:none}@media (max-width:768px){.mobile-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f14e6;background:var(--sidebar-bg);border-bottom:1px solid #ffffff0f;display:flex!important;justify-content:space-between;padding:.55rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:200}.brand-sidebar,.drawer-sidebar{display:none!important}.main-wrapper{grid-template-columns:1fr!important}}body.light-mode{color:#0d0d0d}body.light-mode:before{background:radial-gradient(circle at 20% 80%,#6a5cff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#00e5ff0f 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff4fd80a 0,#0000 60%),linear-gradient(135deg,#f0f0f7fa,#ebebf5f2)}.modal-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a5cff,#6a5cff);background:linear-gradient(135deg,var(--accent1),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin-bottom:.5rem}.modal-intro{color:#bdbdbd;color:var(--muted);font-size:.95rem;margin-bottom:2rem}.instructions-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.instruction-step{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:50%;color:#6a5cff;color:var(--accent1);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.instruction-step h4{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.instruction-step p{color:#bdbdbd;color:var(--muted);font-size:.85rem;line-height:1.5;margin:0}.modal-action-btn{background:linear-gradient(135deg,#6a5cff,#6a5cff);background:linear-gradient(135deg,var(--accent1),var(--accent1));border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.modal-action-btn:hover{box-shadow:0 8px 20px #6a5cff66;transform:translateY(-2px)}body.light-mode .modal-content{background:linear-gradient(145deg,#f5f5fffc,#f0f0fcfc);border-color:#6a5cff33}body.light-mode .instruction-step h4{color:#111}body.light-mode .step-number{background:#6a5cff1a;border-color:#6a5cff4d}.theme-toggle-wrapper{display:flex;justify-content:flex-end;padding:.75rem .75rem 0}@media (min-width:769px){.content-center .theme-toggle-wrapper{background:#0000;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ai-panel .theme-toggle-wrapper{display:none}}@media (max-width:768px){.ai-panel .theme-toggle-wrapper,.content-center .theme-toggle-wrapper{display:none!important}}body.light-mode,body.light-mode .main-wrapper{background:#f0f0f7}body.light-mode .content-center{background:#f0f0fc99}body.light-mode .ai-panel{background:#ebebf8f7;border-left-color:#6a5cff1f}body.light-mode .chatbox-wrapper{background:#0000}body.light-mode .sticky-chatbox{background:#f0f0fcf2!important;border-color:#6a5cff26!important;box-shadow:0 8px 30px #6a5cff14!important}body.light-mode .ai-utility-section{background:#0000}
/*# sourceMappingURL=main.e074280a.css.map*/