body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--navbar-height:64px;--lilac:#a1a2e6;--pink:#e7a3c4;--yellow:#fff200;--blue:#08f;--salmon:#d89898;--misty-rose:#e5a9a6;--rose-gray:#e49396;--black:#1a1a1a;--white:#fff;--lilac-dark:#8b8cf5;--pink-dark:#ff9ec7;--blue-dark:#06c;--purple-dark:#7b7dcc;--glass-bg:#ffffff1a;--glass-border:#ffffff2e;--glass-shadow:#0000001a;--bg-primary:#fff;--bg-gradient-start:#c3c4fa4d;--bg-gradient-mid:#ffd0e74d;--bg-gradient-end:#0088ff4d;--text-primary:#eadada;--text-secondary:#4a5568}body.dark-mode{--lilac:#9b9cf5;--pink:#ffb8db;--yellow:#ffe600;--blue:#39f;--salmon:#ffb3b3;--lilac-dark:#b4b5ff;--pink-dark:#ffc8e6;--blue-dark:#66b3ff;--purple-dark:#8b8dff;--glass-bg:#1e1e3280;--glass-border:#9b9cf54d;--glass-shadow:#0009;--bg-primary:#0f0f1e;--bg-gradient-start:#141428f2;--bg-gradient-mid:#1e1432e6;--bg-gradient-end:#0f142df2;--text-primary:#f0f4f8;--text-secondary:#cbd5e1;--black:#f0f4f8;--white:#0f0f1e;background:linear-gradient(135deg,#c3c4fa4d,#ffd0e74d 50%,#0088ff4d);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);color:#eadada;color:var(--text-primary);min-height:100vh}body.dark-mode:before{background:radial-gradient(circle at 20% 30%,#9b9cf526 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffb8db1f 0,#0000 50%),radial-gradient(circle at 50% 50%,#3399ff1a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}body.dark-mode .gradient-bg{background:linear-gradient(135deg,#c3c4fa4d,#ffd0e74d 50%,#0088ff4d);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%)}body.dark-mode .gradient-bg:before{background:radial-gradient(circle at 20% 30%,#9b9cf526 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffb8db1f 0,#0000 50%)}body{box-sizing:border-box}body.with-navbar{padding-top:64px;padding-top:var(--navbar-height)}.glass{background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #0000001a;box-shadow:0 8px 32px 0 var(--glass-shadow)}.glass,.glass-lilac{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-lilac{background:#c3c4fa26;border:1px solid #c3c4fa4d}.glass-pink{background:#ffd0e726;border:1px solid #ffd0e74d}.glass-blue,.glass-pink{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-blue{background:#0088ff26;border:1px solid #0088ff4d}.glass-salmon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffcdcd26;border:1px solid #ffcdcd4d}.floating{animation:float 6s ease-in-out infinite}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.gradient-bg:before{background:radial-gradient(circle at 20% 50%,#c3c4fa33 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffd0e733 0,#0000 50%)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-bg{background:linear-gradient(135deg,#c3c4fa4d,#ffd0e74d 50%,#0088ff4d);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);min-height:100vh;position:relative}.gradient-bg:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}body:not(.dark-mode) .gradient-bg:before{background:radial-gradient(circle at 20% 50%,#c3c4fa33 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffd0e733 0,#0000 50%)}body.dark-mode .gradient-bg:before{background:radial-gradient(circle at 20% 30%,#7b7dcc26 0,#0000 50%),radial-gradient(circle at 80% 70%,#d68bb81f 0,#0000 50%),radial-gradient(circle at 50% 50%,#0077e61a 0,#0000 60%)}body.dark-mode .glass,body.dark-mode .glass-card{background:#ffffff1a;background:var(--glass-bg);border-color:#ffffff2e;border-color:var(--glass-border);box-shadow:0 8px 32px 0 #0000001a;box-shadow:0 8px 32px 0 var(--glass-shadow)}body.dark-mode .glass-lilac{background:#9b9cf533;border-color:#9b9cf54d}body.dark-mode .glass-pink{background:#ffb8db33;border-color:#ffb8db4d}body.dark-mode .glass-blue{background:#39f3;border-color:#3399ff4d}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#ffffff0d;border-color:#9b9cf54d;color:#eadada;color:var(--text-primary)}body.dark-mode input::placeholder,body.dark-mode select::placeholder,body.dark-mode textarea::placeholder{color:#4a5568;color:var(--text-secondary);opacity:.7}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{background:#ffffff14;border-color:#8b8cf5;border-color:var(--lilac-dark)}body.dark-mode .btn{background:#ffffff1a;border-color:#fff3;color:#eadada;color:var(--text-primary)}body.dark-mode .btn:hover{background:#ffffff26}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flash-banner{border-radius:6px;box-shadow:0 6px 18px #00000026;color:#fff;font-weight:600;left:50%;padding:.6rem 1rem;position:fixed;top:70px;transform:translateX(-50%);z-index:1200}.flash-banner.success{background:#16a34a}.flash-banner.error{background:#dc2626}.flash-banner.info{background:#fff3bf;color:#222}.sidebar-toggle{align-items:center;background:linear-gradient(135deg,#6b6db840,#5b5d9e40);border:2px solid #6b6db899;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:48px;justify-content:center;padding:0;position:fixed;right:20px;top:20px;transition:all .3s ease;width:48px;z-index:1001}.sidebar-toggle:hover{background:linear-gradient(135deg,#6b6db859,#5b5d9e59);border-color:#6b6db8cc;box-shadow:0 6px 16px #6b6db84d;transform:scale(1.05)}.sidebar-toggle .bar{background:linear-gradient(90deg,var(--purple-dark) 0,var(--lilac-dark) 100%);border-radius:3px;height:3px;transition:all .3s ease;width:24px}.sidebar-toggle.open .bar:first-child{transform:translateY(9px) rotate(45deg)}.sidebar-toggle.open .bar:nth-child(2){opacity:0}.sidebar-toggle.open .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.sidebar-backdrop{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar{box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;height:100vh;max-width:320px;overflow-x:hidden;overflow-y:auto;padding:2rem 1.5rem;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1000}.sidebar.open{box-shadow:-8px 0 32px #0003;right:0}.sidebar-header{align-items:center;border-bottom:1px solid #fff3;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;padding-bottom:1.5rem}.sidebar-avatar{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;padding:1rem;width:80px}.sidebar-avatar svg{color:var(--black);height:100%;width:100%}.sidebar-username{color:var(--black);font-size:1.25rem;font-weight:600;margin:0;text-align:center}.sidebar-nav{display:flex;flex:0 1 auto;flex-direction:column;gap:.75rem;margin-bottom:1rem;overflow-y:auto}.sidebar-item{align-items:center;border:1px solid #fff3;border-radius:12px;color:var(--black);display:flex;font-weight:500;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease}.sidebar-item:hover{background:#fff3;transform:translateX(-4px)}.sidebar-item.active{background:#c3c4fa4d;border-color:#c3c4fa80}.sidebar-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.sidebar-icon svg{height:100%;width:100%}.sidebar-label{flex:1 1;font-size:1rem}.sidebar-footer{border-top:1px solid #fff3;flex-shrink:0;margin-top:auto;padding-top:1rem;position:relative}.sidebar-logout{align-items:center;background:#e53e3e1a;border:1px solid #e53e3e4d;border-radius:12px;color:#c53030;cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.sidebar-logout:hover{background:#e53e3e33;transform:scale(1.02)}.sidebar-logout svg{height:20px;width:20px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:#c3c4fa80;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#c3c4fab3}@media (max-width:768px){.sidebar{max-width:300px;right:-100%;width:300px}.sidebar-toggle{right:16px;top:20px}}@media (max-width:576px){.sidebar{max-width:280px;right:-100%;width:280px}.sidebar-toggle{right:16px;top:20px}}@media (max-width:480px){.sidebar{max-width:100vw;padding:1.5rem 1rem;right:-100%;width:100%}.sidebar-header{padding-bottom:1rem}.sidebar-nav{gap:.5rem}.sidebar-toggle{top:20px}}@media (min-width:969px){.sidebar,.sidebar-backdrop,.sidebar-toggle{display:none}}body.dark-mode .sidebar-username{color:#fff}body.dark-mode .sidebar-item,body.dark-mode .sidebar-label{color:#f7fafc}body.dark-mode .sidebar-item.active,body.dark-mode .sidebar-item:hover{color:#fff}.sidebar-item.theme-toggle:focus{box-shadow:0 0 0 4px #9b9cf54d;outline:2px solid var(--lilac-dark);outline-offset:2px}body.dark-mode .sidebar-item.theme-toggle:focus{box-shadow:0 0 0 4px #9b9cf566;outline-color:var(--lilac-dark)}.sidebar-item.theme-toggle:focus-visible{outline:2px solid var(--lilac-dark);outline-offset:2px}.sidebar-item.theme-toggle:hover{background:#9b9cf533;transform:translateX(4px)}body.dark-mode .sidebar-item.theme-toggle:hover{background:#9b9cf540}.glass-card{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px 0 #1f268726;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.glass-card:hover:before{left:100%}.glass-card:hover{border-color:#ffffff59;box-shadow:0 12px 40px 0 #1f268733;transform:translateY(-4px)}.glass-card.glass-lilac{background:linear-gradient(135deg,#c3c4fa33,#c3c4fa1a);border:1px solid #c3c4fa4d;box-shadow:0 8px 32px 0 #c3c4fa33}.glass-card.glass-pink{background:linear-gradient(135deg,#ffd0e733,#ffd0e71a);border:1px solid #ffd0e74d;box-shadow:0 8px 32px 0 #ffd0e733}.glass-card.glass-blue{background:linear-gradient(135deg,#08f3,#0088ff1a);border:1px solid #0088ff4d;box-shadow:0 8px 32px 0 #08f3}.glass-card.glass-salmon{background:linear-gradient(135deg,#ffcdcd33,#ffcdcd1a);border:1px solid #ffcdcd4d;box-shadow:0 8px 32px 0 #ffcdcd33}.glass-card.glass-lilac:hover{box-shadow:0 12px 40px 0 #c3c4fa4d}.glass-card.glass-pink:hover{box-shadow:0 12px 40px 0 #ffd0e74d}.glass-card.glass-blue:hover{box-shadow:0 12px 40px 0 #0088ff4d}.glass-card.glass-salmon:hover{box-shadow:0 12px 40px 0 #ffcdcd4d}.glass-card.floating{animation:float 6s ease-in-out infinite}.glass-card.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #c3c4fa80,0 8px 32px 0 #1f268726}50%{box-shadow:0 0 40px #c3c4facc,0 12px 40px 0 #1f268733}}.glass-card[onclick]{cursor:pointer}@media (max-width:768px){.glass-card{border-radius:16px;padding:1.5rem}}.input-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.input-label{align-self:stretch;color:#222;font-size:.95rem;font-weight:500;text-align:left}.input-required{color:#e53e3e;margin-left:.25rem}.input{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.625rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.input-field{align-items:center;display:flex;position:relative}.end-adornment{align-items:center;display:inline-flex;justify-content:center;pointer-events:auto;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.input:focus{border-color:#1d72f3;box-shadow:0 0 0 3px #1d72f31a;outline:none}.input--error{border-color:#e53e3e}.input--error:focus{box-shadow:0 0 0 3px #e53e3e1a}.input-error{color:#e53e3e;display:block;font-size:.875rem;margin-top:.25rem;text-align:right}.input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}body.dark-mode .input,body.dark-mode .input-label{color:var(--text-primary)}body.dark-mode .input{background:#ffffff0d;border-color:#9b9cf54d}body.dark-mode .input:focus{background:#ffffff14;border-color:var(--lilac-dark);box-shadow:0 0 0 3px #9b9cf533}body.dark-mode .input--error{border-color:#f99}body.dark-mode .input-error{color:#ffb3b3}body.dark-mode .input:disabled{background-color:#ffffff05;color:var(--text-secondary)}.password-input-wrapper{position:relative;width:100%}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container .input-wrapper{flex:1 1;margin-bottom:0}.password-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:4px;width:34px;z-index:3}.end-adornment .password-toggle{height:28px;padding:2px;position:static;width:28px}.password-icon{color:#777;display:block;height:18px;line-height:0;transition:color .15s ease;width:18px}.password-toggle:hover .password-icon{color:#333}.password-toggle:focus{border-radius:6px;box-shadow:0 0 0 3px #1d72f326;outline:none}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.password-input-container input[type=password],.password-input-container input[type=text]{padding-right:52px}.shared-password-toggle{background-color:#f3f4f6;border:1px solid #e2e8f0;border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-size:.875rem;margin:8px 0;padding:6px 12px}body.dark-mode .password-toggle{color:var(--text-primary)}body.dark-mode .password-toggle:hover .password-icon{color:var(--lilac-dark)}body.dark-mode .password-toggle:focus{box-shadow:0 0 0 3px #9b9cf533}.account-page{min-height:100vh;padding-top:0;position:relative}.account-content{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.account-header{margin-bottom:2.5rem}.account-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--black);font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 20px #c3c4fa4d}.account-subtitle{color:#4a5568;font-size:1.125rem;font-weight:500;margin:0}.account-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr}@media (min-width:969px){.account-page{padding-top:70px}}.profile-card{align-self:start;border:2px solid #ffffff40;padding:2.5rem 2rem;position:relative;text-align:center;top:auto}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);border-radius:50%;box-shadow:0 8px 24px #00000026;display:flex;height:120px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:120px}.profile-avatar:hover{box-shadow:0 12px 32px #0003;transform:scale(1.05)}.profile-avatar svg{color:#fff;height:60px;width:60px}.profile-name{color:var(--black);font-size:1.75rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 8px #0000001a}.profile-email{color:#4a5568;font-size:1rem;font-weight:500;margin-bottom:2rem}.profile-stats{border-top:2px solid #fff3;display:flex;gap:1rem;justify-content:space-around;padding-top:2rem}.profile-stat{text-align:center}.profile-stat .stat-value{color:var(--black);font-size:2rem;font-weight:800;text-shadow:0 2px 8px #0000001a}.skeleton-box{animation:skeleton-shimmer 1.2s linear infinite;background:linear-gradient(90deg,#ffffff14 25%,#ffffff2e 50%,#ffffff14 75%);background-size:200% 100%;border-radius:6px;display:inline-block;height:28px;width:48px}.skeleton-box.small{height:20px;width:32px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-stat .stat-label{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.actions-card,.info-card,.settings-card{border:2px solid #ffffff40;padding:2rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.card-title{margin:0}.edit-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;color:var(--black);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.edit-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.edit-btn svg{height:18px;width:18px}.info-form{gap:1.5rem}.form-group,.info-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:var(--black);font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:var(--black);font-size:1rem;font-weight:500;padding:.875rem 1.25rem;transition:all .3s ease}.form-input:disabled{cursor:not-allowed;opacity:.7}.form-input.editing{background:#fff3;border-color:var(--lilac-dark)}.form-input.editing:focus{border-color:var(--pink-dark);box-shadow:0 0 0 3px #e7a3c433;outline:none}.form-actions{display:flex;gap:1rem;margin-top:1rem}.action-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;transition:all .3s ease}.action-btn.cancel{background:#ffffff26;border-color:#ffffff4d;color:var(--black)}.action-btn.cancel:hover{background:#ffffff40;transform:translateY(-2px)}.action-btn.save{background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);border-color:var(--lilac-dark);color:#fff;text-shadow:0 1px 2px #0003}.action-btn.save:hover{box-shadow:0 6px 20px #8b8cf566;transform:translateY(-2px)}.settings-list{display:flex;flex-direction:column;gap:1.25rem}.setting-item{transition:all .3s ease}.setting-item:hover{transform:translateX(4px)}.setting-info{display:flex;flex-direction:column;gap:.25rem}.setting-name{color:var(--black);font-size:1.05rem;font-weight:700}.setting-desc{color:#4a5568;font-size:.875rem;font-weight:500}.toggle-switch{cursor:pointer;display:inline-block;height:30px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#0003;border:2px solid #ffffff4d;border-radius:30px;bottom:0;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 8px #0003;content:"";height:22px;left:2px;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);border-color:var(--lilac-dark)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.actions-list{display:flex;flex-direction:column;gap:1rem}.action-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:12px;color:var(--black);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;padding:1.125rem 1.5rem;transition:all .3s ease}.action-item:hover{background:#ffffff40;box-shadow:0 4px 12px #0000001a;transform:translateX(6px)}.action-item svg{flex-shrink:0;height:20px;width:20px}.action-item.danger{border-color:#c976764d;color:#c97676}.action-item.danger:hover{background:#c9767626;border-color:#c9767680}.action-item.danger svg{color:#c97676}@media (max-width:968px){.account-content{padding:1.5rem}.account-title{font-size:2rem}.account-grid{grid-template-columns:1fr}.profile-card{position:static}}@media (max-width:576px){.account-content{padding:1rem}.actions-card,.info-card,.profile-card,.settings-card{padding:1.5rem}.profile-avatar{height:100px;width:100px}.profile-avatar svg{height:50px;width:50px}.profile-name{font-size:1.5rem}.card-header{align-items:flex-start;flex-direction:column;gap:1rem}.edit-btn{justify-content:center;width:100%}.form-actions{flex-direction:column}}.dialog-backdrop{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1100}.password-dialog{animation:slideUp .3s ease;left:50%;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1200}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.dialog-card{padding:2rem}.dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dialog-header h2{color:var(--black);font-size:1.75rem;font-weight:700;margin:0}.dialog-close{align-items:center;background:#0000000d;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.dialog-close:hover{background:#e53e3e33;transform:scale(1.1)}.dialog-close svg{color:#c53030;height:20px;width:20px}.dialog-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.dialog-actions{display:flex;gap:1rem;justify-content:flex-end}.setting-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;min-height:80px;padding:1.25rem 1.5rem;transition:background .3s ease,transform .3s ease}.setting-item:hover{background:#ffffff40;transform:none}.toggle-switch{flex-shrink:0;margin-left:1rem}@media (max-width:576px){.password-dialog{max-width:none;width:95%}.dialog-card{padding:1.5rem}.dialog-header h2{font-size:1.5rem}.dialog-actions{flex-direction:column}.dialog-actions .action-btn{width:100%}}body.dark-mode .account-page,body.dark-mode .info-form{color:var(--text-primary)}body.dark-mode .actions-card,body.dark-mode .glass-card,body.dark-mode .info-card,body.dark-mode .profile-card,body.dark-mode .settings-card{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow)}body.dark-mode .account-title,body.dark-mode .action-item,body.dark-mode .card-title,body.dark-mode .form-label,body.dark-mode .profile-name,body.dark-mode .setting-name{color:var(--text-primary)}body.dark-mode .account-subtitle,body.dark-mode .profile-email,body.dark-mode .setting-desc,body.dark-mode .stat-label{color:var(--text-secondary)}body.dark-mode .form-input{background:#ffffff0d;border-color:#7b7dcc4d;color:var(--text-primary)}body.dark-mode .form-input:focus{background:#ffffff14;border-color:var(--lilac-dark)}body.dark-mode .toggle-slider{background:#ffffff1a;border-color:#7b7dcc4d}body.dark-mode .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%)}body.dark-mode .action-item:hover,body.dark-mode .setting-item:hover{background:#7b7dcc26}body.dark-mode .action-item.danger:hover{background:#c9767633}body.dark-mode .account-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c3c4fae6,#ffd0e7e6);-webkit-background-clip:text;background-clip:text;color:#fff;filter:brightness(1.4)}body.dark-mode .account-subtitle{color:#e2e8f0}body.dark-mode .card-title,body.dark-mode .profile-name{color:#fff}body.dark-mode .profile-email,body.dark-mode .setting-desc{color:#cbd5e1}body.dark-mode .form-label{color:#f7fafc}.home-navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:2px solid #c3c4fa4d;box-shadow:0 4px 20px #0000001a;display:none;height:70px;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:900}@media (min-width:969px){.home-navbar{display:block}}.home-navbar-content{align-items:center;display:flex;gap:2rem;height:100%;width:100%}.home-navbar-logo{align-items:center;display:flex;margin-right:1rem;transition:transform .3s ease}.home-navbar-logo:hover{transform:scale(1.05)}.home-navbar-logo img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:45px;width:auto}.home-navbar-items{flex:1 1}.home-navbar-item,.home-navbar-items{align-items:center;display:flex;gap:.5rem}.home-navbar-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #0000;border-radius:12px;color:var(--black);font-size:.95rem;font-weight:600;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-navbar-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.home-navbar-item:hover:before{left:100%}.home-navbar-item:hover{background:#ffffff26;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.home-navbar-item.active{background:linear-gradient(135deg,#c3c4fa4d,#e7a3c44d);border-color:#c3c4fa80;box-shadow:0 4px 16px #c3c4fa4d;color:var(--lilac-dark)}.navbar-item-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.navbar-item-icon svg{height:100%;width:100%}.navbar-item-label{white-space:nowrap}.home-navbar-logout{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#e53e3e1a;border:2px solid #e53e3e4d;border-radius:12px;color:#c53030;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.home-navbar-logout:hover{background:#e53e3e33;box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-2px)}.home-navbar-logout svg{height:18px;width:18px}.home-navbar-theme-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#c3c4fa1a;border:2px solid #c3c4fa4d;border-radius:12px;color:var(--black);cursor:pointer;display:flex;height:46px;justify-content:center;transition:all .3s ease;width:46px}.home-navbar-theme-toggle:hover{background:#c3c4fa33;box-shadow:0 4px 12px #c3c4fa4d;transform:translateY(-3px)}.home-navbar-theme-toggle svg{height:20px;transition:transform .3s ease;width:20px}.home-navbar-theme-toggle:active svg{transform:scale(.9)}@media (max-width:968px){.home-navbar{display:none!important}}body.dark-mode .home-navbar-item{color:#f7fafc}body.dark-mode .home-navbar-item:hover{background:#ffffff26;color:#fff}body.dark-mode .home-navbar-item.active{background:linear-gradient(135deg,#c3c4fa66,#e7a3c466);border-color:#ffffff80;color:#fff}body.dark-mode .home-navbar-logout{background:#e53e3e26;border-color:#ffb3b366;color:#ffb3b3}body.dark-mode .home-navbar-logout:hover{background:#e53e3e40;color:#f99}body.dark-mode .home-navbar-theme-toggle{background:#ffffff1a;border-color:#ffffff4d;color:#f7fafc}body.dark-mode .home-navbar-theme-toggle:hover{background:#ffffff26;box-shadow:0 4px 12px #fff3}.landingpage{overflow-x:hidden}.landingpage,.landingpage-content{min-height:100vh;position:relative}.landingpage-content{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding:4rem 2rem;z-index:1}.landing-hero{animation:fadeInUp .8s ease-out;max-width:800px;text-align:center}.landing-title{color:var(--black);font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 20px #c3c4fa4d}.landing-highlight{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,var(--lilac) 0,var(--pink) 100%);-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:#4a5568;font-size:1.5rem;line-height:1.6;margin:0 0 2rem}.landing-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.317);border-radius:14px;box-shadow:0 8px 32px 0 #1f268733;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}@media (max-width:1024px){.cta-button{font-size:1.05rem;gap:.65rem;padding:.95rem 2rem}}@media (max-width:768px){.cta-button{border-radius:12px;font-size:1rem;gap:.6rem;justify-content:center;padding:.9rem 1.2rem;width:100%}.cta-button svg{height:18px;width:18px}}@media (max-width:480px){.cta-button{border-radius:10px;font-size:.975rem;gap:.5rem;padding:.85rem 1rem}.cta-button svg{height:16px;width:16px}}.cta-button.primary{background:linear-gradient(135deg,#c3c4fae6,#8b8cf5e6);border:1px solid #ffffff0f;color:#fff;text-shadow:0 2px 4px #0000001f}@media (max-width:1024px){.cta-button.primary,.cta-button.secondary{font-size:1.05rem;max-width:250px;padding:.95rem 2rem}}@media (max-width:768px){.cta-button.primary{background:linear-gradient(135deg,#c3c4fad9,#8b8cf5d9)}.cta-button.primary,.cta-button.secondary{border-radius:12px;font-size:1rem;padding:.9rem 1.2rem}}@media (max-width:480px){.cta-button.primary,.cta-button.secondary{border-radius:10px;font-size:.975rem;gap:.5rem;padding:.85rem 1rem}.cta-button.primary svg,.cta-button.secondary svg{height:16px;width:16px}}.cta-button.secondary{background:#ffffff2e;border:1px solid #c3c4fa47;color:var(--black)}body.dark-mode .cta-button.primary{background:linear-gradient(135deg,#787ac8f2,#6466c8f2);border:1px solid #9b9cf52e;color:#fff}body.dark-mode .cta-button.secondary{background:#ffffff0f;border:1px solid #9b9cf52e;color:var(--text-primary)}.cta-button:hover{box-shadow:0 12px 40px 0 #c3c4fa66;transform:translateY(-4px)}.cta-button.primary:hover{background:linear-gradient(135deg,#a2a3d8cc,#8b8cf5cc)}.cta-button.secondary:hover{background:#ffffff40}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translateX(4px)}.landing-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem;max-width:1200px;width:100%}.feature-card{background:#ffffff14;border:1px solid #fff3;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:hover{background:#8b8cf540;border-color:#8b8cf580;box-shadow:0 12px 40px #8b8cf566;transform:translateY(-10px)}.feature-card:hover .feature-icon{background:#8b8cf559;transform:scale(1.1) rotate(5deg)}.feature-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;transition:all .3s ease;width:64px}.feature-icon svg{color:var(--black);height:32px;width:32px}.feature-title{color:var(--black);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.feature-description{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.landing-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:3rem 0;max-width:900px;width:100%}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac) 0,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.stat-label{font-size:1.125rem;font-weight:500;margin-top:.5rem}.landing-how-it-works{margin:4rem 0;max-width:1200px;text-align:center;width:100%}.section-title{font-size:2.5rem;margin-bottom:3rem;text-shadow:0 2px 20px #c3c4fa4d}.steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.step-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #c3c4fa4d;border-radius:16px;flex:1 1;max-width:280px;min-width:200px;padding:2rem;transition:all .3s ease}.step-item:hover{box-shadow:0 12px 40px #c3c4fa4d;transform:translateY(-8px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--lilac) 0,var(--pink) 100%);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.step-item h3{color:var(--black);font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.step-item p{color:#4a5568;margin:0}.step-arrow{color:var(--lilac);font-size:2rem;font-weight:700}@media (max-width:768px){.step-arrow{display:none}.steps-container{flex-direction:column}.landingpage-content{padding:3rem 1.5rem}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.25rem}.landing-cta{flex-direction:column}.cta-button{justify-content:center;width:100%}.landing-features{grid-template-columns:1fr}}@media (max-width:480px){.landing-title{font-size:2rem}.landing-subtitle{font-size:1.125rem}}body.dark-mode .feature-title,body.dark-mode .landing-title,body.dark-mode .section-title{color:var(--text-primary)}body.dark-mode .feature-description,body.dark-mode .landing-subtitle,body.dark-mode .stat-label,body.dark-mode .step-item p{color:var(--text-secondary)}body.dark-mode .landing-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);-webkit-background-clip:text;background-clip:text}body.dark-mode .feature-card{background:#ffffff0d;border-color:#9b9cf54d}body.dark-mode .feature-card:hover{background:#9b9cf526;border-color:#9b9cf566}body.dark-mode .feature-icon{background:#ffffff1a}body.dark-mode .feature-icon svg,body.dark-mode .step-item h3{color:var(--text-primary)}body.dark-mode .step-number{background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%)}.navbar{--navbar-height:64px;align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#c3c4fa26,#ffd0e726);border-bottom:1px solid #ffffff40;box-shadow:0 8px 32px 0 #1f268726;box-sizing:border-box;color:var(--black);display:flex;height:var(--navbar-height);left:0;padding:0 1.5rem;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s;width:100%}.navbar:hover:before{left:100%}.navdiv{align-items:center;box-sizing:border-box;display:flex;gap:2rem;justify-content:space-between;margin:0;max-width:100%;padding:0;width:100%}.logo-btn{background:none;border:none;color:var(--black);cursor:pointer;font-family:inherit;font-size:1.5rem;padding:0;text-decoration:none;transition:transform .3s ease}.logo-btn:hover{transform:scale(1.05)}.left-group{flex:1 1 auto;gap:1rem}.left-group,.right-group{align-items:center;display:flex}.right-group{justify-content:flex-end}.navlist{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.navlist li a{border-radius:8px;color:var(--black);font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease}.navlist li a:hover{background:#c3c4fa33;color:var(--lilac-dark);transform:translateY(-2px)}.actions{align-items:center;display:flex;gap:.75rem;margin-left:auto}.btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#c3c4fa33,#ffd0e733);border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 15px 0 #c3c4fa33;color:var(--black);font-weight:600;transition:all .3s ease}.btn:hover{background:linear-gradient(135deg,#c3c4fa59,#ffd0e759);box-shadow:0 6px 20px 0 #c3c4fa4d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.logo-btn,.logo-btn.btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.btn.logo-btn:hover,.logo-btn.btn:hover{background:#0000!important;box-shadow:none!important;transform:scale(1.05)}.logo{align-items:center;display:flex}.logo-btn img{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:40px;width:40px}.hamburger{display:none!important}.hamburger .bar{background:var(--black);border-radius:2px;display:block;height:2px;margin:4px 0;transition:transform .2s ease,opacity .2s ease;width:22px}.hamburger.open .bar:first-child{transform:translateY(6px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-backdrop,.mobile-dropdown{display:none!important}@media (max-width:800px){.hamburger{display:none!important}.navdiv{align-items:center;flex-direction:row}.left-group{gap:.5rem;justify-content:flex-start}.left-group,.right-group{align-items:center;display:flex}.right-group{justify-content:flex-end;position:relative}.navlist{display:none}.left-group .navlist,.mobile-actions,.mobile-dropdown,.mobile-nav,.right-group .navlist{display:none!important}.right-group .actions{display:none}}body.dark-mode .logo-btn img{filter:brightness(2.2) contrast(1.3) saturate(.9);opacity:.95}.theme-toggle-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:var(--black);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:all .3s ease}.theme-toggle-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.theme-toggle-btn svg{height:20px;width:20px}.theme-toggle-mobile{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-align:center;width:100%}body.dark-mode .theme-toggle-btn{background:#ffffff1a;border-color:#fff3;color:#f7fafc}body.dark-mode .theme-toggle-btn:hover{background:#fff3}.theme-toggle-btn:focus,.theme-toggle-mobile:focus{box-shadow:0 0 0 4px #9b9cf54d;outline:2px solid var(--lilac-dark);outline-offset:2px}body.dark-mode .theme-toggle-btn:focus,body.dark-mode .theme-toggle-mobile:focus{box-shadow:0 0 0 4px #9b9cf566;outline-color:var(--lilac-dark)}.theme-toggle-btn:focus-visible,.theme-toggle-mobile:focus-visible{outline:2px solid var(--lilac-dark);outline-offset:2px}.public-sidebar-toggle{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#6b6db840,#5b5d9e40);border:2px solid #6b6db899;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:none;flex-direction:column;gap:6px;height:48px;justify-content:center;padding:0;position:fixed;right:20px;top:20px;transition:all .3s ease;width:48px;z-index:1001}.public-sidebar-toggle:hover{background:linear-gradient(135deg,#6b6db859,#5b5d9e59);border-color:#6b6db8cc;box-shadow:0 6px 16px #6b6db84d;transform:scale(1.05)}.public-sidebar-toggle .bar{background:linear-gradient(90deg,var(--purple-dark) 0,var(--lilac-dark) 100%);border-radius:3px;height:3px;transition:all .3s ease;width:24px}.public-sidebar-toggle.open .bar:first-child{transform:translateY(9px) rotate(45deg)}.public-sidebar-toggle.open .bar:nth-child(2){opacity:0}.public-sidebar-toggle.open .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.public-sidebar-backdrop{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.public-sidebar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;height:100vh;max-width:320px;overflow-x:hidden;overflow-y:auto;padding:2rem 1.5rem;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1000}.public-sidebar.open{box-shadow:-8px 0 32px #0003;right:0}.public-sidebar-header{align-items:center;border-bottom:2px solid #fff3;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;padding-bottom:1.5rem}.public-sidebar-logo-link{text-decoration:none}.public-sidebar-logo,.public-sidebar-logo-link{align-items:center;display:flex;justify-content:center}.public-sidebar-logo{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#c3c4fa33,#e7a3c433);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #00000026;height:70px;overflow:hidden;padding:.75rem;transition:all .3s ease;width:70px}.public-sidebar-logo:hover{background:linear-gradient(135deg,#c3c4fa4d,#e7a3c44d);box-shadow:0 12px 32px #c3c4fa4d;transform:scale(1.05) rotate(5deg)}.public-sidebar-logo-img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:100%;object-fit:contain;transition:filter .3s ease;width:100%}.public-sidebar-logo:hover .public-sidebar-logo-img{filter:drop-shadow(0 4px 12px rgba(195,196,250,.4))}.public-sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--black);font-size:1.5rem;font-weight:800;margin:0;text-align:center}.public-sidebar-nav{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem}.public-sidebar-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:var(--black);display:flex;font-weight:500;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease}.public-sidebar-item:hover{background:#fff3;box-shadow:0 4px 12px #0000001a;transform:translateX(-4px)}.public-sidebar-item.active{background:#c3c4fa4d;border-color:#c3c4fa80;box-shadow:0 4px 12px #c3c4fa4d;transform:translateX(-4px)}.public-sidebar-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.public-sidebar-icon svg{height:100%;width:100%}.public-sidebar-label{flex:1 1;font-size:1rem}.public-sidebar-auth{border-top:2px solid #fff3;display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;padding-top:1rem}.auth-title{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.auth-title svg{height:16px;width:16px}.auth-item.signin{background:linear-gradient(135deg,#0088ff26,#0066cc26);border-color:#0088ff4d}.auth-item.signin:hover{background:linear-gradient(135deg,#0088ff40,#0066cc40);border-color:#0088ff80}.auth-item.signup{background:linear-gradient(135deg,#e7a3c426,#ff9ec726);border-color:#e7a3c44d}.auth-item.signup:hover{background:linear-gradient(135deg,#e7a3c440,#ff9ec740);border-color:#e7a3c480}.public-sidebar-footer{border-top:2px solid #fff3;flex-shrink:0;margin-top:auto;padding-top:1rem}.theme-toggle{background:#9b9cf526;border-color:#9b9cf54d;justify-content:center;width:100%}.theme-toggle:hover{background:#9b9cf540;border-color:#9b9cf580}.public-sidebar::-webkit-scrollbar{width:6px}.public-sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.public-sidebar::-webkit-scrollbar-thumb{background:#c3c4fa80;border-radius:10px}.public-sidebar::-webkit-scrollbar-thumb:hover{background:#c3c4fab3}@media (max-width:800px){.public-sidebar-toggle{display:flex}}@media (min-width:801px){.public-sidebar,.public-sidebar-backdrop,.public-sidebar-toggle{display:none!important}}@media (max-width:768px){.public-sidebar{max-width:300px;width:300px}.public-sidebar-toggle{right:16px;top:20px}}@media (max-width:576px){.public-sidebar{max-width:280px;width:280px}.public-sidebar-toggle{right:16px;top:20px}.public-sidebar-logo{height:60px;width:60px}}@media (max-width:480px){.public-sidebar{max-width:100vw;padding:1.5rem 1rem;width:100%}.public-sidebar-header{padding-bottom:1rem}.public-sidebar-auth,.public-sidebar-nav{gap:.5rem}.public-sidebar-toggle{top:20px}.public-sidebar-logo{height:55px;width:55px}}body.dark-mode .public-sidebar-title{color:#fff}body.dark-mode .public-sidebar-label{color:#f7fafc}body.dark-mode .public-sidebar-item{background:#ffffff0d;border-color:#7b7dcc33;color:#f7fafc}body.dark-mode .public-sidebar-item:hover{background:#7b7dcc26;border-color:#7b7dcc4d;color:#fff}body.dark-mode .public-sidebar-item.active{background:#7b7dcc40;border-color:#7b7dcc66;color:#fff}body.dark-mode .auth-title{color:#cbd5e1}body.dark-mode .auth-item.signin{background:linear-gradient(135deg,#3399ff26,#66b3ff26);border-color:#3399ff4d}body.dark-mode .auth-item.signin:hover{background:linear-gradient(135deg,#3399ff40,#66b3ff40)}body.dark-mode .auth-item.signup{background:linear-gradient(135deg,#ffb8db26,#ffc8e826);border-color:#ffb8db4d}body.dark-mode .auth-item.signup:hover{background:linear-gradient(135deg,#ffb8db40,#ffc8e840)}body.dark-mode .theme-toggle{background:#9b9cf533;border-color:#9b9cf566}body.dark-mode .theme-toggle:hover{background:#9b9cf54d}body.dark-mode .public-sidebar-logo-img{filter:brightness(1.2) contrast(1.1) drop-shadow(0 2px 8px rgba(255,255,255,.1))}body.dark-mode .public-sidebar-logo:hover .public-sidebar-logo-img{filter:brightness(1.3) contrast(1.15) drop-shadow(0 4px 12px rgba(195,196,250,.4))}body.dark-mode .public-sidebar-logo{background:linear-gradient(135deg,#c3c4fa26,#e7a3c426);border-color:#fff3}body.dark-mode .public-sidebar-logo:hover{background:linear-gradient(135deg,#c3c4fa40,#e7a3c440)}.btn{border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;line-height:1.5;min-width:120px;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn--default{background-color:#555;border-color:#555;color:#fff}.btn--default:focus,.btn--default:hover{background-color:#666;border-color:#666}.btn--primary{background-color:#1d72f3;border-color:#1d72f3;color:#fff}.btn--primary:focus,.btn--primary:hover{background-color:#1a65d6;border-color:#1a65d6}.btn--signin{background-color:#1d72f3;border-color:#1d72f3;color:#fff}.btn--signin:focus,.btn--signin:hover{background-color:#1a65d6;border-color:#1a65d6}.btn--signup{background-color:#555;border-color:#555;color:#fff}.btn--signup:focus,.btn--signup:hover{background-color:#666;border-color:#666}.btn--small{font-size:.875rem;padding:.25rem .5rem}.btn--medium{font-size:1rem;padding:.5rem 1rem}.btn--large{font-size:1.125rem;padding:.75rem 1.25rem}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.65;pointer-events:none}a.btn{display:inline-block;text-decoration:none}.btn--block{display:block;width:100%}@media (max-width:768px){.btn--large{font-size:1rem;margin:0 auto;max-width:300px;padding:.875rem 1.5rem;width:100%}}@media (max-width:480px){.btn--large{font-size:.95rem;padding:.75rem 1.25rem}.btn+.btn{margin-top:.75rem}}.btn-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:768px){.btn-container{align-items:stretch;flex-direction:column;margin:0 auto;max-width:300px;width:100%}}.auth-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:480px;padding:32px}.auth-header{margin-bottom:24px;text-align:center}.auth-title{color:#333;font-size:24px;font-weight:700;margin-bottom:8px}.auth-subtitle{color:#666;font-size:16px;margin:0}.auth-form-content{margin-bottom:24px}.auth-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.auth-submit-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:.875rem 1.5rem;text-shadow:0 2px 4px #0000001a;transition:all .3s ease}.auth-submit-button.form-incomplete{background:linear-gradient(135deg,#08f6,#0088ff4d);box-shadow:0 4px 15px 0 #08f3;cursor:not-allowed;opacity:.7}.auth-submit-button.form-complete{background:linear-gradient(135deg,#0066ccd9,#0088ffd9);box-shadow:0 4px 15px 0 #08f6}.auth-submit-button.form-complete:hover:not(:disabled){background:linear-gradient(135deg,#06c,#08f);box-shadow:0 6px 20px 0 #0088ff80;transform:translateY(-2px)}.auth-submit-button:disabled{cursor:not-allowed;opacity:.6}.auth-alternate{color:#666;font-size:14px;margin-top:20px;text-align:center}.auth-alternate a{color:#4299e1;font-weight:500;margin-left:5px;text-decoration:none}.auth-alternate a:hover{text-decoration:underline}@media (max-width:576px){.auth-form{border-radius:0;box-shadow:none;max-width:100%;padding:24px 16px}}.form-error{align-items:center;background-color:#e53e3e1a;border-radius:4px;color:#e53e3e;display:flex;font-size:14px;margin-top:16px;padding:8px 12px}.form-error svg{height:18px;margin-right:8px;width:18px}body.dark-mode .auth-form{background:linear-gradient(135deg,#1e1e3266,#1414284d);border-color:#9b9cf54d}body.dark-mode .auth-title{color:var(--text-primary)}body.dark-mode .auth-subtitle{color:var(--text-secondary)}body.dark-mode .form-error{background-color:#e53e3e33;color:#ffb3b3}body.dark-mode .auth-alternate{color:var(--text-secondary)}body.dark-mode .auth-alternate a{color:var(--lilac-dark)}.forgot-password-link{margin-bottom:1.25rem;margin-top:.25rem;text-align:right}.forgot-password-link a{color:var(--blue);display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem 0;text-decoration:none;transition:color .3s ease}.forgot-password-link a:hover{color:var(--blue-dark);text-decoration:underline;transform:translateX(2px)}.auth-page{overflow-x:hidden}.auth-page,.auth-page-content{min-height:100vh;position:relative}.auth-page-content{align-items:center;display:flex;justify-content:center;padding:2rem 1rem;z-index:1}.auth-container{animation:fadeInUp .6s ease-out;max-width:480px;width:100%}@media (max-width:576px){.auth-page-content{padding:1.5rem .5rem}.auth-container{max-width:100%}}.password-requirements{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px;margin-top:16px;padding:12px 16px}.password-requirements-title{color:#4a5568;font-size:14px;font-weight:600;margin-bottom:8px}.password-requirements-list{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.requirement-item{align-items:center;color:#718096;display:flex;font-size:13px;transition:color .2s ease}.requirement-item.valid{color:#48bb78}.requirement-item.invalid{color:#e53e3e}.requirement-icon{display:inline-flex;height:16px;margin-right:8px;width:16px}.requirement-text{flex:1 1}.password-strength-bar{background-color:#e2e8f0;border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.strength-progress{height:100%;transition:width .3s ease,background-color .3s ease}.strength-weak{background-color:#e53e3e}.strength-medium{background-color:#ed8936}.strength-strong{background-color:#48bb78}@media (max-width:480px){.password-requirements-list{grid-template-columns:1fr}}.password-fields-container{display:flex;flex-direction:column;gap:16px}.forgot-password-page{min-height:100vh;overflow-x:hidden;position:relative}.forgot-password-content{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative;z-index:1}.forgot-password-container{animation:fadeInUp .6s ease-out;max-width:550px;width:100%}.forgot-password-card{border:2px solid #c3c4fa4d;padding:3rem 2.5rem}.progress-steps{gap:0;justify-content:center;margin-bottom:3rem;padding:0 1rem}.progress-steps,.step{align-items:center;display:flex;position:relative}.step{flex-direction:column;flex-shrink:0;gap:.75rem;min-width:80px;z-index:2}.step-circle{align-items:center;background:#fff3;border:3px solid #c3c4fa4d;border-radius:50%;color:#4a5568;display:flex;font-size:1.25rem;font-weight:800;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}@media (max-width:768px){.progress-steps{margin-bottom:2rem;padding:0 .5rem}.step-circle{border-width:2px;font-size:1.1rem;height:45px;width:45px}.step-label{font-size:.8rem;line-height:1.2;text-align:center}.step-line{height:2px;margin:0 -.5rem;top:-22px}}@media (max-width:576px){.progress-steps{gap:0;padding:0}.step{gap:.5rem;min-width:70px}.step-circle{border-width:2px;font-size:1rem;height:40px;width:40px}.step.active .step-circle{transform:scale(1.05)}.step-label{word-wrap:break-word;font-size:.75rem;max-width:60px;text-align:center}.step-line{height:2px;margin:0 -.25rem;top:-20px}}@media (max-width:400px){.progress-steps{transform:scale(.9);transform-origin:center}}.step.active .step-circle{background:linear-gradient(135deg,#a1a2e6,#8b8cf5);border-color:#8b8cf5;box-shadow:0 6px 20px #8b8cf566;color:#fff;transform:scale(1.1)}.step.completed .step-circle{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#48bb78;color:#fff}.step.completed .step-circle:after{content:"✓";font-size:1.5rem;position:absolute}.step-label{color:#4a5568;font-size:.875rem;font-weight:600;text-align:center}.step.active .step-label{color:#8b8cf5}.step.completed .step-label{color:#38a169}.step-line{background:#c3c4fa4d;flex:1 1;height:3px;margin:0 -1rem;position:relative;top:-25px;z-index:1}.forgot-header{margin-bottom:2.5rem;text-align:center}.forgot-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b8cf5,#ff9ec7);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;color:var(--black,#1a1a1a);font-size:2rem;font-weight:800;margin:0 0 1rem;text-shadow:0 2px 10px #c3c4fa4d}.forgot-subtitle{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.forgot-subtitle strong{color:#1a1a1a;color:var(--black,#1a1a1a);font-weight:700}.forgot-form{display:flex;flex-direction:column;gap:1.5rem}.code-input input{color:#8b8cf5;font-size:2rem;font-weight:800;letter-spacing:.5rem;text-align:center;text-shadow:0 2px 4px #0000001a}.forgot-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.submit-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #c3c4fa80;border-radius:12px;box-shadow:0 4px 15px #c3c4fa4d;cursor:pointer;font-size:1.05rem;font-weight:700;padding:1rem 2rem;text-shadow:0 1px 2px #0000001a;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#c3c4fae6,#8b8cf5e6);box-shadow:0 6px 20px #c3c4fa66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-link{background:#0000;border:none;color:#8b8cf5;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem;text-align:center;transition:all .3s ease}.back-link:hover{color:#ff9ec7;transform:translateX(-4px)}@media (max-width:768px){.forgot-password-content{padding:1.5rem .75rem}.forgot-password-card{padding:2rem 1.5rem}.progress-steps{margin-bottom:2rem}.step-circle{font-size:1rem;height:40px;width:40px}.step-label{font-size:.75rem}.step-line{top:-20px}.forgot-title{font-size:1.75rem}.forgot-subtitle{font-size:.95rem}.code-input input{font-size:1.75rem;letter-spacing:.4rem}}@media (max-width:576px){.forgot-password-container{max-width:100%}.forgot-password-card{border-radius:16px;padding:1.5rem 1rem}.progress-steps{margin-bottom:1.5rem}.step-circle{border-width:2px;font-size:.875rem;height:36px;width:36px}.step.active .step-circle{transform:scale(1.05)}.step-label{font-size:.7rem}.step-line{height:2px;top:-18px}.forgot-title{font-size:1.5rem}.code-input input{font-size:1.5rem;letter-spacing:.3rem}.submit-button{font-size:1rem;padding:.875rem 1.5rem}}.camera-capture{animation:fadeIn .4s ease-out;margin:0 auto;max-width:800px;width:100%}.camera-container{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.camera-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.camera-title{color:var(--black);font-size:1.75rem;font-weight:700;margin:0}.camera-close{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.camera-close:hover{background:#e53e3e33;transform:scale(1.1)}.camera-close svg{color:#c53030;height:24px;width:24px}.camera-view{aspect-ratio:4/3;background:#000;border-radius:16px;overflow:hidden;position:relative;width:100%}.camera-video,.captured-image{height:100%;object-fit:cover;width:100%}.camera-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.face-guide{animation:pulse 2s ease-in-out infinite;border:3px dashed #c3c4facc;border-radius:50%;box-shadow:0 0 0 9999px #0000004d;height:350px;width:280px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.camera-error{align-items:center;background:#e53e3e1a;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:2rem;text-align:center;width:100%}.camera-error svg{color:#c53030;height:64px;width:64px}.camera-error p{color:#c53030;font-size:1rem;margin:0;max-width:400px}.retry-button{background:#fff3;border:1px solid #c530304d;border-radius:10px;color:#c53030;padding:.75rem 1.5rem}.retry-button:hover{background:#ffffff4d}.camera-loading{align-items:center;background:#c3c4fa1a;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;padding:2rem;width:100%}.loading-spinner{border:4px solid #c3c4fa4d;border-top:4px solid var(--lilac);height:50px;width:50px}.camera-loading p{color:var(--black);font-size:1rem;margin:0}.camera-instructions{background:#ffffff80;border-radius:8px;color:#4a5568;font-size:.95rem;margin:0;padding:.5rem;text-align:center}.camera-controls{flex-wrap:wrap;gap:1rem}.camera-button,.camera-controls{display:flex;justify-content:center}.camera-button{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;gap:.75rem;min-width:140px;padding:1rem 2rem;transition:all .3s ease}.camera-button svg{height:20px;width:20px}.camera-button.capture{min-width:180px;padding:1.25rem 2.5rem}.camera-button.capture svg{height:28px;width:28px}.camera-button:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-3px)}.camera-button:active{transform:translateY(-1px)}.camera-button.primary{color:#fff}.camera-button.secondary{border:1px solid #0003;color:var(--black)}@media (max-width:768px){.camera-container{padding:1.5rem}.camera-title{font-size:1.5rem}.face-guide{height:280px;width:220px}.camera-controls{flex-direction:column}.camera-button{width:100%}}@media (max-width:480px){.camera-container{padding:1rem}.camera-view{aspect-ratio:3/4}.face-guide{height:240px;width:180px}}body.dark-mode .camera-title,body.dark-mode .loading-container p{color:var(--text-primary)}body.dark-mode .camera-instructions{background:#1e1e3280;color:var(--text-secondary)}body.dark-mode .camera-error p{color:#ffb3b3}body.dark-mode .face-guide{border-color:#9b9cf599}.photo-upload{align-items:center;animation:fadeIn .4s ease-out;display:flex;justify-content:center;margin:0 auto;max-width:900px;min-height:85vh;width:100%}.upload-container{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;width:100%}.upload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.upload-title{color:var(--black);font-size:1.75rem;font-weight:700;margin:0}.upload-close{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.upload-close:hover{background:#e53e3e33;transform:scale(1.1)}.upload-close svg{color:#c53030;height:24px;width:24px}.upload-view{border-radius:16px;min-height:300px;overflow:hidden;position:relative;width:100%}.upload-dropzone{align-items:center;background:#ffffff14;border:3px dashed #08f6;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;min-height:300px;padding:2rem;transition:all .3s ease;width:79.5%}.upload-dropzone:hover{background:#ffffff1a;border-color:#0088ff80;transform:scale(1.01)}.upload-dropzone.dragging{background:#0088ff26;border-color:var(--blue);transform:scale(1.02)}.dropzone-icon{align-items:center;background:#08f3;border-radius:50%;display:flex;height:90px;justify-content:center;transition:all .3s ease;width:90px}.upload-dropzone.dragging .dropzone-icon,.upload-dropzone:hover .dropzone-icon{background:#0088ff40;transform:scale(1.1)}.dropzone-icon svg{color:var(--blue-dark);height:45px;width:45px}.dropzone-title{color:var(--black);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0;text-align:center}.dropzone-subtitle{color:#2d3748;font-size:1.125rem;font-weight:500;margin:0}.dropzone-hint{background:#fff6;border-radius:8px;color:#4a5568;font-size:.95rem;font-weight:500;margin:0;padding:.625rem 1.25rem}.upload-preview{background:#000;border-radius:16px;height:100%;min-height:300px;overflow:hidden;width:100%}.preview-image{height:100%;object-fit:contain;width:100%}.upload-error{align-items:center;background:#e53e3e1a;border:1px solid #e53e3e4d;border-radius:10px;display:flex;gap:.75rem;padding:1rem 1.5rem}.upload-error svg{color:#c53030;flex-shrink:0;height:24px;width:24px}.upload-error p{color:#c53030;font-size:.95rem;margin:0}.upload-info{align-items:center;background:#0088ff0d;border:1px solid #0088ff4d;border-radius:10px;display:flex;gap:1rem;padding:1rem 1.5rem}.upload-info svg{color:var(--blue);flex-shrink:0;height:32px;width:32px}.file-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.file-name{color:var(--black);font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#718096;font-size:.875rem;margin:0}.upload-controls{flex-wrap:wrap;gap:1rem}.upload-button,.upload-controls{display:flex;justify-content:center}.upload-button{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:1.0625rem;font-weight:600;gap:.75rem;min-width:180px;padding:1.125rem 2.25rem;transition:all .3s ease}.upload-button svg{height:20px;width:20px}.upload-button.browse{font-size:1.125rem;min-width:220px;padding:1.375rem 2.75rem}.upload-button:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-3px)}.upload-button:active{transform:translateY(-1px)}.upload-button.primary{color:#fff}.upload-button.primary.glass-lilac{background:linear-gradient(135deg,#a1a2e6,#8b8cf5);border:1px solid #8b8cf580;box-shadow:0 10px 28px #8b8cf573,0 2px 8px #00000014}.upload-button.primary.glass-lilac:hover{box-shadow:0 14px 32px #8b8cf58c,0 4px 12px #0000001f;filter:brightness(1.08);transform:translateY(-4px)}.upload-button.secondary{border:1px solid #0003;color:var(--black)}.upload-dropzone.disabled{cursor:not-allowed;opacity:.65;transform:none}.upload-button.disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.photo-upload{min-height:auto}.upload-container{padding:1.25rem}.upload-title{font-size:1.5rem}.upload-dropzone{gap:.875rem;min-height:260px;padding:1.75rem 1.25rem}.dropzone-icon{height:75px;width:75px}.dropzone-icon svg{height:38px;width:38px}.dropzone-title{font-size:1.4rem}.dropzone-subtitle{font-size:1rem}.upload-preview{min-height:260px}.upload-controls{flex-direction:column}.upload-button{width:100%}}@media (max-width:480px){.upload-container{padding:1rem}.upload-dropzone{gap:.75rem;min-height:240px;padding:1.5rem 1rem}.dropzone-icon{height:70px;width:70px}.dropzone-icon svg{height:35px;width:35px}.dropzone-title{font-size:1.25rem}.upload-preview{min-height:240px}}body.dark-mode .dropzone-title,body.dark-mode .upload-title{color:var(--text-primary)}body.dark-mode .dropzone-hint,body.dark-mode .dropzone-subtitle,body.dark-mode .file-name{color:var(--text-secondary)}body.dark-mode .upload-dropzone{background:#1e1e324d;border-color:#39f6}body.dark-mode .upload-dropzone:hover{background:#1e1e3266;border-color:#3399ff80}body.dark-mode .file-size{color:var(--text-secondary)}.emotion-analyzer{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:2rem;position:relative}.analyzer-container{align-items:center;animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;gap:2rem;max-width:1000px;width:100%}@keyframes logo-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.welcome-section{margin-bottom:1rem;text-align:center}.welcome-text{animation:fadeIn .8s ease-out .2s backwards;color:var(--black);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.username-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b8cf5,#ff9ec7);-webkit-background-clip:text;background-clip:text;font-weight:800}.analyzer-description{animation:fadeIn .8s ease-out .4s backwards;color:#4a5568;font-size:1rem;line-height:1.5;margin:0;max-width:600px;text-align:center}.analyzer-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:1rem;max-width:700px;width:100%}.option-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:1rem;min-height:240px;padding:2rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-card:hover{transform:translateY(-8px) scale(1.02)}.option-card:active{transform:translateY(-4px) scale(.98)}.option-icon{align-items:center;background:#ffffff4d;border-radius:18px;display:flex;height:70px;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:70px}.option-card:hover .option-icon{background:#ffffff80;transform:scale(1.1) rotate(5deg)}.option-icon svg{color:var(--black);height:36px;width:36px}.option-title{color:var(--black);font-size:1.35rem;font-weight:700;margin:0}.option-description{color:#4a5568;font-size:.95rem;line-height:1.4;margin:0}.loading-card{animation:fadeIn .4s ease-out;margin:0 auto;max-width:500px;padding:3rem 2rem;text-align:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.loading-spinner{border:5px solid #c3c4fa4d;border-top:5px solid var(--lilac)}.loading-content h2{color:var(--black);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.loading-content p{color:#4a5568;font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.analyzer-container{gap:1.5rem;padding:1rem}.logo-container,.logo-wrapper{height:120px;width:120px}.logo-container{margin-bottom:.5rem}.anima-logo{height:70px;width:70px}.circle-1,.circle-2,.circle-3{height:120px;width:120px}.welcome-text{font-size:1.75rem}.analyzer-description{font-size:.95rem}.analyzer-options{gap:1.25rem;grid-template-columns:1fr;max-width:400px}.option-card{min-height:200px;padding:1.75rem 1.25rem}.option-icon{height:60px;width:60px}.option-icon svg{height:30px;width:30px}.option-title{font-size:1.2rem}.option-description{font-size:.9rem}.loading-card{padding:2rem 1.5rem}.loading-spinner{border-width:4px;height:50px;width:50px}.loading-content h2{font-size:1.25rem}.loading-content p{font-size:.95rem}}@media (max-width:480px){.emotion-analyzer{padding:1rem}.logo-container,.logo-wrapper{height:100px;width:100px}.anima-logo{height:60px;width:60px}.circle-1,.circle-2,.circle-3{height:100px;width:100px}.welcome-text{font-size:1.5rem}.analyzer-description{font-size:.875rem}.analyzer-options{max-width:100%}.option-card{min-height:180px;padding:1.5rem 1rem}.loading-card{padding:2rem 1rem}.loading-spinner{height:45px;width:45px}.loading-content h2{font-size:1.125rem}}.logo-wrapper{margin-bottom:1rem;width:200px}.logo-container,.logo-wrapper{align-items:center;display:flex;height:140px;justify-content:center;position:relative}.logo-container{background:linear-gradient(135deg,rgba(81,83,136,.557),#b46a9086);border:2px solid #6b6db880;border-radius:50%;width:140px;z-index:2}.anima-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));height:150px;object-fit:contain;position:relative;width:150px;z-index:3}.background-circle{border-radius:50%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.circle-1{animation:wave-pulse 3s ease-in-out infinite;background:radial-gradient(circle,#c3c4fa00 40%,rgba(165,168,243,.411) 48%,rgba(189,190,236,.386) 52%,#c3c4fa00 60%)}.circle-1,.circle-2{height:230px;width:230px}.circle-2{animation:wave-pulse 3s ease-in-out .5s infinite;background:radial-gradient(circle,#ffd0e700 40%,rgba(243,144,190,.274) 48%,rgba(237,182,208,.336) 52%,#ffd0e700 60%)}.circle-3{animation:wave-pulse 3s ease-in-out 1s infinite;background:radial-gradient(circle,#08f0 40%,rgba(0,136,255,.162) 48%,rgba(70,169,255,.128) 52%,#08f0 60%);height:230px;width:230px}@keyframes wave-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}.logo-container{animation:container-glow 4s ease-in-out infinite}@keyframes container-glow{0%,to{box-shadow:0 0 40px #c3c4fa66,0 0 80px #c3c4fa33,0 4px 12px #00000026}33%{box-shadow:0 0 50px #ffd0e780,0 0 100px #ffd0e740,0 6px 16px #0000002e}66%{box-shadow:0 0 45px #0088ff73,0 0 90px #0088ff38,0 5px 14px #00000029}}.logo-wrapper .logo-container{position:relative;z-index:2}body.dark-mode .analyzer-description{color:#e2e8f0}body.dark-mode .option-description{color:#cbd5e1}body.dark-mode .option-title{color:#f7fafc}body.dark-mode .anima-logo{filter:brightness(2.5) contrast(1.3) saturate(.8);opacity:.95}body.dark-mode .logo-container{background:linear-gradient(135deg,#c3c4fa59,#ffd0e759);border:2px solid #fff6}body.dark-mode .analyzer-description{color:#f0f4f8}body.dark-mode .option-description{color:#e2e8f0}body.dark-mode .option-title{color:#fff}.spotify-info-message{align-items:center;animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#8b8cf51a,#ff9ec71a);border:1px solid #8b8cf54d;border-radius:12px;box-shadow:0 4px 12px #8b8cf51a;color:#4a5568;display:flex;gap:1rem;justify-content:space-between;max-width:700px;padding:1rem 1.5rem;width:100%}.spotify-info-message .message-content{align-items:center;display:flex;flex:1 1;gap:1rem}.spotify-info-message svg{color:#8b8cf5;flex-shrink:0;height:24px;width:24px}.spotify-info-message p{font-size:.95rem;line-height:1.5;margin:0}.spotify-info-message strong{color:#2d3748;font-weight:600}.connect-spotify-btn{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .3s ease;white-space:nowrap}.connect-spotify-btn:hover{background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 4px 12px #1db9544d;transform:translateY(-2px)}.connect-spotify-btn:active{transform:translateY(0)}body.dark-mode .spotify-info-message{background:linear-gradient(135deg,#8b8cf526,#ff9ec726);border-color:#8b8cf566;color:#e2e8f0}body.dark-mode .spotify-info-message strong{color:#fff}body.dark-mode .spotify-info-message svg{color:#a1a2e6}@media (max-width:600px){.spotify-info-message{align-items:stretch}.spotify-info-message,.spotify-info-message .message-content{flex-direction:column;text-align:center}.connect-spotify-btn{justify-content:center;width:100%}}.option-card.disabled{cursor:not-allowed;opacity:.6;pointer-events:none;position:relative}.option-card .disabled-overlay{align-items:center;background:#8b8cf5f2;border-radius:8px;bottom:1rem;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);white-space:nowrap}.option-card .disabled-overlay svg{color:#fff;height:16px;width:16px}body.dark-mode .option-card .disabled-overlay{background:#a1a2e6f2;color:#1a202c}.analyze-page{min-height:100vh;overflow-x:hidden;padding-top:0;position:relative}.analyze-page.gradient-bg{background:linear-gradient(135deg,#c3c4fa4d,#ffd0e74d 50%,#0088ff4d)}.analyze-page.gradient-bg:before{background:radial-gradient(circle at 20% 50%,#c3c4fa33 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffd0e733 0,#0000 50%),radial-gradient(circle at 40% 10%,#0088ff26 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.analyze-content{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}@media (min-width:969px){.analyze-page{padding-top:70px}}@media (max-width:768px){.analyze-content{padding:1.5rem 1rem}}@media (max-width:480px){.analyze-content{padding:1rem .5rem}}.about-page{overflow-x:hidden}.about-content,.about-page{min-height:100vh;position:relative}.about-content{align-items:center;display:flex;flex-direction:column;gap:3rem;padding:4rem 2rem;z-index:1}.about-hero{animation:fadeInUp .8s ease-out;max-width:800px;text-align:center}.about-title{color:var(--black);font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 20px #c3c4fa4d}.about-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac) 0,var(--pink) 100%);-webkit-background-clip:text;background-clip:text}.about-subtitle{color:#4a5568;font-size:1.5rem;line-height:1.6;margin:0}.about-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%}.about-section{padding:2.5rem;text-align:center;transition:all .3s ease}.about-section:hover{transform:translateY(-10px)}.section-icon{align-items:center;background:#fff3;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.section-icon svg{color:var(--black);height:40px;width:40px}.about-section h2{color:var(--black);font-size:1.75rem;font-weight:700;margin:0 0 1rem}.about-section p{color:#4a5568;font-size:1.125rem;line-height:1.7;margin:0}.about-values{max-width:1200px;padding:3rem;width:100%}.about-values h2{color:var(--black);font-size:2.5rem;font-weight:700;margin:0 0 2.5rem;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.value-item{text-align:center}.value-emoji{display:block;font-size:3rem;margin-bottom:1rem}.value-item h3{color:var(--black);font-size:1.25rem;font-weight:600;margin:.5rem 0}.value-item p{color:#4a5568;font-size:1rem;margin:0}@media (max-width:768px){.about-content{padding:3rem 1.5rem}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.25rem}.about-sections{grid-template-columns:1fr}}body.dark-mode .about-section h2,body.dark-mode .about-title,body.dark-mode .about-values h2,body.dark-mode .value-item h3{color:var(--text-primary)}body.dark-mode .about-section p,body.dark-mode .about-subtitle,body.dark-mode .value-item p{color:var(--text-secondary)}body.dark-mode .section-icon svg{color:var(--text-primary)}.contact-page{overflow-x:hidden}.contact-content,.contact-page{min-height:100vh;position:relative}.contact-content{align-items:center;display:flex;flex-direction:column;gap:3rem;padding:4rem 2rem;z-index:1}.contact-hero{animation:fadeInUp .8s ease-out;max-width:800px;text-align:center}.contact-title{color:var(--black);font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 20px #c3c4fa4d}.contact-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac) 0,var(--pink) 100%);-webkit-background-clip:text;background-clip:text}.contact-subtitle{color:#4a5568;font-size:1.5rem;line-height:1.6;margin:0}.contact-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr;max-width:1200px;width:100%}.contact-form-card{padding:2.5rem}.contact-form-card h2{color:var(--black);font-size:2rem;font-weight:700;margin:0 0 2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.textarea{font-family:inherit;resize:vertical}.submit-button{background:linear-gradient(135deg,#c3c4fab3,#8b8cf5b3);color:#fff;font-weight:600;margin-top:1rem;transition:all .3s ease}.submit-button:hover{background:linear-gradient(135deg,#c3c4fae6,#8b8cf5e6);transform:translateY(-2px)}.contact-info-cards{display:flex;flex-direction:column;gap:1.5rem}.info-card{padding:2rem;text-align:center;transition:all .3s ease}.info-card:hover{transform:translateY(-8px)}.info-icon{align-items:center;background:#fff3;border-radius:16px;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.info-icon svg{color:var(--black);height:30px;width:30px}.info-card h3{color:var(--black);font-size:1.25rem;font-weight:600;margin:.5rem 0}.info-card p{color:#4a5568;font-size:1rem;margin:0}@media (max-width:968px){.contact-container{grid-template-columns:1fr}.contact-info-cards{flex-direction:row;flex-wrap:wrap}.info-card{flex:1 1;min-width:200px}}@media (max-width:768px){.contact-content{padding:3rem 1.5rem}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.25rem}.contact-info-cards{flex-direction:column}}body.dark-mode .card-title,body.dark-mode .contact-title,body.dark-mode .info-card h3{color:var(--text-primary)}body.dark-mode .contact-subtitle,body.dark-mode .info-card p{color:var(--text-secondary)}body.dark-mode .form-label,body.dark-mode .textarea{color:var(--text-primary)}body.dark-mode .textarea{background:#ffffff0d;border-color:#9b9cf54d}.results-page{min-height:100vh;padding-top:0;position:relative}.results-content{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.results-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2.5rem}.results-header{flex:1 1;min-width:300px}.results-title{align-items:center;color:var(--black);font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 20px #c3c4fa4d}.results-subtitle{color:#4a5568;font-size:1.125rem;font-weight:500;margin:0}.action-button.new-analysis{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:14px;box-shadow:0 6px 20px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;text-shadow:0 2px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button.new-analysis:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-button.new-analysis:hover:before{left:100%}.action-button.new-analysis:hover{box-shadow:0 10px 30px #00000040;transform:translateY(-3px) scale(1.02)}.action-button.new-analysis svg{height:22px;transition:transform .3s ease;width:22px}.action-button.new-analysis:hover svg{transform:scale(1.15) rotate(-15deg)}.results-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.photo-section{display:flex;flex-direction:column;gap:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.photo-container{border:2px solid;overflow:hidden;padding:1.5rem;position:relative}.photo-container:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{to{left:100%}}.result-photo{border-radius:16px;box-shadow:0 12px 32px #00000040;transition:transform .3s ease;width:100%}.result-photo:hover{transform:scale(1.02)}.emotion-card{border:2px solid;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center}.emotion-card:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:300px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.emotion-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));font-size:5rem}.emotion-icon,.emotion-label{margin-bottom:1rem;position:relative;z-index:2}.emotion-label{color:var(--black);font-size:1.875rem;font-weight:700;text-shadow:0 2px 4px #0000001a}.confidence{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));font-size:3.75rem;font-weight:800;margin:.5rem 0;position:relative;z-index:2}.confidence-label{font-size:1rem;letter-spacing:1.5px;position:relative;z-index:2}.emotions-breakdown-card{border:2px solid;padding:2rem}.section-subtitle{font-size:1.5rem}.section-subtitle svg{height:24px;width:24px}.emotion-bar{gap:1rem}.emotion-name{font-size:.95rem;min-width:100px}.progress-container{border-radius:10px;height:12px}.progress-container:after{animation:progress-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-fill{border-radius:10px;box-shadow:0 2px 8px #0003}.emotion-value{font-size:1.05rem;font-weight:800;min-width:60px}.music-section{display:flex;flex-direction:column;gap:1.5rem}.playlist-header{flex-wrap:wrap}@media (max-width:768px){.playlist-header{align-items:stretch;flex-direction:column;gap:1rem}.save-playlist-btn{font-size:.9rem;justify-content:center;padding:.875rem 1.25rem;width:100%}}.music-header{margin-bottom:2rem}.section-title{align-items:center;color:var(--black);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem;text-align:left}.music-subtitle{color:#4a5568;font-size:1.05rem;font-weight:500;margin:0}.music-subtitle strong{color:var(--black);font-weight:700}.tracks-list{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.tracks-list{gap:.75rem;grid-template-columns:1fr;max-height:500px}.track-card{min-height:140px}.track-info{min-height:50px;padding:.625rem}.track-cover,.track-cover-placeholder{height:36px;width:36px}}@media (max-width:480px){.tracks-list{gap:.5rem;max-height:400px}.track-card{min-height:120px}.track-player,.track-player iframe{height:70px}.track-info{padding:.5rem}.track-name{font-size:.8rem;line-height:1.1}.track-artist{font-size:.7rem}}.track-info{padding:.875rem}.track-cover,.track-cover-placeholder{height:42px;width:42px}.track-name{font-size:.9rem}.track-artist{font-size:.8rem}body.dark-mode .track-card{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .track-card:hover{background:#ffffff14}.track-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff40;border-radius:14px;cursor:pointer;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.track-card:hover{background:#ffffff40;border-color:#00000026;box-shadow:0 8px 24px #0003;transform:translateX(8px) translateY(-2px)}.loading-state,.no-music{align-items:center;color:#4a5568;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 2rem;text-align:center}.loading-state p,.no-music p{color:var(--black);font-size:1.125rem;font-weight:500;margin:0}.no-music svg{color:#0000004d;height:60px;width:60px}.retry-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.retry-button svg{height:20px;width:20px}@media (min-width:969px){.results-page{padding-top:70px}}@media (max-width:968px){.results-header-section{align-items:stretch;flex-direction:column}.action-button.new-analysis{justify-content:center;width:100%}.results-grid{gap:2rem;grid-template-columns:1fr}.photo-section{position:static}.results-content{padding:1.5rem}.results-title{font-size:2rem}.playlist-header{align-items:stretch;flex-direction:column}.save-playlist-btn{width:100%}}@media (max-width:576px){.results-content{padding:1rem}.results-title{font-size:1.75rem}.emotion-card{padding:2rem 1.5rem}.emotion-icon{font-size:4rem}.confidence{font-size:3rem}.music-container{padding:1.5rem}.section-title{font-size:1.5rem}.track-card{gap:1rem;padding:1rem}.album-cover,.album-cover-placeholder{height:60px;width:60px}.action-button.new-analysis{font-size:1rem;padding:.875rem 1.5rem}.save-playlist-btn{font-size:.9rem;padding:.875rem 1.25rem}}body.dark-mode .music-subtitle{color:#cbd5e1}body.dark-mode .loading-state p,body.dark-mode .no-music p{color:#e2e8f0}.history-page{min-height:100vh;padding-top:0;position:relative}.history-content{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.history-header{margin-bottom:2.5rem}.history-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--black);font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 20px #c3c4fa4d}.history-subtitle{color:#4a5568;font-size:1.125rem;font-weight:500;margin:0 0 2rem}.emotion-filters{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #fff3;border-radius:12px;color:var(--black);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-btn:hover{background:#ffffff26;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.filter-btn.active{border-width:2px;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.filter-emoji{font-size:1.25rem}.history-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.history-grid{gap:1rem;grid-template-columns:1fr}.history-item{padding:1.5rem}.history-item-body{flex-direction:column;gap:1rem;text-align:center}.confidence-display{order:-1}}@media (max-width:576px){.history-item{padding:1.25rem}.history-item-header{align-items:flex-start;flex-direction:column;gap:.75rem}.emotion-badge{padding:.4rem .8rem}.badge-emoji{font-size:1.25rem}.badge-label{font-size:.9rem}}.history-item{border:2px solid;padding:1.75rem;transition:all .3s ease}.history-item:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-6px)}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.emotion-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:2px solid;border-radius:10px;display:inline-flex;gap:.5rem;padding:.5rem 1rem}.badge-emoji{font-size:1.5rem}.badge-label{color:var(--black);font-size:1rem;font-weight:700}.analysis-date{color:#4a5568;font-size:.9rem;font-weight:600}.history-item-body{align-items:center;display:flex;gap:2rem;margin-bottom:1.5rem}.confidence-display{align-items:center;display:flex;flex-direction:column;gap:.5rem}.confidence-circle{height:80px;position:relative;width:80px}.confidence-ring{height:80px;transform:rotate(-90deg);width:80px}.confidence-ring-bg{fill:none;stroke:#0000001a;stroke-width:6}.confidence-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .8s ease}.confidence-text{color:var(--black);font-size:1.25rem;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.confidence-label{font-size:.85rem;letter-spacing:.5px}.history-stats{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.stat-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem}.stat-item svg{color:var(--black);height:20px;width:20px}.stat-item span{color:var(--black);font-size:.95rem;font-weight:600}.view-details-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;text-shadow:0 1px 2px #0003;transition:all .3s ease;width:100%}.view-details-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.view-details-btn svg{height:18px;transition:transform .3s ease;width:18px}.view-details-btn:hover svg{transform:translateX(4px)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:4rem 2rem;text-align:center}.empty-state svg{color:#0003;height:80px;width:80px}.empty-state h3{color:var(--black);font-size:1.75rem;font-weight:700;margin:0}.empty-state p{color:#4a5568;font-size:1.125rem;margin:0;max-width:500px}@media (min-width:969px){.history-page{padding-top:70px}}@media (max-width:768px){.history-content{padding:1.5rem}.history-title{font-size:2rem}.emotion-filters{gap:.5rem}.filter-btn{font-size:.875rem;padding:.625rem 1rem}.history-grid{grid-template-columns:1fr}.history-item-body{flex-direction:column;gap:1rem}}@media (max-width:576px){.history-content{padding:1rem}.history-item{padding:1.25rem}.history-item-header{align-items:flex-start;flex-direction:column;gap:.75rem}}body.dark-mode .artist-name,body.dark-mode .history-subtitle{color:#cbd5e1}body.dark-mode .history-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c3c4fae6,#ffd0e7e6);-webkit-background-clip:text;background-clip:text;color:#fff;filter:brightness(1.4)}body.dark-mode .history-subtitle{color:#e2e8f0}body.dark-mode .analysis-date{color:#cbd5e1}body.dark-mode .badge-label{color:#fff}body.dark-mode .emotion-name{color:#f7fafc}body.dark-mode .confidence-label{color:#cbd5e1}.dashboard-page{min-height:100vh;padding-top:0;position:relative}.dashboard-content{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{margin-bottom:2.5rem}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--black);font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 20px #c3c4fa4d}.dashboard-subtitle{color:#4a5568;font-size:1.125rem;font-weight:500;margin:0}.dashboard-subtitle strong{color:var(--black);font-weight:700}.stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{border:2px solid #ffffff40;padding:2rem;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-6px)}.stat-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border-radius:16px;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.stat-icon svg{color:var(--black);height:30px;width:30px}.stat-value{color:var(--black);font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 8px #0000001a}.stat-label{color:#4a5568;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card-title{align-items:center;color:var(--black);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.card-title svg{color:var(--lilac-dark);height:24px;width:24px}.emotion-distribution-card{border:2px solid #ffffff40;padding:2rem}.emotion-bars{gap:1.25rem}.emotion-bar-item,.emotion-bars{display:flex;flex-direction:column}.emotion-bar-item{gap:.5rem}.emotion-bar-header{align-items:center;display:flex;justify-content:space-between}.emotion-bar-label{align-items:center;display:flex;gap:.5rem}.emotion-bar-emoji{font-size:1.5rem}.emotion-bar-name{color:var(--black);font-size:1rem;font-weight:600}.emotion-bar-count{color:var(--black);font-size:1.125rem;font-weight:800}.emotion-bar-container{background:#0000000d;border-radius:12px;height:40px;overflow:hidden;position:relative}.emotion-bar-fill{align-items:center;border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;height:100%;justify-content:flex-end;padding-right:1rem;transition:width .8s cubic-bezier(.4,0,.2,1)}.bar-percentage{color:#fff;font-size:.9rem;font-weight:700;text-shadow:0 1px 2px #0003}.weekly-activity-card{border:2px solid #ffffff40;display:flex;flex-direction:column;padding:2rem}.weekly-chart{align-items:flex-end;display:flex;gap:.75rem;height:200px;justify-content:space-between;margin-top:auto;padding:1rem 0}.day-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.75rem;height:100%;justify-content:flex-end}.day-bar{align-items:flex-start;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);border-radius:8px 8px 0 0;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;justify-content:center;max-width:60px;padding-top:.5rem;position:relative;transition:all .3s ease;width:100%}.day-bar:hover{box-shadow:0 8px 20px #0003;transform:translateY(-4px)}.bar-value{color:#fff;font-size:1rem;font-weight:800;text-shadow:0 1px 2px #0003}.day-label{color:#4a5568;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hourly-analysis-card{border:2px solid #ffffff40;display:flex;flex-direction:column;padding:2rem}.hourly-chart{align-items:flex-end;display:flex;gap:.25rem;height:180px;justify-content:space-between;margin-top:auto;overflow-x:auto;padding:1rem 0}.hour-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;height:100%;justify-content:flex-end;min-width:25px}.hour-bar{align-items:flex-start;background:linear-gradient(135deg,var(--blue) 0,var(--lilac-dark) 100%);border-radius:4px 4px 0 0;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;justify-content:center;max-width:25px;min-height:5px;padding-top:.25rem;position:relative;transition:all .3s ease;width:100%}.hour-bar:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.hour-label{color:#4a5568;font-size:.65rem;font-weight:500;text-align:center;transform:rotate(-45deg);white-space:nowrap}.positive-negative-card{border:2px solid #ffffff40;padding:2rem}.balance-chart{align-items:center;display:flex;gap:2rem;justify-content:center;margin:2rem 0}.balance-item{gap:1rem}.balance-circle,.balance-item{align-items:center;display:flex;flex-direction:column}.balance-circle{border-radius:50%;box-shadow:0 8px 24px #00000026;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.balance-circle:hover{box-shadow:0 12px 32px #0003;transform:scale(1.05)}.positive-circle{background:linear-gradient(135deg,#10b981,#34d399)}.negative-circle{background:linear-gradient(135deg,#ef4444,#f87171)}.balance-count{color:#fff;font-size:2.5rem;font-weight:800;text-shadow:0 2px 8px #0003}.balance-label{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 1px 4px #0003}.balance-vs{color:var(--black);font-size:1.5rem;font-weight:700;opacity:.6}.balance-summary{background:#ffffff1a;border-radius:12px;margin-top:1rem;padding:1rem;text-align:center}.balance-percentage{color:var(--black);font-size:1.25rem;font-weight:700}.weekly-emotions-card{border:2px solid #ffffff40;grid-column:span 2;padding:2rem}.weekly-emotions-chart{display:flex;flex-direction:column;gap:1rem;height:300px;overflow-y:auto}.week-row{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.week-row:hover{background:#ffffff1a;transform:translateX(4px)}.week-label{color:var(--black);font-size:.9rem;font-weight:600;min-width:120px}.week-emotions{align-items:center;display:flex;flex:1 1;gap:.5rem}.emotion-dot{border-radius:50%;height:12px;position:relative;transition:all .3s ease;width:12px}.emotion-dot:hover{transform:scale(1.5)}.emotion-tooltip{background:#000c;border-radius:4px;bottom:20px;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:10}.emotion-dot:hover .emotion-tooltip{opacity:1}@media (min-width:969px){.dashboard-page{padding-top:70px}}@media (max-width:968px){.dashboard-content{padding:1.5rem}.dashboard-title{font-size:2rem}.stats-overview{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1.5rem}.dashboard-grid{grid-template-columns:1fr}.weekly-emotions-card{grid-column:span 1}.balance-chart{flex-direction:column;gap:1rem}.balance-circle{height:100px;width:100px}.balance-count{font-size:2rem}}@media (max-width:576px){.dashboard-content{padding:1rem}.stats-overview{grid-template-columns:1fr}.emotion-distribution-card,.hourly-analysis-card,.positive-negative-card,.weekly-activity-card,.weekly-emotions-card{padding:1.5rem}.weekly-chart{height:150px}.day-bar{max-width:40px}.bar-value{font-size:.875rem}.hourly-chart{height:120px}.hour-bar{max-width:20px}.hour-label{font-size:.6rem}}body.dark-mode .dashboard-subtitle,body.dark-mode .day-label,body.dark-mode .hour-label,body.dark-mode .stat-label{color:#cbd5e1}body.dark-mode .week-label{color:#fff}.recommendations-page{min-height:100vh;padding-top:0;position:relative}.recommendations-content{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1400px;padding:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recommendations-header{margin-bottom:2.5rem}.recommendations-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--black);font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 20px #c3c4fa4d}.recommendations-subtitle{color:#4a5568;font-size:1.125rem;font-weight:500;margin:0}.emotions-selector{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2.5rem}.emotion-option{border:2px solid #fff3;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.emotion-option:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.emotion-option:hover:before{left:100%}.emotion-option:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.emotion-option.selected{box-shadow:0 12px 32px #0003;transform:translateY(-8px)}.emotion-option-emoji{font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.emotion-option:hover .emotion-option-emoji{transform:scale(1.15)}.emotion-option-label{color:var(--black);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.emotion-option-desc{color:#4a5568;font-size:.9rem;font-weight:500}.current-recommendations{border:2px solid;padding:2.5rem}.recommendations-info{margin-bottom:2.5rem}.info-header{flex-wrap:wrap;gap:2rem;justify-content:space-between}.info-emotion,.info-header{align-items:center;display:flex}.info-emotion{gap:1.5rem}.info-emoji{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));font-size:4rem}.info-title{color:var(--black);font-size:2rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 8px #0000001a}.info-description{color:#4a5568;font-size:1.05rem;font-weight:500;margin:0}.refresh-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid;border-radius:12px;box-shadow:0 4px 16px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-shadow:0 1px 2px #0003;transition:all .3s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.7}.refresh-btn svg{height:20px;transition:transform .3s ease;width:20px}.refresh-btn:hover:not(:disabled) svg{transform:rotate(180deg)}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.tracks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.track-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff26;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1rem;transition:all .3s ease}@media (max-width:968px){.tracks-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.track-item{gap:.75rem;max-height:200px;max-width:110px;padding:.75rem}}@media (max-width:576px){.tracks-grid{gap:.75rem;grid-template-columns:1fr 1fr}.track-item{gap:.5rem;padding:.5rem}.track-details{gap:.125rem}.track-title{font-size:.85rem;line-height:1.2}.track-artist{font-size:.75rem}.spotify-link-btn{font-size:.7rem!important;padding:1px 6px!important}}@media (max-width:400px){.tracks-grid{gap:.5rem;grid-template-columns:1fr}.track-item{padding:.75rem}}.track-item:hover{background:#ffffff26;box-shadow:0 8px 24px #00000026;transform:translateY(-6px)}.track-cover-container{aspect-ratio:1;background:#0000001a;border-radius:10px;box-shadow:0 4px 16px #0003;overflow:hidden;position:relative;width:100%}.track-cover{display:block;object-position:center}.track-cover,.track-cover-placeholder{border-radius:0;height:100%;width:100%}.track-cover-placeholder svg{color:#0000004d;height:60px;width:60px}.track-play-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.track-item:hover .track-play-overlay{opacity:1}.track-play-overlay svg{color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:60px;transform:scale(.8);transition:transform .3s ease;width:60px}.track-item:hover .track-play-overlay svg{transform:scale(1)}.track-details{display:flex;flex-direction:column;gap:.25rem}.track-title{color:var(--black);font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0000001a;white-space:nowrap}.track-artist{font-size:.875rem}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:4rem 2rem}.loading-spinner{border:5px solid #0000001a}.loading-state p{color:#4a5568;font-size:1.125rem;font-weight:500}.no-recommendations{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:4rem 2rem;text-align:center}.no-recommendations svg{color:#0003;height:80px;width:80px}.no-recommendations p{color:#4a5568;font-size:1.125rem;font-weight:500}@media (min-width:969px){.recommendations-page{padding-top:70px}}@media (max-width:968px){.recommendations-content{padding:1.5rem}.recommendations-title{font-size:2rem}.emotions-selector{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.emotion-option{padding:1.5rem 1rem}.emotion-option-emoji{font-size:2.5rem}.current-recommendations{padding:2rem}.info-header{align-items:flex-start;flex-direction:column}.info-emoji{font-size:3rem}.info-title{font-size:1.5rem}.refresh-btn{justify-content:center;width:100%}.tracks-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:576px){.recommendations-content{padding:1rem}.emotions-selector{grid-template-columns:1fr}.current-recommendations{padding:1.5rem}.info-emotion{flex-direction:column;text-align:center}.tracks-grid{grid-template-columns:1fr 1fr}}body.dark-mode .emotion-option-desc,body.dark-mode .info-description,body.dark-mode .recommendations-subtitle{color:#cbd5e1}body.dark-mode .loading-state p{color:#e2e8f0}.analysis-detail-page{min-height:100vh;padding-top:0;position:relative}.detail-content{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2.5rem}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #fff3;border-radius:12px;color:var(--black);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#ffffff26;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.back-button svg{height:18px;width:18px}.detail-title-section{flex:1 1;text-align:right}.detail-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lilac-dark) 0,var(--pink-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--black);font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 20px #c3c4fa4d}.detail-subtitle{color:#4a5568;font-size:1.125rem;font-weight:500;margin:0}.detail-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:350px 1fr}.analysis-info-section{display:flex;flex-direction:column;gap:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.emotion-summary-card{padding:2.5rem 2rem;text-align:center}.emotion-summary-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.emotion-icon-large{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));font-size:4rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.emotion-details{align-items:center;display:flex;flex-direction:column;gap:.5rem}.emotion-name{font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.confidence-score{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));font-size:3rem;font-weight:800;margin:.5rem 0}.confidence-label{color:#4a5568;font-size:.9rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.emotions-breakdown-detail{padding:2rem}.section-subtitle{align-items:center;color:var(--black);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.section-subtitle svg{height:20px;width:20px}.emotions-breakdown{display:flex;flex-direction:column;gap:1rem}.emotion-bar{align-items:center;display:flex;gap:.75rem}.emotion-name{color:var(--black);font-size:.9rem;font-weight:600;min-width:80px}.progress-container{background:#0000001a;border:1px solid #0000001a;border-radius:8px;flex:1 1;height:10px;overflow:hidden;position:relative}.progress-fill{border-radius:8px;box-shadow:0 2px 6px #00000026;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.emotion-value{font-size:.9rem;font-weight:700;min-width:50px;text-align:right}.playlist-section{display:flex;flex-direction:column}.playlist-card{min-height:600px;padding:2rem}.music-container{border:2px solid;min-height:500px;overflow:hidden;padding:1.5rem;position:relative}.playlist-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.playlist-title-section{flex:1 1}.playlist-title{align-items:center;color:var(--black);display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.playlist-subtitle{color:#4a5568;font-size:1rem;font-weight:500;margin:0}.playlist-subtitle strong{color:var(--black);font-weight:700}.save-playlist-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:12px;box-shadow:0 6px 20px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.75rem;justify-content:center;min-width:200px;overflow:hidden;padding:1rem 1.75rem;position:relative;text-decoration:none;text-shadow:0 2px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.save-playlist-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.save-playlist-btn:hover:before{left:100%}.save-playlist-btn:hover:not(:disabled){box-shadow:0 10px 30px #00000040;transform:translateY(-3px) scale(1.02)}.save-playlist-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.save-playlist-btn.saved{background:linear-gradient(135deg,#10b981,#059669)!important}.save-playlist-btn svg{height:20px;transition:transform .3s ease;width:20px}.save-playlist-btn:hover:not(:disabled) svg{transform:scale(1.15)}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.tracks-list{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;max-height:650px;overflow-y:auto;padding:0}.track-card{background:#ffffff14;border:2px solid #ffffff26;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin:0}.track-info{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;min-height:60px;padding:.75rem}.track-cover{object-fit:cover}.track-cover,.track-cover-placeholder{border-radius:6px;flex-shrink:0;height:40px;width:40px}.track-cover-placeholder{align-items:center;background:linear-gradient(135deg,#0000001a,#0000000d);display:flex;justify-content:center}.track-cover-placeholder svg{color:#0006;height:20px;width:20px}.track-details{flex:1 1;min-width:0}.track-name{color:var(--black);font-size:.85rem;font-weight:700;line-height:1.2;margin:0 0 .2rem}.track-artist,.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#4a5568;font-size:.75rem;font-weight:500;margin:0}.track-player,.track-player iframe{border:none;height:80px;margin:0;padding:0;width:100%}@media (max-width:768px){.tracks-list{gap:.75rem;grid-template-columns:1fr}.track-info{min-height:50px;padding:.625rem}.track-cover,.track-cover-placeholder{height:36px;width:36px}}@media (max-width:480px){.tracks-list{gap:.5rem}.track-player,.track-player iframe{height:70px}}body.dark-mode .track-name{color:#fff}body.dark-mode .track-artist{color:#cbd5e1}.tracks-list::-webkit-scrollbar{width:8px}.tracks-list::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.tracks-list::-webkit-scrollbar-thumb{background:#0003;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.tracks-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.track-card{align-items:center;background:#ffffff05;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;overflow:hidden;padding:0;transition:all .3s ease}.track-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.track-card iframe{border-radius:8px;height:140px;width:100%}.no-tracks{align-items:center;color:#4a5568;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 2rem;text-align:center}.no-tracks svg{color:#0000004d;height:60px;width:60px}.no-tracks p{color:var(--black);font-size:1.125rem;font-weight:500;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #c3c4fa33;border-radius:50%;border-top:5px solid var(--lilac-dark);height:60px;width:60px}.loading-container p{color:#4a5568;font-size:1.125rem;font-weight:500;margin:0}.error-container{align-items:center;color:#4a5568;display:flex;flex-direction:column;gap:2rem;padding:4rem 2rem;text-align:center}.error-container h2{color:var(--black);font-size:1.75rem;margin:0}.error-container button{background:linear-gradient(135deg,#a1a2e6,#8b8cf5);border:2px solid #a1a2e64d;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.error-container button:hover{box-shadow:0 6px 20px #a1a2e64d;transform:translateY(-2px)}@media (min-width:969px){.analysis-detail-page{padding-top:70px}}@media (max-width:1024px){.detail-grid{gap:2rem;grid-template-columns:1fr}.analysis-info-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));position:static}.playlist-header{align-items:stretch;flex-direction:column}.save-playlist-btn{width:100%}.tracks-list{grid-template-columns:1fr}.track-card iframe{height:120px}}@media (max-width:768px){.detail-content{padding:1.5rem}.detail-header{align-items:stretch;flex-direction:column}.detail-header,.detail-title-section{text-align:center}.detail-title{font-size:2rem}.emotion-summary-card{padding:2rem 1.5rem}.emotion-icon-large{font-size:3.5rem}.confidence-score{font-size:2.5rem}.playlist-card{padding:1.5rem}.playlist-title{font-size:1.5rem}}@media (max-width:480px){.detail-content{padding:1rem}.analysis-info-section{grid-template-columns:1fr}.emotion-bar{gap:.5rem}.emotion-name{font-size:.85rem;min-width:70px}.emotion-value{font-size:.85rem;min-width:45px}.save-playlist-btn{font-size:.9rem;padding:.875rem 1.25rem}}body.dark-mode .detail-subtitle,body.dark-mode .playlist-subtitle{color:#cbd5e1}body.dark-mode .playlist-subtitle strong{color:#fff}body.dark-mode .loading-container p,body.dark-mode .no-tracks p{color:#e2e8f0}body.dark-mode .emotion-name{color:#fff}
/*# sourceMappingURL=main.0cf112ac.css.map*/