*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes glow{0%,to{box-shadow:0 0 20px #fbbf2480,0 0 40px #fbbf244d}50%{box-shadow:0 0 30px #fbbf24cc,0 0 60px #fbbf2480}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}.app-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a2e,#0a0a0a);padding:2rem}.logo-header{text-align:center;margin-bottom:1.5rem}.logo-main{height:80px;opacity:.9;filter:drop-shadow(0 4px 20px rgba(147,51,234,.3));transition:all .3s ease}.logo-main:hover{opacity:1;filter:drop-shadow(0 4px 24px rgba(147,51,234,.5))}.card{max-width:800px;margin:0 auto;background:linear-gradient(145deg,#141414,#0a0a0a);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 4px 6px #0000004d,0 20px 40px #0006,inset 0 1px #ffffff0d;overflow:hidden}.header-v2{padding:1.25rem 1.5rem 1rem;background:linear-gradient(180deg,rgba(147,51,234,.08) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06)}.status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-left{display:flex;align-items:center}.status-right{display:flex;align-items:center;gap:1rem}.player-status{display:flex;align-items:center;gap:.75rem}.player-icon{font-size:1.5rem}.player-level{font-size:1.75rem;font-weight:900;color:#fbbf24;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 20px rgba(251,191,36,.5),0 0 40px rgba(251,191,36,.3)}.player-divider{color:#fbbf2466;font-weight:300;font-size:2rem}.player-rank{font-size:1.375rem;font-weight:700;color:#fff;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.3)}.current-date-v2{font-size:.9375rem;font-weight:500;color:#ffffff80;letter-spacing:-.01em}.btn-logout-minimal{background:transparent;border:1px solid rgba(255,255,255,.08);color:#ffffff59;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-logout-minimal:hover{background:#ef44441a;border-color:#ef444433;color:#f87171}.btn-join-minimal{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:#fbbf24;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-join-minimal:hover{background:#fbbf2426;border-color:#fbbf2459;transform:translateY(-1px)}.rank-progress{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}.rank-progress-bar{flex:1;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.rank-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px;transition:width .4s ease;animation:progressPulse 3s ease-in-out infinite}.rank-progress-text{font-size:.75rem;font-weight:500;color:#fff6;white-space:nowrap;min-width:fit-content}.nav-tabs{display:flex;gap:.375rem;background:#0000004d;padding:.375rem;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.nav-tab{flex:1;padding:.625rem .875rem;background:transparent;border:none;border-radius:7px;color:#ffffff80;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-tab:hover{color:#fffc;background:#ffffff0a}.nav-tab-active{background:#fbbf241f;color:#fbbf24;box-shadow:0 2px 8px #fbbf2426}.nav-tab-active:hover{background:#fbbf2426;color:#fbbf24}.content{padding:1.5rem}.score-card{margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#0006,#9333ea14);border:1px solid rgba(255,255,255,.06);border-radius:12px}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.score-label{font-size:1.125rem;font-weight:600;color:#ffffffb3}.score-value{font-size:2.5rem;font-weight:700;color:#fbbf24;letter-spacing:-.03em}.score-value-default{color:#ffffffe6}.progress-bar{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.progress-winning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.progress-default{background:linear-gradient(90deg,#a855f7,#7c3aed)}.countdown-timer{position:relative;display:flex;align-items:center;justify-content:center;padding:.75rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.countdown-progress{position:absolute;left:0;top:0;height:100%;background:#ef444426;transition:width 1s linear;z-index:0}.countdown-content{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;z-index:1}.countdown-icon{font-size:1rem}.countdown-text{font-size:1rem;font-weight:700;color:#f87171;font-variant-numeric:tabular-nums}.countdown-label{font-size:.8125rem;color:#ffffff80}.status-badge{text-align:center;padding:.75rem 1rem;border-radius:8px;background:#0006;border:1px solid rgba(147,51,234,.3)}.status-emoji{font-size:1.5rem;margin-right:.5rem}.status-text{font-size:1.125rem;font-weight:700}.status-info{font-size:.875rem;color:#9ca3af}.task-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.5rem}.task-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.task-item:hover{background:#ffffff0a;border-color:#fbbf2433;transform:translate(4px)}.task-completed{background:#fbbf2414;border-color:#fbbf2440}.task-left{display:flex;align-items:center;gap:.875rem}.task-name{font-weight:500;color:#ffffffd9;display:flex;align-items:center;gap:.5rem}.task-completed .task-name{color:#fbbf24;text-decoration:line-through;text-decoration-color:#fbbf2466}.task-points{font-weight:600;color:#ffffff80;font-size:.9375rem}.task-completed .task-points{color:#fbbf24}.actions{display:flex;flex-direction:column;gap:.75rem}.btn-primary{width:100%;padding:.875rem;border:none;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #fbbf2440}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2459}.btn-primary:active{transform:translateY(0)}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-secondary{padding:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffb3;border-radius:10px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26;color:#ffffffe6}.btn-reset{width:100%;padding:.625rem;border:1px solid rgba(255,255,255,.06);background:transparent;color:#fff6;border-radius:8px;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.btn-reset:hover{color:#fff9;background:#ffffff08}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;max-width:28rem;width:100%;animation:slideUp .3s ease-out forwards;box-shadow:0 25px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title{font-size:1.5rem;font-weight:700;color:#fbbf24}.btn-close{background:none;border:none;color:#fff6;cursor:pointer;transition:all .2s ease;padding:.25rem}.btn-close:hover{color:#fff;transform:scale(1.1)}.modal-desc{color:#fff9;margin-bottom:1rem;font-size:.9375rem}.input{width:100%;padding:.75rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;margin-bottom:.75rem;font-size:16px;transition:all .2s ease}.input:focus{outline:none;border-color:#fbbf24;background:#ffffff0f;box-shadow:0 0 0 3px #fbbf241a}.input::placeholder{color:#ffffff4d}.setup-card{max-width:42rem;margin:0 auto;background:linear-gradient(145deg,#141414,#0a0a0a);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 20px 40px #0006;padding:2rem;animation:slideUp .5s ease-out forwards;position:relative}.setup-header{position:relative}.setup-title{font-size:1.75rem;font-weight:700;color:#ffffffe6;margin-bottom:.75rem;text-align:center;letter-spacing:-.02em}.setup-desc{color:#ffffff80;margin-bottom:1.5rem;text-align:center}.info-box{margin-bottom:1.5rem;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-row:last-child{margin-bottom:0}.info-label{font-size:.875rem;font-weight:500;color:#fff9}.info-value{font-size:1.125rem;font-weight:700;color:#fbbf24}.info-text{font-size:.75rem;color:#fff6;margin-top:.75rem}.task-input-group{margin-bottom:1rem}.task-input-row{display:flex;gap:.5rem}.priority-btn{flex:1;padding:.625rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff08;color:#fff9;transition:all .2s ease}.priority-btn:hover{background:#ffffff0f;border-color:#ffffff26}.priority-btn-active{background:#fbbf24;border-color:#fbbf24;color:#000}.priority-btn-active:hover{background:#fcd34d}.btn-add{padding:.625rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed59}.setup-task-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.setup-task-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.setup-task-item:hover{border-color:#fbbf2433;background:#ffffff08}.move-buttons{display:flex;flex-direction:column;gap:.125rem}.btn-move{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:.25rem;transition:all .2s ease}.btn-move:hover:not(:disabled){color:#fbbf24}.btn-move:disabled{opacity:.2;cursor:not-allowed}.task-info{flex:1;display:flex;align-items:center;gap:.5rem}.task-name-text{color:#ffffffd9;cursor:pointer}.task-name-text:hover{color:#fbbf24}.task-points-text{font-weight:600;color:#ffffff80}.btn-delete{background:none;border:none;color:#ef444499;cursor:pointer;transition:all .2s ease;padding:.25rem}.btn-delete:hover{color:#ef4444}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,#9333ea1a,#0003);border:1px solid rgba(255,255,255,.06);padding:1.5rem;border-radius:12px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:#fbbf2433;box-shadow:0 10px 30px #0003}.stat-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.stat-card-title{color:#ffffffb3;font-weight:500}.stat-card-value{font-size:2.5rem;font-weight:700;color:#fbbf24;letter-spacing:-.03em}.stat-card-label{font-size:.875rem;color:#fff6}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:10px;background:#ffffff05;border-left:3px solid rgba(255,255,255,.1);transition:all .2s ease}.history-item:hover{transform:translate(4px);background:#ffffff08}.history-item-win{background:#fbbf240f;border-left-color:#fbbf24}.history-left{display:flex;align-items:center;gap:.75rem}.history-date{font-weight:500;color:#fffc}.history-right{display:flex;align-items:center;gap:.75rem}.history-score{font-weight:600;color:#ffffff80}.history-item-win .history-score{color:#fbbf24}.history-check{color:#fbbf24;font-weight:700}.empty-state{text-align:center;color:#ffffff4d;padding:3rem}.leaderboard-header{display:flex;gap:.5rem;margin-bottom:1rem}.leaderboard-tab{padding:.625rem 1.25rem;background:#ffffff0a;color:#fff9;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.leaderboard-tab:hover{background:#ffffff0f;color:#fffc}.leaderboard-tab-active{background:#7c3aed33;border-color:#7c3aed4d;color:#a78bfa}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;animation:slideUp .4s ease-out forwards;transition:all .2s ease}.leaderboard-item:hover{transform:translate(4px);border-color:#fbbf2433;background:#ffffff08}.leaderboard-left{display:flex;align-items:center;gap:1rem}.leaderboard-rank{font-size:1.125rem;font-weight:700;color:#fff6;min-width:2.5rem}.leaderboard-top{color:#fbbf24}.leaderboard-info{display:flex;flex-direction:column;gap:.125rem}.leaderboard-name{font-weight:600;color:#ffffffe6}.leaderboard-title{font-size:.8125rem;color:#a78bfa}.leaderboard-level{font-weight:700;color:#fbbf24;font-size:1rem}.levels-breakdown{padding:.5rem}.levels-title{font-size:1.375rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.levels-subtitle{color:#ffffff80;margin-bottom:1.5rem;font-size:.9375rem}.levels-list{display:flex;flex-direction:column;gap:.5rem}.level-item{display:flex;align-items:center;padding:.875rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.level-item:hover{transform:translate(4px);border-color:#fbbf2426}.level-item-current{background:#fbbf2414;border-color:#fbbf2440}.level-left{min-width:100px;flex-shrink:0}.level-range{display:flex;align-items:center;gap:.25rem}.level-number{font-weight:700;color:#fbbf24;font-size:.875rem}.level-separator{color:#ffffff4d;font-size:.75rem}.level-center{flex:1;display:flex;align-items:center;gap:.75rem;margin-left:1rem}.level-title-text{font-weight:600;color:#ffffffe6;font-size:.9375rem}.level-chat{font-size:.875rem;font-weight:600;padding:.25rem .625rem;background:#0000004d;border-radius:4px}.level-right{display:flex;align-items:center;gap:.5rem}.level-badge-current{padding:.25rem .625rem;background:#fbbf24;color:#000;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.level-badge-locked{padding:.25rem .625rem;background:#ffffff0f;color:#fff6;border-radius:6px;font-size:.6875rem}.level-badge-unlocked{color:#22c55e;font-size:.875rem}.auth-card{max-width:400px;margin:0 auto;margin-top:3rem;background:linear-gradient(145deg,#141414,#0a0a0a);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 20px 40px #0006;padding:2rem;text-align:center;animation:slideUp .5s ease-out forwards}.setup-main-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center}.auth-subtitle{color:#fff9;margin-bottom:1.5rem;font-size:1rem}.auth-email{color:#fbbf24;font-weight:600;margin-bottom:1rem}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-code-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;font-weight:700}.auth-code-input::placeholder{font-size:1.125rem;letter-spacing:.1rem;font-weight:400}.auth-error{color:#f87171;font-size:.875rem;margin:0}.auth-hint{color:#ffffff80;font-size:.8125rem;margin-bottom:1rem}.btn-google{width:100%;margin-top:1rem;padding:.875rem;background:#fff;color:#000;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .2s ease}.btn-google:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.btn-logout{position:absolute;top:1rem;right:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff6;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-logout:hover{background:#ef44441a;border-color:#ef444433;color:#f87171}.how-it-works{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem;text-align:center}.how-it-works-title{color:#fbbf24;font-weight:600;margin-bottom:.5rem}.how-it-works-text{color:#fff9;font-size:.875rem;line-height:1.6}.login-tagline{margin-top:2rem;text-align:center}.login-tagline-title{color:#fbbf24;font-size:1.225rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.login-tagline-text{color:#ffffff80;font-size:.875rem;line-height:1.6}.app-footer{text-align:center;padding:2rem}.app-footer-credit{color:#ffffff4d;font-size:.8125rem}.status-badge.text-orange-400,.status-badge.text-green-400,.status-badge.text-yellow-400,.status-badge.text-orange-300,.status-badge.text-red-400,.status-badge .status-text{color:#fff!important}.task-item-wrapper{display:flex;flex-direction:column}.setup-task-item-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.task-right{display:flex;align-items:center;gap:.75rem}.task-note-btn{background:transparent;border:none;cursor:pointer;font-size:.875rem;opacity:.6;transition:all .2s ease;padding:.25rem}.task-note-btn:hover{opacity:1}.task-note-btn.has-note{opacity:.9}.task-note-view{padding:.75rem 1rem .75rem 3.5rem;background:#fbbf240d;border:1px solid rgba(251,191,36,.1);border-top:none;border-radius:0 0 10px 10px;animation:slideUp .2s ease-out}.task-note-view p{margin:0;color:#fff9;font-size:.875rem;font-style:italic}.setup-note-area{padding-left:2.5rem}.setup-note-input{width:100%;padding:.5rem .75rem;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffffb3;font-size:.8125rem;transition:all .2s ease}.setup-note-input:focus{outline:none;border-color:#fbbf244d;background:#0000004d}.setup-note-input::placeholder{color:#ffffff4d}.how-it-works-accordion{margin-bottom:1.5rem;border-radius:10px;overflow:hidden}.how-it-works-toggle{width:100%;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#fbbf24;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.how-it-works-toggle:hover{background:#ffffff0d;border-color:#fbbf2433}.how-it-works-toggle span{display:flex;align-items:center;gap:.5rem}.how-it-works-content{padding:1rem 1.25rem;background:#0003;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 10px 10px;animation:slideUp .2s ease-out}.how-it-works-content p{margin:0;color:#fff9;font-size:.875rem;line-height:1.6}.setup-stats-row{display:flex;justify-content:space-around;padding:1rem 0;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.setup-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.setup-stat-value{font-size:1.5rem;font-weight:700;color:#fbbf24}.setup-stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.setup-add-section{margin-bottom:1.5rem}.setup-add-row{display:flex;gap:.5rem;margin-top:.5rem}.setup-priority-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.setup-priority-toggle:hover{background:#ffffff0d;border-color:#ffffff26}.setup-priority-active{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.setup-move-btns{display:flex;flex-direction:column;gap:2px;margin-right:.5rem}.setup-move-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:2px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.setup-move-btn:hover:not(:disabled){color:#fbbf24}.setup-move-btn:disabled{opacity:.2;cursor:not-allowed}.setup-edit-input{background:#0000004d;border:1px solid rgba(251,191,36,.3);border-radius:6px;color:#fff;padding:.25rem .5rem;font-size:.9375rem;width:180px}.setup-edit-input:focus{outline:none;border-color:#fbbf24}.setup-delete-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:.25rem;transition:all .2s ease;display:flex;align-items:center}.setup-delete-btn:hover{color:#ef4444}.task-note-edit{padding:.5rem 1rem .75rem 2.5rem;background:#fbbf240d;border:1px solid rgba(251,191,36,.1);border-top:none;border-radius:0 0 10px 10px;animation:slideUp .2s ease-out}.task-note-edit .setup-note-input{width:100%;padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffc;font-size:.875rem}.task-note-edit .setup-note-input:focus{outline:none;border-color:#fbbf2466}.level-chat-unlock{font-size:.75rem;color:#a78bfa;font-weight:500;margin-left:1rem;margin-top:.25rem}.level-medal{font-size:.6875rem;color:#fbbf24;font-weight:600;padding:.2rem .5rem;background:#fbbf2426;border-radius:4px;width:fit-content}.level-chat-row{display:none}.levels-unlock-note{font-size:.875rem;color:#fbbf24;margin-bottom:1.25rem}.legal-links{font-size:.75rem;color:#fff6;text-align:center;margin-top:1.5rem;display:flex;justify-content:center;gap:.5rem}.legal-links a{color:#ffffff80;text-decoration:none}.legal-links a:hover{color:#fbbf24}@media(max-width:768px){.app-container{padding:.75rem 1rem 1rem}.logo-header{margin-bottom:1rem}.logo-main{height:70px}.header-v2{padding:1rem}.status-bar{margin-bottom:.875rem;flex-wrap:wrap;gap:.5rem}.player-status{gap:.375rem}.player-icon{font-size:1rem}.player-level{font-size:1rem;font-weight:900}.player-rank{font-size:.875rem;font-weight:700}.player-divider{font-size:1rem}.status-right{gap:.75rem}.current-date-v2{font-size:.8125rem}.btn-logout-minimal{padding:.375rem}.btn-join-minimal{padding:.375rem .75rem;font-size:.75rem}.rank-progress{gap:.625rem;margin-bottom:.875rem}.rank-progress-bar{height:4px}.rank-progress-text{font-size:.6875rem}.nav-tabs{padding:.25rem;gap:.25rem}.nav-tab{padding:.5rem .375rem;font-size:.75rem}.content{padding:1rem}.score-card{padding:1.25rem;margin-bottom:1.25rem}.score-header{flex-direction:column;align-items:flex-start;gap:.5rem}.score-label{font-size:1rem!important}.score-value{font-size:2rem}.progress-bar{height:6px}.countdown-timer{padding:.625rem;gap:.375rem}.countdown-text{font-size:.9375rem}.countdown-label{font-size:.75rem}.task-item{padding:.875rem 1rem}.task-left{gap:.625rem}.task-name{font-size:.9375rem}.task-points{font-size:.875rem}.btn-grid{gap:.5rem}.btn-secondary{padding:.625rem;font-size:.8125rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1.25rem}.stat-card-value{font-size:2rem}.levels-breakdown{padding:.25rem}.levels-title{font-size:1.125rem}.levels-subtitle{font-size:.75rem;margin-bottom:1rem}.level-item{display:flex;flex-wrap:wrap;padding:.75rem;gap:.375rem .5rem}.level-left{min-width:auto;flex-shrink:0}.level-number{font-size:.75rem}.level-separator{font-size:.625rem}.level-center{flex:1;margin-left:.5rem;display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.level-title-text{font-size:.875rem}.level-medal{font-size:.5625rem;padding:.125rem .375rem}.level-right{display:flex;align-items:center;gap:.375rem;margin-left:auto}.level-chat{display:none}.level-badge-current,.level-badge-locked{font-size:.5625rem;padding:.125rem .375rem}.level-badge-unlocked{font-size:.75rem}.level-chat-row{display:block;width:100%;margin-top:.25rem}.level-chat-row .level-chat{display:inline-block;font-size:.6875rem;padding:.2rem .5rem;background:#0000004d;border-radius:4px}.level-item:after{display:none}.leaderboard-header{overflow-x:auto;padding-bottom:.25rem}.leaderboard-tab{padding:.5rem 1rem;font-size:.8125rem;white-space:nowrap}.leaderboard-item{padding:.875rem 1rem}.leaderboard-rank{font-size:1rem;min-width:2rem}.leaderboard-name{font-size:.9375rem}.leaderboard-title{font-size:.75rem}.leaderboard-level{font-size:.9375rem}.history-item{padding:.875rem 1rem}.history-date,.history-score{font-size:.9375rem}.setup-card{padding:1.5rem}.setup-title{font-size:1.5rem}.setup-main-title img{height:80px!important}.priority-btn{padding:.5rem .75rem;font-size:.8125rem}.btn-add{padding:.5rem 1rem;font-size:.875rem}.setup-task-item{padding:.75rem}.task-name-text{font-size:.9375rem}.task-points-text{font-size:.875rem}.auth-card{padding:1.5rem}.how-it-works{padding:1rem}.how-it-works-text{font-size:.8125rem}.login-tagline-title{font-size:1rem}.login-tagline-text{font-size:.8125rem}.level-medal-desktop{display:none}}@media(max-width:380px){.app-container{padding:.75rem}.logo-main{height:60px}.header-v2{padding:.875rem}.status-bar{flex-direction:column;align-items:flex-start;gap:.625rem}.status-right{width:100%;justify-content:space-between}.player-level{font-size:.875rem;font-weight:900}.player-rank{font-size:.75rem;font-weight:700}.player-divider{font-size:.875rem}.nav-tab{padding:.4375rem .25rem;font-size:.6875rem}.score-label{font-size:.9375rem!important}.score-value{font-size:1.75rem}.countdown-timer{flex-wrap:wrap;justify-content:center}.level-item{padding:.5rem .625rem}.level-left,.level-range{min-width:60px}.level-number{font-size:.6875rem}.level-center{margin-left:.375rem;gap:.375rem}.level-title-text{font-size:.75rem}.level-medal{font-size:.5rem;padding:.125rem .25rem}.level-chat{font-size:.5rem;max-width:55px}.level-badge-current,.level-badge-locked{font-size:.5rem;padding:.125rem .25rem}.setup-note-area{padding-left:2rem}.setup-note-input{font-size:.75rem;padding:.4rem .6rem}.task-note-view{padding:.5rem .75rem .5rem 3rem}.task-note-view p{font-size:.8125rem}}