:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--bg-main:#08090a;--bg-card:#0f1012;--bg-card-hover:#141517;--bg-input:#0c0d0e;--border-subtle:#ffffff12;--border-focus:#ffffff47;--border-hover:#ffffff24;--text-primary:#f7f8f8;--text-secondary:#8a8f98;--text-muted:#575a60;--primary:#fff;--primary-hover:#e6e6e6;--primary-text:#08090a;--primary-gradient:none;--accent-amber:#f59e0b;--accent-emerald:#27a644;--accent-cyan:#38bdf8;--accent-danger:#eb5757;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 28px #000000a6, 0 0 0 1px #ffffff0f;--shadow-glow:none;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}::selection{color:inherit;background:0 0}::selection{color:inherit;background:0 0}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;user-select:text!important}input::selection{color:inherit;background:#ffffff40}textarea::selection{color:inherit;background:#ffffff40}[contenteditable=true]::selection{color:inherit;background:#ffffff40}input::-moz-selection{color:inherit;background:#ffffff40}textarea::-moz-selection{color:inherit;background:#ffffff40}[contenteditable=true]::-moz-selection{color:inherit;background:#ffffff40}html,body{background-color:var(--bg-main);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}#root{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary);line-height:1.6}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input{font-family:var(--font-sans);outline:none;transition:all .2s}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s ease-out forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{transform-origin:50%;animation:.85s linear infinite spin;display:inline-block}.confirm-dialog-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#04060cbf;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out forwards confirmOverlayFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmCardScaleIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-dialog-card{background:#0f1012;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;max-width:400px;padding:22px;animation:.18s cubic-bezier(.16,1,.3,1) forwards confirmCardScaleIn;position:relative;box-shadow:0 24px 50px -12px #000c,0 0 0 1px #ffffff0a}.confirm-dialog-close-btn{width:28px;height:28px;color:var(--text-muted,#575a60);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex;position:absolute;top:16px;right:16px}.confirm-dialog-close-btn:hover{color:var(--text-primary,#f7f8f8);background:#ffffff0f}.confirm-dialog-header{align-items:flex-start;gap:14px;margin-bottom:12px;padding-right:28px;display:flex}.confirm-dialog-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.confirm-dialog-icon.danger{color:#eb5757;background:#eb57571f;border:1px solid #eb575740}.confirm-dialog-icon.warning{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.confirm-dialog-icon.info{color:#f7f8f8;background:#ffffff14;border:1px solid #ffffff26}.confirm-dialog-title{letter-spacing:-.015em;color:var(--text-primary,#f7f8f8);margin:0;padding-top:6px;font-size:15px;font-weight:600;line-height:1.35}.confirm-dialog-message{color:var(--text-secondary,#8a8f98);word-break:break-word;margin:0 0 20px;padding-left:50px;font-size:13px;line-height:1.55}.confirm-dialog-message strong{color:var(--text-primary,#f7f8f8);font-weight:600}.confirm-dialog-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.confirm-btn-cancel{height:32px;color:var(--text-secondary,#8a8f98);letter-spacing:-.01em;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .12s}.confirm-btn-cancel:hover{color:var(--text-primary,#f7f8f8);background:#ffffff0d;border-color:#ffffff29}.confirm-btn-action{letter-spacing:-.01em;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.confirm-btn-action.danger{color:#fff;background:#eb5757;border:1px solid #d44343}.confirm-btn-action.danger:hover{background:#f06565;border-color:#eb5757}.confirm-btn-action.warning{color:#08090a;background:#f59e0b;border:1px solid #d97706}.confirm-btn-action.warning:hover{background:#fbbf24}.confirm-btn-action.info{color:#08090a;background:#f7f8f8;border:1px solid #fff;font-weight:600}.confirm-btn-action.info:hover{background:#fff}.confirm-btn-action:focus-visible,.confirm-btn-cancel:focus-visible,.confirm-dialog-close-btn:focus-visible{outline-offset:1px;outline:2px solid #fff6}.login-wrapper{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex;position:relative}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);flex-direction:column;padding:36px 32px;display:flex;position:relative;overflow:hidden}.login-card:before{content:"";background:var(--primary-gradient);height:3px;position:absolute;top:0;left:0;right:0}.brand-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.brand-badge-icon{width:56px;height:56px;color:var(--text-primary);background:#18191c;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:14px;display:flex;box-shadow:0 4px 16px #0006}.brand-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:6px;font-size:26px;font-weight:800}.brand-subtitle{color:var(--text-secondary);max-width:320px;font-size:14px;line-height:1.4}.auth-tabs{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#00000059;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:4px;display:grid}.auth-tab{color:var(--text-secondary);background:0 0;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .2s}.auth-tab.active{color:var(--text-primary);background:#ffffff1a;box-shadow:0 2px 8px #0000004d}.auth-tab:hover:not(.active){color:var(--text-primary);background:#ffffff0a}.auth-alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.auth-alert.error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.auth-alert.success{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}.alert-icon{flex-shrink:0;margin-top:1px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.password-label-row{justify-content:space-between;align-items:center;display:flex}.password-hint{color:var(--text-muted);font-size:11px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.input-wrapper input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:12px 14px 12px 42px;font-size:14px}.input-wrapper input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #5e6ad240}.input-wrapper input::placeholder{color:var(--text-muted)}.toggle-password-btn{color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:12px}.toggle-password-btn:hover{color:var(--text-primary)}.primary-submit-btn{color:#08090a;border-radius:var(--radius-sm);letter-spacing:-.01em;cursor:pointer;background:#f7f8f8;border:1px solid #fff;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .12s;display:flex;box-shadow:0 1px 2px #0000004d}.primary-submit-btn:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #0006}.primary-submit-btn:active:not(:disabled){transform:translateY(0)}.primary-submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-row{align-items:center;gap:8px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.auth-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:22px 0 16px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-divider span{padding:0 12px}.alternative-actions{flex-direction:column;gap:10px;display:flex}.google-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0f;justify-content:center;align-items:center;gap:10px;padding:11px 18px;font-size:14px;font-weight:500;display:flex}.google-btn:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff1a}.register-mail-hint{color:var(--text-secondary);text-align:center;margin-top:12px;font-size:12px;line-height:1.45}@media (width<=480px){.login-card{padding:28px 20px}}.week-view{flex-direction:column;gap:24px;padding:0;display:flex}.wv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.wv-title-group{flex-direction:column;gap:6px;display:flex}.wv-title{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.wv-title-week{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.wv-subtitle{color:var(--text-muted);font-size:13px}.wv-header-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wv-week-nav{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff0a;align-items:center;gap:12px;padding:6px 10px;display:flex}.wv-nav-btn{border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:all .15s;display:inline-flex}.wv-nav-btn:hover{color:var(--text-primary);background:#ffffff1f}.wv-nav-btn svg{flex-shrink:0;display:block}.wv-week-label{color:var(--text-primary);text-align:center;justify-content:center;align-items:center;min-width:130px;font-size:13px;font-weight:600;line-height:1;display:flex}.wv-table-scroll{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-x:auto}.wv-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1340px;font-size:12px}.col-player{width:134px}.col-wake,.col-pomo{width:64px}.col-score{width:42px}.col-total{width:50px}.thead-days th,.thead-sub th{border-bottom:1px solid var(--border-subtle);text-align:center;z-index:2;background:#00000059;padding:6px 3px;position:sticky;top:0}.th-empty{border-right:1px solid var(--border-subtle)}.th-day{border-right:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle)}.th-today{background:#fbbf2414!important}.th-today .th-day-name{color:#fbbf24}.th-day-name{color:var(--text-primary);letter-spacing:.01em;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:flex}.th-day-date{color:var(--text-muted);font-size:9.5px;font-family:var(--font-mono);margin-top:1px;display:block}.th-total{color:var(--text-primary);border-left:2px solid var(--border-subtle);padding:6px 2px;font-size:11.5px;font-weight:700}.thead-sub .th-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;border-right:1px solid #ffffff0a;padding:4px 1px;font-size:8px;font-weight:600}.th-sub.th-pts{color:var(--text-secondary);border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;font-size:8px}.wv-table td{text-align:center;vertical-align:middle;font-size:11.5px;font-family:var(--font-mono);color:var(--text-primary);border-right:1px solid #ffffff09;padding:5px 3px;transition:background .15s}.th-player-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-right:2px solid #ffffff14;padding:4px 6px;font-size:8.5px;font-weight:700}.td-player{position:relative;font-family:var(--font-sans)!important;color:var(--text-primary)!important;vertical-align:middle!important;background:#0000002e!important;border-right:2px solid #ffffff14!important;padding:4px 8px!important;font-size:12px!important;font-weight:700!important}.td-player:before{content:"";background:var(--player-color,#60a5fa);opacity:.85;border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.player-cell-wrap{text-align:left;align-items:center;gap:8px;display:flex}.player-cell-interactive{cursor:pointer;border-radius:6px;padding:2px 4px;transition:opacity .15s,background .15s}.player-cell-interactive:hover{background:#ffffff14}.cell-pomo-clickable{position:relative;cursor:pointer!important;transition:transform .12s,background .15s,box-shadow .15s!important}.cell-pomo-clickable:hover{z-index:2;transform:scale(1.05);box-shadow:inset 0 0 0 1px #ffffff47;background:#ffffff1f!important}.cell-pomo-clickable:active{transform:scale(.96)}.wv-avatar-circle{background:#ffffff0d;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden;box-shadow:0 0 6px #00000059}.wv-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.wv-avatar-emoji{font-size:14px;line-height:1}.wv-player-name-box{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.name-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wv-avatar-skeleton{opacity:.6;background:#ffffff0f;border-style:dashed!important}.name-skeleton{background:#ffffff14;border-radius:4px;width:58px;height:12px;display:inline-block}.td-score{vertical-align:middle!important;background:#0003!important;border-left:1px solid #ffffff0f!important;border-right:2px solid #ffffff14!important}.tr-actual td{border-bottom:none;height:36px}.tr-declared td{background:#0000001a;border-top:1px dashed #ffffff0f;height:32px}.tr-spacer td{background:0 0;border:none;height:6px;padding:0}.td-total{vertical-align:middle!important;background:#00000040!important;border-left:2px solid #ffffff1a!important}.total-value{font-size:14px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary,#fff)}.total-value-top{color:#fbbf24}.status-bg-success,.status-bg-success-soft{background:#34d39912!important}.status-bg-fail,.status-bg-fail-soft{background:#f8717114!important}.status-bg-neutral{background:#ffffff05!important}.status-bg-neutral-soft{background:0 0!important}.score-chip{color:var(--text-muted);font-size:12px;font-weight:700;font-family:var(--font-mono);display:inline-block}.score-chip.score-nonzero{color:var(--text-primary)}.td-x{color:#fff3;font-size:11px;font-style:italic}td.cell-rest-day{cursor:help;position:relative}td.cell-rest-day:hover{background:#ffffff0a!important}.wv-horse-warning{color:#fef08a;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#f59e0b2e,#d9770640);border:1px solid #f59e0b80;align-items:center;gap:12px;padding:12px 20px;font-size:13.5px;font-weight:600;display:flex;box-shadow:0 4px 20px #f59e0b33}.wv-horse-warning .horse-icon{font-size:20px;line-height:1}.save-status-indicator{border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.save-status-indicator.saving{color:#93c5fd;background:#60a5fa26;border:1px solid #60a5fa59}.save-status-indicator.success{color:#6ee7b7;background:#34d39926;border:1px solid #34d39959}.wv-spin-fast{animation:.6s linear infinite wv-spin}.tr-me td:not([class*=status-bg-]){background-color:#60a5fa09!important}.name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.td-unlocked-actual,.td-unlocked-bet{vertical-align:middle!important;padding:1px 2px!important}.cell-static-wrap .cell-val{color:var(--text-primary,#fff)}.cell-input-wrap{justify-content:center;align-items:center;gap:3px;width:100%;height:100%;min-height:22px;display:flex;position:relative}.wv-cell-input{color:#fbbf24;min-width:0;height:22px;font-family:var(--font-mono);box-sizing:border-box;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;text-align:center!important;padding:0!important}.wv-cell-input.input-actual,.wv-cell-input.input-bet,.wv-cell-input[type=time]{justify-content:center;align-items:center;width:44px;max-width:44px;margin:0;display:inline-flex;text-align:center!important}.wv-cell-input::placeholder{color:var(--text-muted);opacity:1;font-weight:600}.wv-cell-input[type=number]{-moz-appearance:textfield;width:26px;max-width:26px;margin:0;text-align:center!important}.wv-cell-input:focus{background:#ffffff0d;outline:none}@media (hover:hover){.wv-cell-input:hover{background:#ffffff0d}}.wv-cell-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wv-cell-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wv-cell-input::-webkit-calendar-picker-indicator{-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.wv-cell-input::-webkit-datetime-edit{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0 auto!important;padding:0!important;display:inline-flex!important}.wv-cell-input::-webkit-datetime-edit-fields-wrapper{justify-content:center!important;align-items:center!important;height:100%!important;margin:0 auto!important;padding:0!important;display:inline-flex!important}.wv-cell-input::-webkit-datetime-edit-text{text-align:center!important;margin:0!important;padding:0 .5px!important}.wv-cell-input::-webkit-datetime-edit-hour-field{text-align:center!important;margin:0!important;padding:0 .5px!important}.wv-cell-input::-webkit-datetime-edit-minute-field{text-align:center!important;margin:0!important;padding:0 .5px!important}@keyframes confirm-btn-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.btn-confirm-cell{cursor:pointer;z-index:4;border:1px solid #0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:18px;padding:0;transition:all .15s cubic-bezier(.16,1,.3,1);animation:.15s cubic-bezier(.16,1,.3,1) confirm-btn-in;display:inline-flex;position:relative}.btn-confirm-cell.btn-confirm-actual,.btn-confirm-cell.btn-confirm-bet{color:#fbbf24;background:#fbbf241f}.btn-confirm-cell.btn-confirm-actual:hover,.btn-confirm-cell.btn-confirm-bet:hover{color:#08090a;background:#fbbf24}.cell-static-wrap{justify-content:center;align-items:center;width:100%;min-height:24px;display:flex;position:relative}.mini-lock{opacity:0;color:#ffffff59;transition:opacity .2s,color .2s;position:absolute;top:-3px;right:-3px}.cell-locked-me{cursor:help;position:relative}.cell-locked-me:hover .mini-lock{opacity:.8;color:#fbbf24}@keyframes wv-pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.9)}}@media (width<=600px){.wv-header{flex-direction:column;align-items:flex-start}}@keyframes wv-fill-from-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes wv-bg-bloom{0%{opacity:.3;background-color:#0000!important}to{opacity:1}}.date-loaded{animation:.35s cubic-bezier(.16,1,.3,1) both wv-fill-from-top}.date-empty{visibility:hidden}.wv-row-loaded .cell-static-wrap,.wv-row-loaded .cell-input-wrap,.wv-row-loaded .score-chip,.wv-row-loaded .total-value{animation:.4s cubic-bezier(.16,1,.3,1) both wv-fill-from-top;animation-delay:var(--row-delay,0s)}.wv-row-loaded td.status-bg-success,.wv-row-loaded td.status-bg-fail,.wv-row-loaded td.status-bg-neutral,.wv-row-loaded td.status-bg-success-soft,.wv-row-loaded td.status-bg-fail-soft,.wv-row-loaded td.status-bg-neutral-soft,.wv-row-loaded td.td-unlocked-actual,.wv-row-loaded td.td-unlocked-bet{animation:.45s both wv-bg-bloom;animation-delay:var(--row-delay,0s)}.wv-cell-empty{min-height:24px;background:0 0!important}.wv-error-banner{border-radius:var(--radius-md);color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;display:flex}.wv-error-banner svg{color:#f87171;flex-shrink:0}.wv-error-banner span{flex:1}.wv-error-dismiss{color:#f87171;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;transition:opacity .15s}.wv-error-dismiss:hover{opacity:.7}.wv-race{--race-av:28px;--race-pad:4px;background:#0f1012;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:8px;margin-top:28px;padding:16px;display:flex}.wv-race-axis{height:22px;margin:0 calc(var(--race-pad) + var(--race-av) / 2 + 1px);border-bottom:1px solid #ffffff1a;flex:1;position:relative}.wv-race-tick{bottom:-1px;left:calc(var(--t) * 100%);background:#ffffff2e;width:1px;height:4px;position:absolute}.wv-race-tick span{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:10px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.wv-race-row{align-items:center;gap:12px;display:flex}.wv-race-track{height:calc(var(--race-av) + var(--race-pad) * 2);background:#08090a;border:1px solid #ffffff12;border-radius:999px;flex:1;position:relative}.wv-race-fill,.wv-race-proj-line{border-radius:2px;height:2px;margin-top:-1px;position:absolute;top:50%}.wv-race-fill{left:calc(var(--race-pad) + var(--race-av) / 2);width:calc(var(--p,0) * (100% - var(--race-av) - var(--race-pad) * 2));background:linear-gradient(90deg, transparent, var(--player-color));opacity:.55;transition:width .8s cubic-bezier(.16,1,.3,1)}.wv-race-proj-line{left:calc(var(--race-pad) + var(--race-av) / 2 + var(--sp,0) * (100% - var(--race-av) - var(--race-pad) * 2));width:calc((var(--pp,0) - var(--sp,0)) * (100% - var(--race-av) - var(--race-pad) * 2));border-top:1px dashed var(--player-color);opacity:.45;height:0;margin-top:0}.wv-race-ghost{top:var(--race-pad);left:calc(var(--race-pad) + var(--pp,0) * (100% - var(--race-av) - var(--race-pad) * 2));width:var(--race-av);height:var(--race-av);box-sizing:border-box;border:1.5px dashed var(--player-color);opacity:.5;border-radius:50%;position:absolute}.wv-race-runner{top:var(--race-pad);left:calc(var(--race-pad) + var(--p,0) * (100% - var(--race-av) - var(--race-pad) * 2));width:var(--race-av);height:var(--race-av);z-index:2;outline:none;transition:left .8s cubic-bezier(.16,1,.3,1);position:absolute}.wv-race-avatar{width:var(--race-av);height:var(--race-av);box-sizing:border-box;border:1.5px solid var(--player-color,#fff3);cursor:default;background:#0f1012;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;overflow:hidden;box-shadow:0 0 6px #00000059}.wv-race-runner-leader .wv-race-avatar{border-width:2px;box-shadow:0 0 0 3px #fbbf2426,0 0 14px #fbbf2459}.wv-race-avatar img{object-fit:cover;width:100%;height:100%}.wv-race-score{width:56px;font-family:var(--font-mono);color:var(--text-primary,#fff);flex-shrink:0;align-items:baseline;gap:5px;font-size:13px;font-weight:700;display:flex}.wv-race-score-leader{color:#fbbf24}.wv-race-gain{color:var(--text-muted);font-size:10px;font-weight:600}.wv-race-tip{bottom:calc(100% + 8px);left:calc(var(--p,0) * var(--race-av));transform:translateX(calc(var(--p,0) * -100%));color:var(--text-primary,#fff);font-family:var(--font-mono);white-space:nowrap;pointer-events:none;opacity:0;z-index:5;background:#0f1012;border:1px solid #ffffff1a;border-radius:4px;padding:3px 7px;font-size:11px;transition:opacity .15s;position:absolute}.wv-race-runner:hover .wv-race-tip,.wv-race-runner:focus .wv-race-tip{opacity:1}.wv-race-ghost,.wv-race-proj-line,.wv-race-gain{transition:opacity .4s}.wv-race.is-scrubbing .wv-race-ghost,.wv-race.is-scrubbing .wv-race-proj-line,.wv-race.is-scrubbing .wv-race-gain{opacity:0}.wv-race.is-scrubbing .wv-race-runner,.wv-race.is-scrubbing .wv-race-fill{transition:none}.tr-scrub td{height:22px;background:0 0!important;border:none!important;padding:0!important}.td-scrub-play{text-align:center;vertical-align:middle}.wv-play-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.wv-play-btn:hover:not(:disabled){color:var(--text-primary,#fff);background:#ffffff0d}.wv-play-btn:disabled{opacity:.3;cursor:default}.wv-scrub{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:22px;position:relative}.wv-scrub-rail{background:#ffffff12;height:1px;position:absolute;top:50%;left:0}.wv-scrub-knob{pointer-events:none;background:#8a8f98;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:left .4s cubic-bezier(.16,1,.3,1),background .15s;position:absolute;top:50%;box-shadow:0 0 0 3px #8a8f981f}.wv-scrub-knob.is-moving{transition:background .15s}.wv-scrub:hover .wv-scrub-knob{background:#c9ccd1}.history-view-container{background:var(--linear-bg-surface,#0f1012);border:1px solid var(--linear-border-subtle,#ffffff12);border-radius:var(--linear-radius-lg,12px);flex-direction:column;width:100%;max-width:680px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 4px 24px #0006}.history-header{background:var(--linear-bg-surface,#0f1012);border-bottom:1px solid var(--linear-border-subtle,#ffffff12);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.history-header-left{align-items:center;gap:10px;display:flex}.history-title{color:var(--linear-text-primary,#f7f8f8);letter-spacing:-.015em;margin:0;font-size:17px;font-weight:600}.history-loader-icon{color:var(--linear-text-muted,#575a60)}.history-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-btn{height:32px;font-size:13px;font-weight:500;font-family:var(--linear-font-sans,Inter, sans-serif);letter-spacing:-.01em;border-radius:var(--linear-radius-sm,6px);background:var(--linear-bg-input,#0c0d0e);border:1px solid var(--linear-border-subtle,#ffffff14);color:var(--linear-text-secondary,#8a8f98);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 11px;transition:all .12s cubic-bezier(.16,1,.3,1);display:inline-flex}.history-btn:hover{background:var(--linear-bg-surface-hover,#16181a);border-color:var(--linear-border-hover,#ffffff24);color:var(--linear-text-primary,#f7f8f8)}.history-btn--today{color:var(--linear-text-primary,#f7f8f8);background:#ffffff0d}.history-btn--today:hover{background:#ffffff17;border-color:#ffffff29}.history-date-picker-trigger{display:inline-block;position:relative}.history-native-date-input{opacity:0;pointer-events:none;border:none;width:0;height:0;position:absolute;top:0;left:0}.history-search-container{position:relative}.history-search-box{border-radius:var(--linear-radius-sm,6px);background:var(--linear-bg-input,#0c0d0e);border:1px solid var(--linear-border-subtle,#ffffff14);align-items:center;gap:6px;width:170px;height:32px;padding:0 10px;transition:all .12s;display:flex}.history-search-box.is-focused,.history-search-box:focus-within{border-color:var(--linear-accent,#5e6ad2);width:220px;box-shadow:0 0 0 1px var(--linear-accent,#5e6ad2)}.history-search-icon{color:var(--linear-text-muted,#575a60);flex-shrink:0}.history-search-input{color:var(--linear-text-primary,#f7f8f8);font-size:13px;font-family:var(--linear-font-sans,Inter, sans-serif);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0}.history-search-input::placeholder{color:var(--linear-text-muted,#575a60)}.history-search-clear-btn{color:var(--linear-text-muted,#575a60);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.history-search-clear-btn:hover{color:var(--linear-text-primary,#f7f8f8);background:#ffffff14}.history-search-dropdown{background:var(--linear-bg-surface,#0f1012);border:1px solid var(--linear-border-hover,#ffffff24);border-radius:var(--linear-radius-md,8px);z-index:99;flex-direction:column;width:320px;max-width:88vw;max-height:340px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 16px 36px #0000008c}.history-search-dropdown-header{text-transform:uppercase;letter-spacing:.04em;color:var(--linear-text-muted,#575a60);border-bottom:1px solid var(--linear-border-subtle,#ffffff0f);background:#0003;padding:8px 12px;font-size:11px;font-weight:600}.history-search-empty{text-align:center;color:var(--linear-text-muted,#575a60);padding:24px 16px;font-size:13px}.history-search-list{max-height:290px;overflow-y:auto}.history-search-item{cursor:pointer;border-bottom:1px solid #ffffff0a;flex-direction:column;gap:3px;padding:9px 12px;transition:background .12s;display:flex}.history-search-item:last-child{border-bottom:none}.history-search-item:hover{background:var(--linear-bg-surface-hover,#16181a)}.history-search-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-search-item-title{color:var(--linear-text-primary,#f7f8f8);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.history-search-item-date{color:var(--linear-text-muted,#575a60);white-space:nowrap;font-size:11px;font-family:var(--linear-font-mono,monospace)}.history-search-item-meta{color:var(--linear-text-secondary,#8a8f98);align-items:center;gap:8px;font-size:11px;display:flex}.history-search-item-project{align-items:center;gap:5px;display:inline-flex}.project-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.history-search-item-comment{color:var(--linear-text-muted,#575a60);white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.history-weekday-sticky{z-index:10;background:var(--linear-bg-surface,#0f1012);border-bottom:1px solid var(--linear-border-subtle,#ffffff12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(7,1fr);padding:10px 16px;display:grid;position:sticky;top:0}.history-weekday-col{text-align:center;color:var(--linear-text-primary,#f7f8f8);letter-spacing:-.01em;font-size:13px;font-weight:600}.history-weekday-col.is-weekend-col{color:var(--linear-text-muted,#575a60)}.history-scroll-viewport{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:480px;max-height:calc(100vh - 210px);padding:12px 16px 40px;overflow-y:auto}.history-calendar-flow{flex-direction:column;gap:8px;display:flex}.history-month-block{flex-direction:column;display:flex}.history-month-divider-row{grid-template-columns:repeat(7,1fr);width:100%;margin-top:18px;margin-bottom:4px;display:grid}.history-month-tag-wrapper{align-items:center;gap:8px;padding:0 4px;display:flex}.history-month-tag{color:#ef4444;letter-spacing:-.015em;white-space:nowrap;font-size:15px;font-weight:700}.history-month-tag.is-full-month-tag{color:var(--linear-text-primary,#f7f8f8);letter-spacing:-.02em;font-size:22px;font-weight:700}.history-month-tag.is-current-month{color:#ef4444}.history-month-divider-line{background:#ffffff14;flex:1;height:1px}.history-month-weeks-grid{flex-direction:column;gap:1px;display:flex}.history-week-row{border-radius:var(--linear-radius-md,8px);cursor:pointer;border:1px solid #0000;grid-template-columns:repeat(7,1fr);width:100%;padding:2px 0;transition:background .1s,border-color .1s;display:grid}.history-week-row:hover{background:#ffffff09;border-color:#ffffff0f}.history-week-row.is-current-week-row{background:#ffffff04}.history-day-cell{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-start;align-items:center;min-height:52px;padding:3px 0;display:flex;position:relative}.history-day-cell--empty{pointer-events:none;opacity:0}.history-day-number{color:var(--linear-text-primary,#f7f8f8);border-radius:9999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:500;transition:all .12s;display:flex}.history-day-cell.is-weekend .history-day-number{color:var(--linear-text-secondary,#8a8f98)}.history-day-cell.is-today .history-day-number{color:#fff;background:#ef4444;font-weight:700;box-shadow:0 2px 8px #ef444459}.history-day-cell.is-highlighted-cell .history-day-number{animation:2s ease-out forwards dayHighlightPulse}@keyframes dayHighlightPulse{0%{background:#5e6ad24d;box-shadow:0 0 #5e6ad2e6}50%{background:#5e6ad226;box-shadow:0 0 0 7px #5e6ad266}to{box-shadow:0 0 #5e6ad200}}.history-day-pomo-slot{justify-content:center;align-items:center;height:16px;margin-top:1px;display:flex}.history-day-pomo-count{font-size:11px;font-weight:700;line-height:1;font-family:var(--linear-font-sans,Inter, sans-serif)}.pomo-count--green{color:#22c55e}.pomo-count--red{color:#ef4444}@media (width<=640px){.history-view-container{border-left:none;border-right:none;border-radius:0}.history-header{padding:12px 14px}.history-search-box{width:130px}.history-search-box.is-focused,.history-search-box:focus-within{width:170px}.history-scroll-viewport{padding:8px 10px 32px}.history-day-cell{min-height:48px}.history-day-number{width:27px;height:27px;font-size:14px}}.results-view{flex-direction:column;gap:20px;width:100%;display:flex}.rv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.rv-title-group{flex-direction:column;gap:6px;display:flex}.rv-title{color:var(--text-primary,#fff);letter-spacing:-.025em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.rv-subtitle{color:var(--text-secondary,#94a3b8);letter-spacing:-.01em;margin:0;font-size:13px}.rv-scoring-rules-banner{background:var(--bg-surface,#0f1012);border:1px solid var(--border-subtle,#ffffff12);border-radius:var(--radius-md,10px);align-items:center;gap:6px;padding:6px 10px;display:flex}.rule-chip{border-radius:6px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.rule-chip .chip-roman{font-family:inherit;font-size:10px;font-weight:800}.rule-chip.gold{color:#fde047;background:#eab30826;border:1px solid #eab3084d}.rule-chip.silver{color:#e2e8f0;background:#cbd5e11a;border:1px solid #cbd5e133}.rule-chip.bronze{color:#fdba74;background:#f59e0b1f;border:1px solid #f59e0b40}.rule-chip.neutral{color:var(--text-tertiary,#64748b);padding:2px 5px}.rv-error-banner{border-radius:var(--radius-md,8px);color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.rv-error-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto}.rv-table-scroll{border:1px solid var(--border-subtle,#ffffff12);border-radius:var(--radius-lg,12px);background:var(--bg-card,#0a0b0d);scrollbar-width:thin;width:100%;overflow-x:auto}.rv-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:13px}.col-rank{width:44px;min-width:44px}.col-player{width:190px;min-width:190px}.col-week-score{width:72px;min-width:72px}.col-week-pts{width:56px;min-width:56px}.col-total-pts{width:90px;min-width:90px}.rv-table thead .th-rank,.rv-table thead .th-rank-sub,.rv-table tbody .td-rank{z-index:10;background:var(--bg-card,#0a0b0d);text-align:center;border-right:none;position:sticky;left:0}.rv-table thead .th-player,.rv-table thead .th-player-sub,.rv-table tbody .td-player{z-index:10;background:var(--bg-card,#0a0b0d);border-right:1px solid var(--border-subtle,#ffffff14);position:sticky;left:44px}.rv-table thead{background:var(--bg-surface,#0f1012)}.thead-weeks th{color:var(--text-secondary,#94a3b8);border-bottom:1px solid var(--border-subtle,#ffffff12);border-right:1px solid var(--border-subtle,#ffffff12);text-align:center;padding:10px 8px;font-size:12px;font-weight:600}.th-week{cursor:pointer;transition:background .15s}.th-week:hover{background:#ffffff08}.th-week-content{flex-direction:column;align-items:center;gap:2px;display:flex}.th-week-label{color:var(--text-primary,#fff);font-size:13px;font-weight:700}.th-week-dates{color:var(--text-tertiary,#64748b);font-size:11px;font-weight:500}.th-current-week{background:#3b82f60f}.th-current-week .th-week-label{color:#93c5fd}.th-total-pts{text-align:center;background:#ffffff05}.th-total-content{color:var(--text-primary,#fff);flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:700;display:flex}.th-total-sub{color:var(--text-tertiary,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:500}.thead-sub th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary,#64748b);border-bottom:1px solid var(--border-subtle,#ffffff1a);border-right:1px solid var(--border-subtle,#ffffff0d);text-align:center;padding:6px 4px;font-size:10px;font-weight:600}.th-score-sub{color:#94a3b8}.th-pts-sub{color:#fbbf24}.th-total-sub-col{color:#fbbf24;font-weight:700}.rv-row-player{transition:background .15s}.rv-row-player:hover{background:#ffffff05}.rv-row-player:hover td.td-rank,.rv-row-player:hover td.td-player{background:#111215}.rv-row-player td{border-bottom:1px solid var(--border-subtle,#ffffff0d);border-right:1px solid var(--border-subtle,#ffffff0a);vertical-align:middle;padding:10px 6px}.rv-row-player.tr-me{background:#3b82f608}.rv-row-player.tr-me td.td-rank,.rv-row-player.tr-me td.td-player{background:#0d121c}.rv-row-player.tr-leader{background:#eab30805}.td-rank{text-align:center;padding-left:8px!important;padding-right:4px!important}.rank-indicator{width:22px;height:22px;color:var(--text-tertiary,#64748b);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.rank-indicator.rank-1{color:#fde047;background:#eab30833;border:1px solid #eab30880}.rank-indicator.rank-2{color:#f1f5f9;background:#cbd5e126;border:1px solid #cbd5e159}.rank-indicator.rank-3{color:#fdba74;background:#f59e0b26;border:1px solid #f59e0b59}.player-cell-content{align-items:center;gap:10px;display:flex}.rv-avatar-circle{background:#ffffff0a;border:1.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.rv-avatar-img{object-fit:cover;width:100%;height:100%}.rv-avatar-emoji{font-size:14px;line-height:1}.rv-player-info{align-items:center;gap:6px;display:flex;overflow:hidden}.player-name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.td-week-score{text-align:center;background:#ffffff03;position:relative;padding:10px 4px!important}.score-cell-inner{justify-content:center;align-items:center;min-height:28px;display:flex;position:relative}.score-digit{font-variant-numeric:tabular-nums;color:var(--text-secondary,#cbd5e1);font-size:13px;font-weight:700}.score-digit.score-active{color:var(--text-primary,#fff)}.score-digit.score-zero{color:var(--text-tertiary,#475569);font-weight:500}.roman-rank-badge{letter-spacing:-.02em;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:800;line-height:1;position:absolute;top:-4px;right:-2px}.roman-rank-badge.roman-I{color:#fde047;background:#eab30833}.roman-rank-badge.roman-II{color:#e2e8f0;background:#cbd5e126}.roman-rank-badge.roman-III{color:#fdba74;background:#f59e0b2e}.td-week-pts{text-align:center;background:#ffffff04;border-right:1px solid var(--border-subtle,#ffffff17)!important;padding:10px 4px!important}.pts-badge{font-variant-numeric:tabular-nums;min-width:20px;height:20px;color:var(--text-primary,#fff);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.pts-reveal{animation:.5s cubic-bezier(.2,.8,.2,1) both ptsReveal;display:inline-block}@keyframes ptsReveal{0%{opacity:0;transform:translateY(-6px)scale(1.4)}to{opacity:1;transform:none}}.pts-pending{color:var(--text-tertiary,#475569);font-size:13px}.td-total-pts{text-align:center;background:#ffffff06;padding:10px 8px!important}.total-pts-content{justify-content:center;align-items:center;gap:5px;display:flex}.total-number{font-variant-numeric:tabular-nums;color:var(--text-primary,#fff);font-size:15px;font-weight:800}.total-unit{color:var(--text-tertiary,#64748b);font-size:11px;font-weight:600}.td-total-leader .total-number{color:#fde047}.rv-row-skeleton td{padding:12px 6px}.skeleton-box{background:#ffffff0d;border-radius:4px;height:16px;margin:0 auto;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-box.sm{width:18px}.skeleton-box.md{width:36px}.skeleton-box.lg{width:44px}.skeleton-player-wrap{align-items:center;gap:8px;display:flex}.skeleton-avatar{background:#ffffff0d;border-radius:50%;width:28px;height:28px;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-name{background:#ffffff0d;border-radius:4px;width:90px;height:14px;animation:1.5s ease-in-out infinite skeletonPulse}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.rv-empty-cell{text-align:center;color:var(--text-tertiary,#64748b);font-size:13px;padding:40px 16px!important}@keyframes rv-fill-from-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rv-row-player .rank-indicator,.rv-row-player .player-cell-content,.rv-row-player .score-cell-inner,.rv-row-player .pts-badge:not(.pts-reveal),.rv-row-player .pts-pending,.rv-row-player .total-pts-content{animation:.4s cubic-bezier(.16,1,.3,1) both rv-fill-from-top;animation-delay:var(--row-delay,0s)}.rv-row-player .pts-pending{display:inline-block}.date-picker{position:relative}.date-picker-trigger{text-align:left;cursor:pointer;letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:8px;font-family:inherit;display:flex}.date-picker-trigger:hover:not(:disabled){border-color:var(--border-hover)}.date-picker-trigger.is-open{border-color:var(--border-focus)}.date-picker-trigger-icon{color:var(--text-secondary);flex-shrink:0}.date-picker-popover{z-index:50;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:272px;box-shadow:var(--shadow-lg);padding:12px;animation:.12s ease-out datePickerIn;position:absolute;top:calc(100% + 6px);left:0}.date-picker-popover.align-right{left:auto;right:0}@keyframes datePickerIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.date-picker-month{color:var(--text-primary);letter-spacing:-.015em;font-size:13px;font-weight:600}.date-picker-nav{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.date-picker-nav:hover{color:var(--text-primary);background:#ffffff0d}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-picker-weekday{color:var(--text-muted);text-align:center;padding:4px 0 6px;font-size:11px;font-weight:500}.date-picker-day{border-radius:var(--radius-sm);height:32px;color:var(--text-primary);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;font-family:inherit;font-size:13px}.date-picker-day.is-outside{color:var(--text-secondary)}.date-picker-day:hover:not(:disabled):not(.is-selected){background:#ffffff0f}.date-picker-day.is-today{border-color:var(--border-hover)}.date-picker-day.is-selected{background:var(--primary);color:var(--primary-text);font-weight:600}.date-picker-day:disabled{color:var(--text-muted);opacity:.4;cursor:default}.game-settings-container{flex-direction:column;gap:24px;width:100%;display:flex}.text-amber{color:#fbbf24}.text-cyan{color:#38bdf8}.welcome-no-game-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;padding:60px 32px;display:flex;position:relative;overflow:hidden}.welcome-glow-effect{display:none!important}.welcome-icon-box{border-radius:var(--radius-lg);background:#18191c;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex;box-shadow:0 4px 16px #0006}.welcome-trophy-icon{color:#fbbf24}.welcome-pill-badge{border:1px solid var(--border-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);background:#ffffff0d;margin-bottom:12px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.welcome-game-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:800}.welcome-game-desc{max-width:580px;color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:1.6}.welcome-cta-wrapper{margin-bottom:36px}.btn-create-game-cta{color:#08090a;border-radius:var(--radius-sm);letter-spacing:-.01em;background:#f7f8f8;border:1px solid #fff;align-items:center;gap:12px;padding:14px 36px;font-size:15px;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #0000004d}.btn-create-game-cta:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #0006}.settings-main-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;flex-direction:column;gap:32px;padding:32px;display:flex}.settings-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:16px;padding-bottom:24px;display:flex}.settings-section:last-of-type{border-bottom:none;padding-bottom:0}.section-header{align-items:center;gap:10px;display:flex}.section-icon{color:var(--primary)}.section-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.game-name-input{font-size:16px;font-weight:600}.form-input:disabled,.view-readonly .form-input{color:var(--text-secondary);cursor:not-allowed;opacity:.85;background:#ffffff08;border-color:#ffffff0f}.input-with-affix{align-items:center;display:flex;position:relative}.input-with-affix .form-input{padding-right:56px}.input-affix{color:var(--text-muted);pointer-events:none;font-size:13px;font-weight:600;position:absolute;right:16px}.rules-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rules-grid.rules-grid-3{grid-template-columns:1fr 1fr 1fr}.schedule-cards-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.schedule-info-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#00000040;align-items:flex-start;gap:16px;padding:20px;transition:border-color .2s;display:flex}.schedule-info-card:hover{border-color:var(--border-hover)}.schedule-icon-pill{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.schedule-icon-pill.amber,.schedule-icon-pill.rose{color:var(--primary);background:#ffffff0a;border:1px solid #ffffff12}.schedule-content{flex-direction:column;gap:6px;display:flex}.schedule-title{color:var(--text-primary);font-size:14px;font-weight:700}.schedule-time-badge{font-family:var(--font-mono);color:#f8fafc;letter-spacing:-.02em;font-size:24px;font-weight:800;display:inline-block}.schedule-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.invite-player-form{margin-bottom:8px}.invite-input-row{gap:12px;display:flex}.invite-input-wrapper{flex:1;position:relative}.input-leading-icon{color:var(--text-muted);pointer-events:none;z-index:2;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.invite-input-wrapper .invite-input,.invite-input-wrapper .form-input.invite-input,.invite-input{padding-left:42px!important}.btn-invite{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;background:#ffffff14;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-invite:hover{background:#ffffff26;border-color:#ffffff4d}.invite-success-msg{color:#34d399;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:inline-flex}.remove-success-msg{color:#f87171;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:inline-flex}.players-list-table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0003;overflow:hidden}.players-list{flex-direction:column;display:flex}.player-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:14px 20px;transition:background .15s;display:flex}.player-row:last-child{border-bottom:none}.player-row:hover{background:#ffffff05}.player-main-info{align-items:center;gap:14px;display:flex}.player-avatar-badge{background:#ffffff0a;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.player-avatar-badge.has-avatar-img{padding:0}.player-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.player-emoji{font-size:18px}.player-details{flex-direction:column;gap:2px;display:flex}.player-name-line{align-items:center;gap:8px;display:flex}.player-name{color:var(--text-primary);font-size:14px;font-weight:700}.crown-badge{color:#fbbf24;border-radius:var(--radius-full);background:#f59e0b2e;border:1px solid #f59e0b66;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.crown-badge.role-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast,.15s ease)}.crown-badge.role-clickable:hover{color:#f87171;background:#ef444426;border-color:#ef444473;transform:translateY(-1px)}.crown-badge.role-clickable:hover .crown-icon{color:#f87171}.crown-badge.role-clickable:active{transform:translateY(0)}.crown-icon{color:#fbbf24;transition:color .15s}.member-badge{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff0f;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.member-badge.role-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast,.15s ease)}.member-badge.role-clickable:hover{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b73;transform:translateY(-1px)}.member-badge.role-clickable:active{transform:translateY(0)}.player-email{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.player-actions{align-items:center;gap:8px;display:flex}.btn-remove-player{border-radius:var(--radius-sm,8px);color:#eb5757;cursor:pointer;background:#eb575714;border:1px solid #eb575733;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.btn-remove-player:hover:not(:disabled){color:#fca5a5;background:#eb57572e;border-color:#eb575766;transform:scale(1.05)}.btn-remove-player:active:not(:disabled){transform:scale(.96)}.btn-remove-player:disabled{opacity:.3;cursor:not-allowed;color:var(--text-muted,#71717a);box-shadow:none;background:#ffffff05;border-color:#ffffff14}.btn-leave-game{color:var(--text-muted,#94a3b8);border-radius:var(--radius-sm,6px);cursor:pointer;background:#ef44440f;border:1px solid #ef444433;align-items:center;gap:5px;padding:5px 11px;font-family:inherit;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-leave-game:hover:not(:disabled){color:#f87171;background:#ef444426;border-color:#ef444466;transform:translateY(-1px)}.btn-leave-game:active:not(:disabled){transform:translateY(0)}.btn-leave-game:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-leave-game.is-disabled-sole-admin{opacity:.35;cursor:not-allowed;color:var(--text-muted,#71717a);background:#ffffff05;border-color:#ffffff14}.btn-leave-game.is-disabled-sole-admin:hover{color:var(--text-muted,#71717a);background:#ffffff05;border-color:#ffffff14;transform:none}.invitation-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;transition:background .15s;display:grid}.invitation-row .player-main-info{justify-self:start;min-width:0}.invitation-game-title{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-self:center;padding:0 12px;font-size:14px;font-weight:700;overflow:hidden}.invitation-row .invitation-actions{justify-self:end}.invitation-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-accept-invite{color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;background:#10b981;border:1px solid #10b98180;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #10b98133}.btn-accept-invite:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b98159}.btn-accept-invite:active:not(:disabled){transform:translateY(0)}.btn-accept-invite:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-reject-invite{color:var(--text-muted,#94a3b8);border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0;border:1px solid #ffffff1a;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-reject-invite:hover:not(:disabled){color:#f87171;background:#ef444414;border-color:#ef44444d}.btn-reject-invite:active:not(:disabled){background:#ef444424}.btn-reject-invite:disabled{opacity:.5;cursor:not-allowed}.gs-invitations-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}@media (width<=600px){.invitation-row{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.invitation-game-title{text-align:left;justify-self:flex-start;padding:0}.invitation-actions{justify-content:flex-end;width:100%}}.settings-footer-actions{justify-content:flex-end;padding-top:10px;display:flex}.btn-save-settings{color:#08090a;border-radius:var(--radius-sm);letter-spacing:-.01em;background:#f7f8f8;border:1px solid #fff;align-items:center;gap:10px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #0000004d}.btn-save-settings:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.btn-save-settings.saved{background:#10b981;box-shadow:0 6px 20px -3px #10b98180}@media (width<=768px){.settings-main-card{padding:20px 16px}.rules-grid,.rules-grid.rules-grid-3,.schedule-cards-grid{grid-template-columns:1fr}.invite-input-row{flex-direction:column}.btn-save-settings{justify-content:center;width:100%}}.gs-loading-state{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;font-size:14px;display:flex}.gs-loader-icon{color:#a78bfa;animation:1s linear infinite spin}.gs-error-banner{border-radius:var(--radius-md);color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;display:flex}.gs-error-banner svg{color:#f87171;flex-shrink:0}.gs-error-banner span{flex:1}.gs-error-dismiss{color:#f87171;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1;transition:opacity .15s}.gs-error-dismiss:hover{opacity:.7}.gs-empty-list{text-align:center;color:#ffffff59;padding:24px 0;font-size:13px}.confirm-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#04060cbf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-modal-card{border-radius:var(--radius-lg,18px);background:#0f1012;border:1px solid #ffffff1a;width:100%;max-width:480px;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #000000d9,0 0 0 1px #ffffff0d}.confirm-modal-glow{display:none!important}.btn-modal-close{border-radius:var(--radius-sm,8px);width:32px;height:32px;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.btn-modal-close:hover:not(:disabled){color:var(--text-primary);background:#ffffff1f;border-color:#fff3}.confirm-modal-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.confirm-icon-pill{color:#eb5757;background:#eb57571a;border:1px solid #eb575740;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.confirm-header-text h3{color:var(--text-primary);margin-bottom:2px;font-size:18px;font-weight:700}.confirm-subtitle{color:var(--text-muted);font-size:12.5px}.confirm-target-player-card{border-radius:var(--radius-md,12px);background:#00000059;border:1px solid #ffffff12;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex}.confirm-player-avatar{background:#ffffff0d;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.confirm-player-info{flex-direction:column;gap:3px;min-width:0;display:flex}.confirm-player-name-row{align-items:center;gap:8px;display:flex}.confirm-player-name{color:var(--text-primary);font-size:14px;font-weight:700}.confirm-player-email{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.confirm-modal-desc{color:var(--text-secondary);margin-bottom:24px;font-size:13.5px;line-height:1.6}.confirm-modal-desc strong{color:var(--text-primary)}.confirm-modal-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.btn-modal-cancel{border-radius:var(--radius-md,12px);color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-modal-cancel:hover:not(:disabled){color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.btn-modal-confirm-delete{border-radius:var(--radius-sm,8px);color:#fff;background:#eb5757;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000004d}.btn-modal-confirm-delete:hover:not(:disabled){background:#f87171;box-shadow:0 2px 8px #0006}.btn-modal-confirm-delete:active:not(:disabled){transform:translateY(0)}.btn-modal-confirm-delete:disabled,.btn-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.profile-container{flex-direction:column;gap:24px;width:100%;max-width:900px;margin:0 auto;padding-bottom:48px;display:flex}.profile-header-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px -12px #00000073}.profile-header-glow{display:none!important}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar-circle{border:1px solid var(--border-hover);background:#121316;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.profile-avatar-circle.has-emoji{border-color:var(--border-hover);background:#16181a}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-emoji-main{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:44px;line-height:1;display:flex}.profile-identity-info{text-align:left;flex-direction:column;flex:1;gap:6px;display:flex}.profile-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-name{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2}.profile-email-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.profile-sections-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=820px){.profile-header-card{flex-direction:column;align-items:flex-start}.profile-sections-grid{grid-template-columns:1fr}}.profile-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);text-align:left;flex-direction:column;padding:24px;display:flex}.profile-card-header{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.profile-card-icon{flex-shrink:0;margin-top:2px}.text-indigo{color:#818cf8}.profile-card-title{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3}.profile-card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.4}.profile-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.avatar-unified-group{flex-direction:column;gap:12px;display:flex}.avatar-input-wrapper{align-items:center;width:100%;margin-top:10px;display:flex;position:relative}.avatar-input-wrapper .avatar-url-input{padding-right:42px}.btn-trash-avatar{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-trash-avatar:hover{color:#ef4444;background:#ef444426}.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #5e6ad240}.form-input:disabled{opacity:.6;cursor:not-allowed}.field-hint{color:var(--text-muted);font-size:11px;line-height:1.35}.emoji-presets-grid{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:6px;display:grid}.emoji-btn{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:#00000059;justify-content:center;align-items:center;width:100%;font-size:18px;transition:all .18s;display:flex}.emoji-btn:hover{border-color:var(--border-hover);background:#ffffff14;transform:translateY(-2px)}.emoji-btn.selected{background:#ffffff1a;border-color:#ffffff40;transform:scale(1.05);box-shadow:0 0 0 1px #fff3}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:42px}.btn-toggle-eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.btn-toggle-eye:hover{color:var(--text-primary)}.btn-profile-secondary{border-radius:var(--radius-md);cursor:pointer;border:none;border:1px solid var(--border-subtle);color:var(--text-primary);background:#ffffff14;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-profile-secondary:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff21;transform:translateY(-1px)}.btn-profile-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-alert{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.profile-alert.error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.profile-alert.success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d}.google-auth-connected-box{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:16px;margin-top:4px;padding:14px 16px;display:flex}.google-auth-badge{color:#f1f5f9;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.google-icon-svg{flex-shrink:0}.google-auth-description{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.google-auth-description strong{color:var(--text-primary);font-weight:500}@media (width<=640px){.google-auth-connected-box{flex-direction:column;align-items:flex-start;gap:10px}}.profile-danger-card{border-radius:var(--radius-lg);text-align:left;-webkit-backdrop-filter:blur(16px);background:#eb57570a;border:1px solid #eb575733;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;box-shadow:0 4px 16px #0000004d}.danger-card-content{flex:1;align-items:flex-start;gap:16px;display:flex}.danger-icon-pill{border-radius:var(--radius-md);color:#eb5757;background:#eb57571a;border:1px solid #eb575740;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.danger-text-block{flex-direction:column;gap:4px;display:flex}.danger-title{color:#f87171;font-size:15px;font-weight:600}.danger-desc{color:var(--text-muted);font-size:13px;line-height:1.45}.danger-action-block{flex-shrink:0}.btn-delete-account-trigger{border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;white-space:nowrap;background:#eb57571a;border:1px solid #eb57574d;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-delete-account-trigger:hover{color:#fff;background:#eb575733;border-color:#eb575780}@media (width<=680px){.profile-danger-card{flex-direction:column;align-items:stretch}.btn-delete-account-trigger{justify-content:center;width:100%}}.modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#04060cbf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius-lg);text-align:left;background:#0f1012;border:1px solid #ffffff1a;width:100%;max-width:520px;overflow:hidden;box-shadow:0 24px 60px -12px #000c,0 0 0 1px #ffffff0d}.modal-dialog.delete-dialog{border-color:#eb57574d}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header.danger{background:#eb57570d;border-bottom-color:#eb575726}.modal-title-with-icon{align-items:center;gap:12px;display:flex}.modal-title-with-icon h3{color:var(--text-primary);font-size:16px;font-weight:700}.modal-danger-badge{color:#eb5757;background:#eb57571a;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff14}.modal-body{flex-direction:column;gap:12px;padding:24px;display:flex}.modal-warning-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.modal-warning-list{flex-direction:column;gap:8px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.modal-warning-list li{color:#f87171;align-items:center;gap:8px;font-size:13px;display:flex}.modal-warning-list li:before{content:"✕";color:#ef4444;font-size:11px;font-weight:800;display:inline-block}.modal-warning-list code{font-family:var(--font-mono);color:#fecdd3;background:#0006;border-radius:4px;padding:2px 6px}.confirmation-type-box{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;margin-top:12px;padding-top:16px;display:flex}.confirmation-input{font-family:var(--font-mono);letter-spacing:2px;font-size:15px;font-weight:700}.modal-footer{border-top:1px solid var(--border-subtle);background:#0000004d;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-modal-cancel{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-modal-cancel:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.btn-modal-delete-confirm{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#dc2626;border:1px solid #b91c1c;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #dc262666}.btn-modal-delete-confirm:hover:not(:disabled){background:#b91c1c;box-shadow:0 6px 18px #dc26268c}.btn-modal-delete-confirm:disabled,.btn-modal-cancel:disabled{opacity:.45;cursor:not-allowed}.animate-scale-up{animation:.22s cubic-bezier(.16,1,.3,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-card.full-width{grid-column:1/-1}.password-inputs-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.password-inputs-row{grid-template-columns:1fr}}.notifications-card{position:relative}.notif-settings-content{flex-direction:column;gap:16px;display:flex}.notif-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.notif-toggle-grid .notif-toggle-row{gap:10px;padding:12px 14px}.notif-toggle-grid .notif-toggle-info{min-width:0}@media (width<=640px){.notif-toggle-grid{grid-template-columns:1fr}}.notif-toggle-row{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.notif-toggle-info{flex-direction:column;gap:2px;display:flex}.notif-toggle-label{color:var(--text-primary);font-size:14px;font-weight:700}.notif-toggle-sublabel{color:var(--text-muted);font-size:12px}.completion-mode-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%;display:grid}.completion-mode-card{border-radius:var(--radius-md,8px);text-align:left;cursor:pointer;color:inherit;background:#ffffff05;border:1px solid #ffffff14;outline:none;flex-direction:column;gap:8px;padding:14px 16px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.completion-mode-card:hover{background:#ffffff0a;border-color:#ffffff29}.completion-mode-card.selected{background:#10b9810f;border-color:#10b981;box-shadow:0 0 16px #10b98124}.completion-mode-card-header{align-items:center;gap:8px;display:flex}.completion-mode-radio-circle{border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;transition:all .18s;display:flex}.completion-mode-card.selected .completion-mode-radio-circle{background:#10b98133;border-color:#10b981}.completion-mode-radio-dot{background:#10b981;border-radius:50%;width:7px;height:7px}.completion-mode-icon{color:var(--text-muted);flex-shrink:0;transition:color .18s}.completion-mode-card.selected .completion-mode-icon{color:#10b981}.completion-mode-card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:13px;font-weight:700}.completion-mode-card-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.notif-switch{cursor:pointer;background:#ffffff1f;border:1px solid #ffffff29;border-radius:9999px;flex-shrink:0;align-items:center;width:48px;height:26px;padding:2px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.notif-switch:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff47}.notif-switch.active{background:#10b981;border-color:#059669;box-shadow:0 0 16px #10b98159}.notif-switch.disabled{opacity:.45;cursor:not-allowed}.notif-switch-thumb{pointer-events:none;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:translate(1px);box-shadow:0 2px 5px #00000059}.notif-switch.active .notif-switch-thumb{transform:translate(23px)}.notif-status-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#00000040;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.notif-status-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.notif-status-label{color:var(--text-secondary);font-size:13px;font-weight:600}.notif-pill{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.notif-pill.pill-success{color:#34d399;background:#10b98126;border:1px solid #10b98159}.notif-pill.pill-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.notif-pill.pill-danger{color:#f87171;background:#ef444426;border:1px solid #ef444459}.notif-pill.pill-muted{border:1px solid var(--border-subtle);color:var(--text-muted);background:#ffffff0f}.notif-status-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.notif-test-wrapper{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-notif-test{align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:inline-flex}.notif-test-hint{color:#34d399;font-size:12px;font-weight:600}.notif-guide-box{border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.notif-guide-box.focus-mode{background:#6366f114;border:1px solid #6366f138}.notif-guide-box.denied{background:#f59e0b17;border:1px solid #f59e0b47}.notif-guide-header{color:var(--text-primary);align-items:center;gap:7px;font-size:12px;display:flex}.notif-guide-text{color:var(--text-secondary);margin:0}.notif-guide-steps{color:var(--text-secondary);flex-direction:column;gap:3px;margin:0;padding-left:18px;display:flex}.notif-guide-steps code{font-family:var(--font-mono);background:#ffffff14;border-radius:4px;padding:1px 4px;font-size:11px}.notif-guide-box.health-guide{background:#0f1012;border:1px solid #ffffff12;gap:10px;margin-top:16px}.health-copy-row{align-items:center;gap:10px;min-width:0;display:flex}.health-copy-label{width:56px;color:var(--text-secondary);flex-shrink:0}.health-copy-value{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);color:var(--text-primary);-webkit-user-select:all;user-select:all;flex:1;font-size:11px}.health-copy-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.health-copy-btn:hover{color:var(--text-primary);background:#ffffff0d}.calendar-feed{border-bottom:1px solid #ffffff12;flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.calendar-feed-name{color:var(--text-primary);font-weight:500}.pie-chart-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff06;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding:16px 20px;display:flex}.pie-chart-svg-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.pie-chart-svg{filter:drop-shadow(0 6px 14px #0006);overflow:visible}.pie-slice{cursor:pointer;transform-origin:50%;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s,filter .2s}.pie-slice:hover,.pie-slice.hovered{opacity:1;filter:brightness(1.2)drop-shadow(0 0 10px #ffffff4d);transform:scale(1.03)}.pie-chart-center-info{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pie-center-value{color:var(--text-primary);font-size:22px;font-weight:800;font-family:var(--font-mono);line-height:1.1}.pie-center-unit{color:var(--text-muted);letter-spacing:-.01em;margin-top:2px;font-size:11px;font-weight:600}.pie-chart-legend{flex-direction:column;flex:1;gap:8px;min-width:180px;max-width:280px;display:flex}.pie-legend-item{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;transition:all .15s;display:flex}.pie-legend-item:hover,.pie-legend-item.active{background:#ffffff14;border-color:#ffffff1f}.pie-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.pie-legend-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.pie-legend-stats{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;font-size:12px}.pie-legend-stats strong{color:var(--text-primary)}.pie-chart-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex}.pie-chart-empty-circle{font-family:var(--font-mono);color:var(--text-muted);border:2px dashed #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.pie-chart-empty-label{color:var(--text-muted);margin:0;font-size:13px}.habit-stepper-container{overscroll-behavior-x:contain;scrollbar-width:none;flex-direction:column;width:100%;min-width:0;display:flex;overflow-x:auto}.habit-stepper-container::-webkit-scrollbar{display:none}.habit-stepper-grid{grid-template-columns:repeat(7,minmax(112px,1fr));align-items:center;gap:6px;display:grid}.habit-day-col{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;transition:all .15s;display:flex}.habit-day-col:hover{background:#ffffff0d;border-color:#ffffff1f}.habit-day-col.is-active{background:#ffffff0a}.habit-day-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:11px;font-weight:600}.habit-day-col.is-active .habit-day-label{color:var(--text-primary)}.habit-step-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;line-height:1;transition:all .15s;display:flex}.habit-step-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff1f}.habit-step-btn:disabled{opacity:.25;cursor:not-allowed}.habit-day-value{font-family:var(--font-mono);background:#00000040;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:26px;height:24px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.habit-day-col.is-active .habit-day-value{background:#00000073;box-shadow:0 0 10px #0003}.habit-day-range{align-items:center;gap:1px;margin-top:4px;display:flex}.habit-day-range-sep{font-family:var(--font-mono);color:var(--text-muted);opacity:.6;font-size:12px}.habit-day-time{text-align:center;width:calc(5ch + 8px);font-family:var(--font-mono);letter-spacing:-.01em;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:3px 0;font-size:12px;line-height:1;transition:color .12s,border-color .12s,background .12s}.habit-day-time.is-set{color:#d7ba7d;font-weight:500}.habit-day-time:hover:not(:disabled){background:#ffffff0d}.habit-day-time:focus{cursor:text;background:#0000004d;border-color:#d7ba7d80}.habit-day-time:disabled{opacity:.35;cursor:default}.project-stats{flex-direction:column;gap:16px;margin-top:16px;display:flex}.ps-header{flex-direction:column;gap:12px;display:flex}.ps-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ps-seg{border:1px solid var(--border-subtle);border-radius:var(--radius-md);scrollbar-width:none;background:#0c0d0e;align-items:center;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.ps-seg::-webkit-scrollbar{display:none}.ps-seg button{color:var(--text-secondary);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:500}.ps-seg button:hover{color:var(--text-primary);background:#ffffff0a}.ps-seg button.is-active{color:#fff;background:#1c1d22;border-color:#ffffff17;box-shadow:0 1px 2px #0006}.ps-seg--sm{padding:2px}.ps-seg--sm button{padding:3px 9px;font-size:12px}.ps-select{border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:34px;color:var(--text-primary);letter-spacing:-.01em;appearance:none;cursor:pointer;background:#0c0d0e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238a8f98' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 11px center no-repeat;max-width:100%;padding:0 30px 0 12px;font-family:inherit;font-size:13px}.ps-select:hover{border-color:var(--border-hover)}.ps-select:focus{border-color:var(--border-focus);outline:none}.ps-empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 16px;font-size:13px}.ps-body{flex-direction:column;gap:12px;transition:opacity .2s;display:flex}.ps-body.is-refreshing{opacity:.6}.ps-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.ps-kpi{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.ps-kpi-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ps-kpi-value{letter-spacing:-.02em;color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.15}.ps-kpi-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ps-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:12px;min-width:0;padding:16px 18px 12px;display:flex}.ps-card--wide{grid-column:1/-1}.ps-card-head{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.ps-card-head h4{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.ps-card-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.ps-chart{width:100%;position:relative}.ps-chart svg{touch-action:pan-y;display:block;overflow:visible}.ps-chart .ps-gridline{stroke:#ffffff0d;stroke-width:1px;shape-rendering:crispedges}.ps-chart .ps-baseline{stroke:#ffffff24;stroke-width:1px;shape-rendering:crispedges}.ps-chart .ps-axis{fill:var(--text-muted);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:11px}.ps-chart .ps-hover-col{fill:#ffffff09}.ps-chart .ps-bar.is-hover,.ps-chart .ps-window.is-hover{filter:brightness(1.25)}.ps-chart .ps-dot{stroke:var(--bg-card)}.ps-chart .ps-hit{fill:#0000;cursor:crosshair}.ps-tip{z-index:5;box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap;background:#1c1d22;border:1px solid #ffffff17;border-radius:6px;flex-direction:column;gap:2px;padding:6px 9px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.ps-tip--left{transform:translate(-14px,calc(-100% - 8px))}.ps-tip--right{transform:translate(calc(14px - 100%),calc(-100% - 8px))}.ps-tip strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.ps-tip span{color:var(--text-secondary);font-size:11px}.ps-hbars{flex-direction:column;gap:10px;padding:2px 0 6px;display:flex}.ps-hbar{grid-template-columns:minmax(0,38%) minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.ps-hbar-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:12px;display:flex;overflow:hidden}.ps-hbar-name i{border-radius:2px;flex-shrink:0;width:8px;height:8px}.ps-hbar-track{height:8px;display:block}.ps-hbar-fill{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.ps-hbar-value{color:var(--text-primary);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:6px;min-width:56px;font-size:12px;font-weight:600;display:flex}.ps-hbar-value small{color:var(--text-muted);text-align:right;min-width:28px;font-size:11px;font-weight:400}@media (width<=860px){.ps-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.ps-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.ps-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ps-kpi{padding:10px 12px}.ps-kpi-value{font-size:20px}.ps-kpi:last-child:nth-child(odd){grid-column:1/-1}.ps-card{padding:14px 14px 10px}.ps-card-head{flex-wrap:wrap}}.projects-view-container{text-align:left;flex-direction:column;gap:24px;width:100%;max-width:1000px;margin:0 auto;padding:10px 0 60px;display:flex}.projects-top-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.header-titles{flex-direction:column;gap:4px;display:flex}.title-with-badge{align-items:center;gap:12px;display:flex}.projects-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:26px;font-weight:800}.projects-badge{border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0d;padding:3px 10px;font-size:11px;font-weight:600}.projects-subtitle{color:var(--text-muted);margin:0;font-size:13px}.btn-new-project{color:#08090a;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;background:#f7f8f8;border:1px solid #fff;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .12s;display:flex;box-shadow:0 1px 2px #0000004d}.btn-new-project:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.projects-controls{align-items:center;gap:12px;display:flex}.search-bar{width:100%;max-width:360px;position:relative}.search-bar .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:9px 12px 9px 36px;font-size:13px;transition:border-color .2s}.search-bar input:focus{border-color:var(--primary)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.project-folder-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;border-left:4px solid var(--proj-accent,#f43f5e);flex-direction:column;justify-content:space-between;min-height:140px;padding:18px;transition:all .2s;display:flex;position:relative}.project-folder-card:hover{border-color:#fff3;border-left-color:var(--proj-accent,#f43f5e);transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.p-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.p-card-title-group{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.p-card-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.p-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.p-folder-actions{align-items:center;gap:4px;display:flex}.p-folder-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.p-folder-btn:hover{color:var(--text-primary);background:#ffffff14}.p-folder-btn.text-danger:hover{color:#ef4444;background:#ef444426}.p-card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.p-folder-footer{justify-content:flex-end;align-items:center;margin-top:16px;display:flex}.p-folder-open-link{color:var(--text-muted);font-size:12px;font-weight:600;transition:color .15s}.project-folder-card:hover .p-folder-open-link{color:var(--text-primary)}.projects-empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:48px 24px;display:flex}.p-details-nav{align-items:center;display:flex}.p-back-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.p-back-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.p-details-header{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:5px solid var(--proj-color,#f43f5e);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:22px 24px;display:flex}.p-details-title-row{align-items:center;gap:12px;display:flex}.p-details-color-pill{background-color:var(--proj-color,#f43f5e);width:12px;height:12px;box-shadow:0 0 10px var(--proj-color,#f43f5e);border-radius:50%}.p-details-title{color:var(--text-primary);flex:1;margin:0;font-size:22px;font-weight:800}.p-details-actions{align-items:center;gap:6px;display:flex}.p-action-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.p-action-btn:hover{color:var(--text-primary);background:#ffffff1f}.p-action-btn.text-danger:hover{color:#ef4444;background:#ef444426}.p-details-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.p-details-stats-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.p-stat-pill{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff08;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.p-section-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:18px;padding:22px;display:flex}.p-section-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.p-section-heading{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.p-btn-add-task{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.p-btn-add-task:hover{border-color:var(--border-hover);color:#fff;background:#ffffff17}.p-task-add-form{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#00000040;flex-direction:column;gap:10px;padding:16px;display:flex}.p-form-title{color:var(--text-secondary);margin:0 0 2px;font-size:13px;font-weight:700}.p-form-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.p-form-input:focus{border-color:var(--primary)}.p-form-buttons{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.p-form-btn-cancel{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 12px;font-size:12px;font-weight:600}.p-form-btn-cancel:hover{color:var(--text-primary);background:#ffffff0d}.p-form-btn-save{color:#08090a;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;background:#f7f8f8;border:1px solid #fff;padding:6px 14px;font-size:12px;font-weight:600;transition:all .12s;box-shadow:0 1px 2px #0000004d}.p-form-btn-save:hover{background:#fff}.p-form-btn-save:disabled{opacity:.5;cursor:not-allowed}.p-tasks-loading,.p-tasks-empty{text-align:center;color:var(--text-muted);flex-direction:column;gap:4px;padding:24px;font-size:13px;display:flex}.p-tasks-list{flex-direction:column;gap:12px;display:flex}.p-task-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:14px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.p-task-card:hover{background:#ffffff0a;border-color:#ffffff26}.p-task-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.p-task-title-group{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.p-task-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.p-task-texts{flex-direction:column;gap:2px;min-width:0;display:flex}.p-task-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.p-task-name-row{align-items:center;gap:6px;min-width:0;display:flex}.p-task-name-pencil{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px 4px;transition:opacity .15s,color .15s;display:flex}.p-task-card:hover .p-task-name-pencil{opacity:1}.p-task-name-pencil:hover{color:var(--text-primary);background:#ffffff12}.p-task-name-edit-row{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.p-task-name-input{background:var(--bg-input);border:1px solid var(--primary);min-width:0;color:var(--text-primary);border-radius:4px;outline:none;flex:1;padding:2px 8px;font-family:inherit;font-size:14px;font-weight:700}.p-task-name-edit-ok,.p-task-name-edit-cancel{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:3px 5px;transition:background .12s;display:flex}.p-task-name-edit-ok{color:#10b981}.p-task-name-edit-ok:hover{background:#10b9811f}.p-task-name-edit-cancel{color:var(--text-muted)}.p-task-name-edit-cancel:hover{color:var(--text-primary);background:#ffffff12}.p-task-desc{color:var(--text-muted);font-size:11px}.p-task-right-actions{align-items:center;gap:10px;display:flex}.p-task-count-badge{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:11px}.p-task-count-badge strong{color:var(--text-primary);font-weight:700}.p-task-del-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.p-task-del-btn:hover{color:#ef4444;background:#ef44441f}.p-task-habit-wrapper{border-radius:var(--radius-sm);background:#0003;border:1px solid #ffffff0a;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.p-habit-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.p-habit-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.p-habit-hint{color:var(--text-muted);font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#04060cbf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.project-modal{border:1px solid var(--border-hover);border-radius:var(--radius-lg);text-align:left;background:#18181b;flex-direction:column;gap:18px;width:100%;max-width:440px;padding:24px;display:flex;box-shadow:0 20px 50px #0009}.modal-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:800}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-form .form-group{flex-direction:column;gap:6px;display:flex}.modal-form label{color:var(--text-secondary);font-size:12px;font-weight:700}.modal-form input,.modal-form textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.modal-form input:focus,.modal-form textarea:focus{border-color:var(--primary)}.colors-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s}.color-btn:hover{transform:scale(1.15)}.color-btn.selected{border-color:#fff;transform:scale(1.2)}.modal-footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn-cancel{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s}.btn-cancel:hover{color:var(--text-primary);background:#ffffff0d}.btn-save{color:#08090a;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;background:#f7f8f8;border:1px solid #fff;padding:7px 16px;font-size:12px;font-weight:600;transition:all .12s;box-shadow:0 1px 2px #0000004d}.btn-save:hover{background:#fff}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-pomodoro-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#04060cbf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.add-pomodoro-dialog{border-radius:var(--radius-lg);background:#0f1012;border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:500px;display:flex;overflow:hidden;box-shadow:0 24px 64px #000c,0 0 0 1px #ffffff0d}.add-pomodoro-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.header-title-box{align-items:center;gap:12px;display:flex}.header-icon-badge{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-primary);background:#18191c;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-title{color:var(--text-primary);font-size:18px;font-weight:800;line-height:1.2}.header-subtitle{color:var(--text-muted);margin-top:3px;font-size:12px}.add-pomodoro-body{flex-direction:column;gap:16px;max-height:75vh;padding:20px 24px;display:flex;overflow-y:auto}.project-selection-section,.task-selection-section{flex-direction:column;gap:10px;display:flex}.saved-projects-chips,.saved-tasks-chips{flex-direction:column;gap:6px;display:flex}.chips-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.chips-container{flex-wrap:wrap;align-items:center;gap:6px;max-height:120px;padding-bottom:2px;display:flex;overflow-y:auto}.project-chip-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.chip-input-wrap{border-radius:var(--radius-full);border:1px solid var(--border-hover);background:#0c0d0e;align-items:center;gap:5px;padding:3px 6px 3px 10px;transition:all .15s;display:inline-flex;box-shadow:0 0 0 1px #fff3}.tab-panel{flex-direction:column;gap:14px;display:flex}.comment-session-row{align-items:center;gap:8px;display:flex}.comment-session-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);text-align:right;flex-shrink:0;min-width:26px}.comment-session-input{padding:8px 12px;font-size:13px}.daily-quote-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:18px 24px;animation:.35s ease-out dailyQuoteFadeIn;display:flex}.daily-quote-text{color:var(--text-secondary,#94a3b8);letter-spacing:-.015em;max-width:620px;margin:0;font-size:13.5px;font-style:italic;font-weight:450;line-height:1.55}.daily-quote-author{color:var(--text-muted,#64748b);letter-spacing:.02em;text-transform:uppercase;font-size:11.5px;font-weight:500}@keyframes dailyQuoteFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.daily-quote-container{margin-top:12px;padding:14px 16px}.daily-quote-text{font-size:12.5px}.daily-quote-author{font-size:10.5px}}.day-nav-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff0a;align-items:center;gap:4px;padding:3px 6px;display:flex}.day-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.day-nav-btn:hover{color:var(--text-primary);background:#ffffff1a}.day-nav-label{color:var(--text-primary);text-align:center;-webkit-user-select:none;user-select:none;min-width:68px;padding:0 4px;font-size:13px;font-weight:600}.task-title-row{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.task-project-tag{color:var(--text-muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;background:0 0;border:none;align-items:center;max-width:100%;margin:0;padding:0;font-family:inherit;font-size:12px;font-weight:500;transition:color .15s;display:inline-flex;overflow:hidden}.task-project-tag:hover:not(:disabled){color:var(--text-secondary);text-decoration:none}.task-project-tag:disabled{cursor:default;opacity:.8;text-decoration:none}.number-stepper-wrap{vertical-align:middle;flex-direction:column;justify-content:center;align-items:center;min-width:20px;height:32px;display:inline-flex;position:relative}.number-stepper-arrow{color:var(--text-muted);cursor:pointer;opacity:0;pointer-events:none;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:10px;padding:0;transition:opacity .15s,color .15s,transform .15s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.number-stepper-arrow:before{content:"";position:absolute;inset:-4px -6px}.number-stepper-up{top:-4px}.number-stepper-up:hover{transform:translate(-50%)translateY(-1px)}.number-stepper-down{bottom:-4px}.number-stepper-down:hover{transform:translate(-50%)translateY(1px)}.number-stepper-wrap:hover .number-stepper-arrow,.number-stepper-wrap:focus-within .number-stepper-arrow{opacity:.65;pointer-events:auto}.number-stepper-arrow:hover{color:var(--text-primary);opacity:1!important}.number-stepper-val{text-align:center;font-family:var(--font-mono);line-height:1;display:inline-block}.number-stepper-completed{color:var(--text-primary);font-size:15px;font-weight:700}.number-stepper-input{text-align:center;width:24px;height:32px;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0;font-size:16px;line-height:1;display:none}.number-stepper-input:focus{border-color:var(--primary);background:#ffffff1a}.number-stepper-input--completed{color:var(--text-primary);font-weight:700}.number-stepper-input--estimated{color:var(--text-muted);font-weight:600}.number-stepper-estimated{color:var(--text-muted);font-size:14px;font-weight:600}.tasks-loading-state{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.tasks-container{flex-direction:column;width:100%;max-width:540px;margin:32px auto 0;display:flex;position:relative}.tasks-header{justify-content:space-between;align-items:center;gap:12px;padding:0 6px 12px;display:flex;position:relative}.tasks-header-left{align-items:center;gap:10px;min-width:0;display:flex}.tasks-sort-wrapper{align-items:center;height:28px;display:inline-flex;position:relative}.tasks-sort-btn-trigger{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.tasks-sort-btn-trigger.is-just-collapsed{transition:none}.tasks-sort-btn-trigger:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff1a}.tasks-sort-btn-trigger.is-active{box-shadow:none;color:#fff;background:#ffffff1f;border-color:#ffffff80}.tasks-sort-bar{isolation:isolate;box-sizing:border-box;align-items:center;gap:2px;height:28px;padding:1px;display:inline-flex;position:relative}.tasks-sort-bar:before{content:"";z-index:-1;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff0a;transition:border-color .15s;animation:.18s cubic-bezier(.16,1,.3,1) sortBarSlide;position:absolute;inset:0}.tasks-sort-bar:hover:before{border-color:var(--border-hover)}@keyframes sortBarSlide{0%{border-color:var(--border-hover);right:15%}to{border-color:var(--border-hover);right:0}}.tasks-sort-bar .tasks-sort-btn:not(:first-child){animation:.18s cubic-bezier(.16,1,.3,1) backwards sortBtnSlide}.tasks-sort-bar .tasks-sort-btn:nth-child(2){--sort-slide-from:-4px}.tasks-sort-bar .tasks-sort-btn:nth-child(3){--sort-slide-from:-8px}.tasks-sort-bar .tasks-sort-btn:nth-child(4){--sort-slide-from:-12px}@keyframes sortBtnSlide{0%{opacity:0;transform:translateX(var(--sort-slide-from,0))}to{opacity:1;transform:translate(0)}}.tasks-sort-bar .tasks-sort-btn:first-child:not(.is-active){animation:.18s linear sortFirstBtnHold}@keyframes sortFirstBtnHold{0%,to{color:var(--text-primary);background:#ffffff0f}}.tasks-sort-bar.is-closing:before{animation:.2s cubic-bezier(.61,1,.88,1) forwards sortBarSlideBack}@keyframes sortBarSlideBack{0%{right:0}to{right:calc(100% - 28px)}}.tasks-sort-bar.is-closing .tasks-sort-btn:not(:first-child){animation:.13s cubic-bezier(.16,1,.3,1) forwards sortBtnSlideBack}@keyframes sortBtnSlideBack{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(var(--sort-slide-from,0))}}.tasks-sort-bar.is-closing .tasks-sort-btn:first-child{animation:none}.tasks-sort-btn{aspect-ratio:1;border-radius:calc(var(--radius-sm) - 1px);width:26px;min-width:26px;height:26px;min-height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.tasks-sort-btn:hover{color:var(--text-primary);background:#ffffff0f}.tasks-sort-btn.is-active{box-shadow:none;color:#fff;background:#ffffff1f;border-color:#ffffff80}.sort-icon-ab{font-size:11px;font-weight:700;font-family:var(--font-sans);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;line-height:1}.tasks-title{color:var(--text-primary);letter-spacing:-.01em;font-size:18px;font-weight:700}.tasks-divider{background:var(--border-subtle);height:1px;margin-bottom:16px}.tasks-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.task-item-wrapper{will-change:margin, transform;flex-direction:column;gap:6px;margin-top:0;margin-bottom:0;transition:margin-top .22s cubic-bezier(.2,0,0,1),margin-bottom .22s cubic-bezier(.2,0,0,1);display:flex}@keyframes revealTaskCard{0%{opacity:0;transform:translateY(12px)scale(.98)}60%{opacity:1;transform:translateY(-1px)scale(1.004)}to{opacity:1;transform:translateY(0)scale(1)}}.task-item-wrapper.is-animating-in{animation:.38s cubic-bezier(.16,1,.3,1) forwards revealTaskCard}.task-item-wrapper.is-animating-in .task-card{border-color:#ffffff38;box-shadow:0 0 14px #ffffff0f}.task-card{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-left:3px solid var(--task-color,#ffffff26);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;padding:12px 16px;transition:all .12s;display:flex;position:relative}.task-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.task-card.is-active{border-color:#ffffff80;border-left:3px solid var(--task-color,#ffffffb3);box-shadow:none;cursor:default;background:#16181b}.task-card.is-active:hover{background:#16181b;border-color:#ffffff80}.task-card.is-done:not(.is-active){opacity:.5;background:#0b0c0e}.task-card.is-done.is-active{box-shadow:none;background:#111215;border-color:#ffffff80}.task-card.is-done.is-active .task-content,.task-card.is-done.is-active .task-check-btn,.task-card.is-done.is-active .task-stats,.task-card.is-done.is-active .task-card-time{opacity:.5}.task-card.is-done .task-title{color:var(--text-muted);text-decoration:line-through}.task-drag-handle{width:14px;height:24px;color:var(--text-muted);cursor:grab;opacity:.65;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;margin-right:-4px;transition:opacity .15s,color .15s;animation:.15s cubic-bezier(.16,1,.3,1) forwards dragHandleFadeIn;display:flex}@keyframes dragHandleFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:.65;transform:scale(1)}}.task-card:hover .task-drag-handle{opacity:.85}.task-drag-handle:hover{color:var(--text-primary);opacity:1!important}.task-drag-handle:active{cursor:grabbing}.task-item-wrapper.is-vacated{display:none!important}.task-item-wrapper.drag-gap-top{margin-top:38px}.task-item-wrapper.drag-gap-bottom{margin-bottom:38px}.task-floating-card-portal{pointer-events:none;z-index:9999;will-change:transform;position:fixed;top:0;left:0}.task-floating-card-portal .task-card{transform-origin:50%;box-shadow:0 16px 36px #000000bf,0 0 0 1px #ffffff26;cursor:grabbing!important}.task-floating-card-portal .task-card:not(.is-done){background:var(--bg-card-hover,#16181a);border-color:#ffffff47}.task-floating-card-portal .task-card.is-done{opacity:.55;background:#0b0c0e}.task-check-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .15s,color .15s;display:flex}.task-check-btn:hover{transform:scale(1.12)}.check-icon.checked{color:#10b981}.check-icon.unchecked:hover{color:var(--text-primary)}.task-content{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.task-card:not(.is-active):not(.empty-task-card) .task-content{padding-right:18px}.task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;min-width:0;max-width:100%;font-size:15px;font-weight:600;overflow:hidden}.task-notes-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.task-card-time{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:12px}.task-card-time--desktop{margin-left:auto;margin-right:12px}.task-card-time--mobile{display:none}.task-card-time--editable .task-inline-time-range{width:calc(13ch - .13em);margin:0}.task-stats{font-family:var(--font-mono);flex-shrink:0;align-items:center;margin-right:-10px;font-size:14px;display:flex}.task-pomo-counter{color:var(--text-muted)}.task-pomo-counter strong{color:var(--text-primary);font-size:16px;font-weight:700}.counter-sep{opacity:.5;margin:0 4px}.task-actions{z-index:2;flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.task-quick-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex;transform:scale(.9)}.task-card:hover .task-quick-btn{opacity:.65;transform:scale(1)}.task-quick-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff1a;opacity:1!important}.task-quick-btn.task-quick-delete:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.task-dropdown-toggle-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.task-dropdown-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff24}.task-dropdown-toggle-btn.expanded{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff1f}.task-dropdown-toggle-btn.expanded svg{transform:rotate(180deg)}.task-dropdown-toggle-btn svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.task-sub-pomos{border-left:2px dashed #ffffff1f;flex-direction:column;gap:6px;margin-top:2px;margin-bottom:6px;margin-left:28px;padding-left:14px;display:flex;position:relative}.pomo-sub-tile{-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:8px 14px;transition:background .15s,border-color .15s,transform .25s cubic-bezier(.16,1,.3,1);display:flex}.pomo-sub-tile:hover{background:#ffffff0f;border-color:#ffffff29}@keyframes revealSubTile{0%{opacity:0;border-color:#0000;max-height:0;margin-bottom:-6px;padding-top:0;padding-bottom:0;transform:translateY(-12px)scale(.97)}30%{opacity:.5;background:#ffffff14;border-color:#ffffff38;max-height:42px;margin-bottom:0;padding-top:8px;padding-bottom:8px}70%{opacity:.9;background:#ffffff0d;border-color:#ffffff24;transform:translateY(-2px)scale(.99)}to{opacity:1;background:#ffffff08;border-color:#ffffff12;max-height:60px;transform:translateY(0)scale(1)}}.pomo-sub-tile.is-animating-in{animation:.38s cubic-bezier(.16,1,.3,1) forwards revealSubTile;overflow:hidden}.pomo-sub-add-btn{width:100%;min-height:38px;color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px dashed #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.pomo-sub-add-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff47}.pomo-sub-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pomo-sub-check-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .15s;display:inline-flex}.pomo-sub-check-btn:hover:not(:disabled):not(.is-placeholder){transform:scale(1.12)}.pomo-sub-check-btn:disabled{cursor:default}.pomo-sub-check-btn.is-placeholder{cursor:default;opacity:.5}.pomo-sub-type-btn{width:20px;height:20px;color:var(--text-secondary,#fff9);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.pomo-sub-type-btn.is-micro{color:var(--text-muted);opacity:.6}.pomo-sub-type-btn:hover:not(:disabled){color:var(--text-primary);opacity:1;background:#ffffff0f}.pomo-sub-type-btn:disabled{cursor:default}.pomo-sub-title-wrapper{cursor:pointer;border-radius:4px;align-items:center;gap:6px;min-width:0;margin:-3px -6px;padding:3px 6px;transition:background .15s;display:flex}.pomo-sub-title-wrapper:hover{background:#ffffff14}.pomo-sub-title-wrapper:hover .pomo-sub-edit-icon{opacity:.8}.pomo-sub-comment{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500;overflow:hidden}.pomo-sub-comment.is-empty{color:var(--text-muted);font-size:14px;font-weight:400}.pomo-sub-edit-icon{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}.pomo-sub-input-row{flex:1;align-items:center;gap:6px;min-width:0;max-width:380px;display:flex}.pomo-sub-input{border:1px solid var(--border-hover);min-width:0;color:var(--text-primary);background:#0006;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-family:inherit;font-size:13px;transition:border-color .15s}.pomo-sub-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #fff3}.pomo-sub-ok-btn{background:var(--primary);color:#08090a;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;height:20px;padding:0 10px;font-size:11px;font-weight:600;transition:all .15s}.pomo-sub-ok-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.pomo-sub-ok-btn:active{transform:translateY(0)}.pomo-sub-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pomo-sub-time{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;width:13ch;font-size:11px}.pomo-sub-new-tile .pomo-sub-input,.pomo-sub-new-tile .pomo-sub-input:focus,.pomo-sub-input-row .pomo-sub-input,.pomo-sub-input-row .pomo-sub-input:focus{box-shadow:none;background:0 0;border:none;height:20px;padding:0;font-size:13px;font-weight:500}.pomo-sub-new-actions{font-family:var(--font-mono);justify-content:flex-end;width:calc(13ch + 28px);font-size:11px;display:flex}.pomo-sub-delete-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.pomo-sub-delete-btn:hover{opacity:1;color:#ef4444;background:#ef44441a;border-color:#ef444440}.pomo-sub-loading{color:var(--text-muted);text-align:left;background:#ffffff05;border:1px dashed #ffffff14;border-radius:6px;padding:9px 14px;font-size:12px}.tasks-empty-state{border-radius:var(--radius-md);border:1px dashed var(--border-subtle);text-align:center;color:var(--text-secondary);background:#ffffff08;padding:26px 16px}.tasks-empty-state p{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.tasks-empty-state span{color:var(--text-muted);font-size:12px}.add-task-btn{border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff0a;border:2px dashed #ffffff2e;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:14px 18px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.add-task-btn:hover{border-color:var(--border-hover);color:#fff;background:#ffffff17;transform:translateY(-1px)}.add-task-btn:disabled,.pomo-sub-add-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.task-form-footer{border-top:1px solid var(--border-subtle);background:#00000059;justify-content:flex-end;gap:12px;padding:14px 22px;display:flex}.form-cancel-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.form-cancel-btn:hover{color:var(--text-primary);background:#ffffff0f}.form-save-btn{color:#08090a;cursor:pointer;letter-spacing:-.01em;border-radius:var(--radius-sm);background:#f7f8f8;border:1px solid #fff;padding:8px 18px;font-size:13px;font-weight:600;transition:all .12s;box-shadow:0 1px 2px #0000004d}.form-save-btn:hover{background:#fff;box-shadow:0 4px 12px #0006}.form-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tasks-summary-bar{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);justify-content:center;align-items:center;gap:28px;padding:16px 20px;font-size:14px;display:flex}.summary-pomos,.summary-finish{align-items:baseline;gap:6px;display:flex}.summary-label{color:var(--text-muted);font-size:13px}.summary-value{color:var(--text-primary);font-family:var(--font-mono)}.summary-value strong{color:var(--text-primary);font-size:18px;font-weight:800}.task-check-btn.is-readonly{opacity:.75;cursor:default!important}.task-check-btn.is-readonly:hover{transform:none!important}.pomo-sub-title-wrapper.is-readonly{cursor:default!important}.pomo-sub-title-wrapper.is-readonly:hover{background:0 0!important}.empty-task-card{cursor:default;background:var(--bg-card);gap:8px;padding:12px 16px;transition:border-color .15s,background .15s,box-shadow .15s;animation:.22s cubic-bezier(.2,0,0,1) forwards emptyTaskSlideDown;flex-direction:column!important;align-items:stretch!important;display:flex!important}@keyframes emptyTaskSlideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.add-task-morph{margin-bottom:16px;position:relative}.add-task-morph .empty-task-card{animation:none}.add-task-morph-frame{display:none}.add-task-morph.is-morphing .add-task-morph-frame{pointer-events:none;width:calc(100% - 1px);height:calc(100% - 1px);animation:.2s cubic-bezier(.4,0,.2,1) forwards addTaskFrameBox;display:block;position:absolute;top:.5px;left:.5px;overflow:visible}.add-task-morph-frame rect{fill:none;stroke:#ffffff38;stroke-width:1px;animation:.2s cubic-bezier(.4,0,.2,1) forwards addTaskFrameJoin}@keyframes addTaskFrameBox{0%{width:calc(100% - 2px);height:calc(100% - 2px);top:1px;left:1px}to{width:calc(100% - 1px);height:calc(100% - 1px);top:.5px;left:.5px}}@keyframes addTaskFrameJoin{0%{stroke-dasharray:6 5;stroke-width:2px;stroke:#ffffff2e}to{stroke-dasharray:11 0;stroke-width:1px;stroke:#ffffff38}}.add-task-morph.is-morphing .empty-task-card,.add-task-morph.is-settling .empty-task-card{transition:none}.add-task-morph.is-morphing .empty-task-card{border-color:#0000;border-left-width:1px;height:100%;padding-left:18px;animation:.2s cubic-bezier(.2,0,0,1) forwards addTaskMorphCard;overflow:hidden}.add-task-morph.is-morphing .empty-task-card>*{animation:.2s cubic-bezier(.2,0,0,1) forwards addTaskMorphContent}@keyframes addTaskMorphCard{0%{background:#ffffff0a;box-shadow:inset 2px 0 #fff0,0 0 0 1px #fff0}to{background:#141518;box-shadow:inset 2px 0 #ffffff38,0 0 0 1px #ffffff1a}}@keyframes addTaskMorphContent{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tasks-footer-wrap{flex-direction:column;width:100%;display:flex}.empty-task-card:focus-within{background:#141518;border-color:#ffffff38;box-shadow:0 0 0 1px #ffffff1a}.empty-task-top-row{align-items:center;gap:14px;width:100%;display:flex}.empty-task-content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.empty-task-title-row{gap:6px;min-width:0;height:24px;white-space:nowrap!important;flex-wrap:nowrap!important;align-items:center!important;display:flex!important}.empty-task-input-wrap{flex-shrink:1;grid-template-columns:minmax(0,min-content);align-items:center;min-width:0;max-width:260px;display:inline-grid;position:relative;overflow:hidden}.empty-task-input-sizer{visibility:hidden;white-space:pre;letter-spacing:-.01em;pointer-events:none;grid-area:1/1;height:24px;margin:0;padding:0;font-family:inherit;font-size:15px;font-weight:600;line-height:24px}.empty-task-name-input{width:0;min-width:100%;color:var(--text-primary);letter-spacing:-.01em;background:0 0;border:none;outline:none;grid-area:1/1;align-items:center;height:24px;margin:0;padding:0;font-family:inherit;font-size:15px;font-weight:600;line-height:24px;display:inline-flex}.empty-task-name-input::placeholder{color:var(--text-muted);opacity:.65;font-weight:500}.empty-task-project-tag{vertical-align:middle;white-space:nowrap!important;flex-shrink:0!important;align-items:center!important;height:24px!important;margin:0!important;padding:0!important;line-height:24px!important;display:inline-flex!important}.empty-task-project-tag.is-placeholder{color:var(--text-muted);opacity:.7}.empty-task-project-tag:hover{color:var(--text-secondary);opacity:1!important}.task-inline-time-range{font-family:var(--font-mono);letter-spacing:-.01em;white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;width:calc(13ch - .13em);margin-left:auto;margin-right:12px;font-size:12px;display:inline-flex}.time-part{flex-shrink:0;align-items:center;width:calc(5ch - .05em);display:inline-flex;position:relative}.time-digit-input{text-align:center;width:calc(5ch - .05em);font-family:var(--font-mono);letter-spacing:-.01em;font-size:12px;line-height:1;transition:color .12s;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.time-digit-input.is-gray{color:var(--text-muted)}.time-digit-input.is-gold{color:#d7ba7d;font-weight:500}.time-digit-input.is-disabled{opacity:.45;cursor:not-allowed!important}.time-digit-input:not(.is-disabled){cursor:pointer}.time-middle-wrap{flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:calc(3ch - .03em);display:inline-flex}.time-separator{color:var(--text-muted);font-family:var(--font-mono);opacity:.6;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1}.inline-time-x-btn{color:var(--text-muted);cursor:pointer;opacity:.75;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:opacity .1s,color .1s;display:inline-flex;position:relative}.inline-time-x-btn:before{content:"";position:absolute;inset:-6px -4px}.inline-time-x-btn:hover{opacity:1;color:var(--text-primary)}.empty-task-stats{flex-shrink:0;align-items:center;gap:4px;display:flex}.empty-counter-input{text-align:center;width:20px;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0;font-size:15px;transition:all .15s}.empty-counter-input:hover{background:#ffffff0f;border-color:#ffffff1f}.empty-counter-input:focus{border-color:var(--primary);color:var(--text-primary);background:#ffffff1a}.empty-completed-input{color:var(--text-primary);font-weight:700}.empty-estimated-input{color:var(--text-muted);font-weight:500}.empty-task-actions-placeholder{pointer-events:none!important}.empty-task-actions-placeholder .task-quick-btn,.empty-task-actions-placeholder .task-dropdown-toggle-btn{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.empty-task-bottom-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;margin-top:2px;padding-top:8px;display:flex}.empty-task-bottom-actions{align-items:center;gap:8px;display:flex}.empty-task-cancel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:color .15s}.empty-task-cancel-btn:hover{color:var(--text-primary)}.empty-task-ok-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:6px;padding:4px 14px;font-size:12px;font-weight:700;transition:all .15s}.empty-task-ok-btn:hover{color:#000;background:#e6e6e6;border-color:#e6e6e6}.empty-task-ok-btn.is-submitting,.empty-task-ok-btn:disabled{color:#666670!important;cursor:wait!important;background:#0d0e11!important;border-color:#ffffff1a!important;transform:none!important;box-shadow:inset 0 1px 2px #00000080!important}@media (width<=768px){.task-card{gap:12px;padding:10px 14px}.task-card:not(.is-active):not(.empty-task-card) .task-content{padding-right:0}.task-card-time--desktop{display:none!important}.task-card-time--mobile{color:var(--text-muted);letter-spacing:-.01em;margin-top:2px;font-size:11px;line-height:1.3;display:block}.task-card-time--mobile.task-card-time--editable .task-inline-time-range,.task-card-time--mobile.task-card-time--editable .time-digit-input,.task-card-time--mobile.task-card-time--editable .time-separator{font-size:inherit;font-weight:400;line-height:inherit}.task-stats{margin-right:0}.number-stepper-arrow{display:none!important}.number-stepper-val--editable{display:none}.number-stepper-input{display:inline-block}.number-stepper-wrap{min-width:24px;height:36px}.empty-counter-input{min-width:24px;height:32px;padding:0 2px;font-size:16px}.empty-task-card{padding:10px 14px}.add-task-morph.is-morphing .empty-task-card{padding-left:16px}.empty-task-top-row{flex-wrap:wrap;gap:6px 12px}.empty-task-check-btn{order:1}.empty-task-content{flex:1;order:2;min-width:0}.empty-task-stats{order:3;margin-right:0}.empty-task-actions-placeholder{order:4}.empty-task-card .task-inline-time-range{flex:0 0 100%;order:5;justify-content:flex-start;width:auto;margin:2px 0 0;padding-left:34px}}.tasks-day-content{flex-direction:column;display:flex}.tasks-day-content.is-day-pending{opacity:0}.tasks-day-content.is-day-entering{animation:.35s ease-out fadeIn}.timer-notification-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#04060cb8;justify-content:center;align-items:center;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) forwards timerOverlayFadeIn;display:flex;position:fixed;inset:0}@keyframes timerOverlayFadeIn{0%{opacity:0}to{opacity:1}}.timer-notification-banner{border-radius:var(--radius-lg,12px);background:#0f1012;border:1px solid #ffffff1f;width:100%;max-width:480px;max-height:calc(100vh - 32px);animation:.22s cubic-bezier(.16,1,.3,1) forwards bannerScaleIn;position:relative;overflow:hidden auto;box-shadow:0 24px 60px -12px #000c,0 0 0 1px #ffffff0d}@keyframes bannerScaleIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.banner-glow-effect{display:none!important}.banner-content{align-items:flex-start;gap:14px;padding:14px 16px;display:flex;position:relative}.banner-icon-wrapper{flex-shrink:0;margin-top:1px}.banner-icon-box{width:36px;height:36px;color:var(--text-primary);background:#18191c;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;display:flex}.icon-bell{color:#fb7185}.icon-success{color:#34d399}.banner-body{flex:1;min-width:0}.banner-title{color:#fff;margin:0;font-size:15px;font-weight:700;line-height:1.25}.banner-assignment-section{flex-direction:column;gap:10px;margin-top:12px;display:flex}.banner-chips-group{flex-direction:column;gap:6px;display:flex}.banner-chips-hint{text-transform:uppercase;letter-spacing:.04em;color:#8a8f98;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.banner-chips-container{flex-wrap:wrap;align-items:center;gap:6px;max-height:100px;padding-bottom:2px;display:flex;overflow-y:auto}.project-chip-btn{border-radius:var(--radius-full,9999px);color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.project-chip-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e}.project-chip-btn.selected{border-color:var(--proj-color,#f43f5e);color:#fff;background:#ffffff24}.chip-dot{background-color:var(--proj-color,#f43f5e);border-radius:50%;flex-shrink:0;width:7px;height:7px}.chip-add-btn{border-radius:var(--radius-full,9999px);color:#8a8f98;cursor:pointer;background:#ffffff08;border:1px dashed #ffffff38;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.chip-add-btn:hover{color:#f7f8f8;background:#ffffff0f;border-color:#ffffff59}.chip-add-btn.active{color:#fff;background:#ffffff14;border:1px solid #fff3}.chip-input-wrap{border-radius:var(--radius-full,9999px);border:1px solid var(--border-hover);box-shadow:0 0 0 1px var(--primary);background:#0c0d0e;align-items:center;gap:4px;padding:2px 6px 2px 10px;transition:all .12s;display:inline-flex}.chip-inline-input{color:#fff;background:0 0;border:none;outline:none;width:130px;min-width:100px;max-width:200px;padding:1px 0;font-family:inherit;font-size:12px;font-weight:600}.chip-inline-input::placeholder{color:#ffffff73}.chip-input-cancel-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:all .12s;display:flex}.chip-input-cancel-btn:hover{color:#fff;background:#ffffff26}.banner-comment-row{align-items:center;gap:8px;width:100%;margin-top:12px;display:flex}.banner-comment-input{box-sizing:border-box;color:#f8fafc;background:#0c0d0e;border:1px solid #ffffff24;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s}.banner-comment-input:focus{border-color:var(--primary);background:#121316;box-shadow:0 0 0 2px #5e6ad240}.banner-comment-input::placeholder{color:#64748b}.banner-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.banner-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.banner-btn-primary{color:#08090a;background:#f7f8f8;border:1px solid #fff;box-shadow:0 1px 2px #0006}.banner-btn-primary:hover{background:#fff;box-shadow:0 2px 6px #00000080}.banner-btn-primary:disabled{opacity:.6;cursor:not-allowed}.banner-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-2px;margin-right:-4px;padding:4px;transition:all .15s;display:flex}.banner-close-btn:hover{color:#e2e8f0;background:#ffffff14}@media (width<=640px){.timer-notification-banner{width:100%;max-width:100%}}.banner-planned-group{margin-top:12px}.dashboard-layout{z-index:1;flex-direction:column;min-height:100dvh;padding-top:62px;display:flex;position:relative}.dashboard-nav{z-index:80;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#090a0fe6;width:100%;padding:12px 24px;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;display:flex}.nav-container--wide{max-width:1680px}.nav-brand{align-items:center;gap:12px;display:flex}.nav-brand-icon{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--primary);background:#111215;justify-content:center;align-items:center;display:flex}.nav-brand-title{color:var(--text-primary);letter-spacing:-.015em;font-size:15px;font-weight:600;line-height:1.2}.nav-actions{align-items:center;gap:16px;display:flex}.nav-tabs{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0c0d0e;align-items:center;gap:3px;padding:3px;display:flex}.nav-tab-btn{color:var(--text-secondary);letter-spacing:-.01em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;transition:none;display:flex}.nav-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.nav-tab-btn.active{color:#fff;background:#1c1d22;border:1px solid #ffffff17;box-shadow:0 1px 2px #0006}.nav-tab-btn--outlined{border-color:var(--border-subtle)}.user-profile-badge{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#ffffff0a;align-items:center;gap:10px;padding:4px 12px 4px 4px;transition:all .2s;display:flex}.user-profile-badge:hover{border-color:var(--border-hover);background:#ffffff14}.user-profile-badge.active-profile{background:#ffffff14;border-color:#ffffff38}.user-avatar-img,.user-avatar-fallback{border-radius:50%;width:32px;height:32px}.user-avatar-img{object-fit:cover}.user-avatar-fallback{border:1px solid var(--border-subtle);background:#18191c;justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex}.user-info-text{text-align:left;flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.user-email{color:var(--text-muted);font-size:11px}.nav-mobile-toggle{border-radius:var(--radius-sm,6px);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--text-primary);cursor:pointer;background:#111215;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:none}.nav-mobile-toggle:hover{border-color:var(--border-hover);background:#18191c}.nav-mobile-toggle:active{transform:scale(.96)}.mobile-drawer-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#000000b8;justify-content:flex-end;animation:.2s cubic-bezier(.16,1,.3,1) forwards drawerFadeIn;display:flex;position:fixed;inset:0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{width:min(320px,86vw);height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)) 16px;scrollbar-width:none;background:#0d0e11;border-left:1px solid #ffffff14;flex-direction:column;animation:.24s cubic-bezier(.16,1,.3,1) forwards drawerSlideIn;display:flex;position:relative;overflow-y:auto;box-shadow:-8px 0 32px #000000a6}.mobile-drawer::-webkit-scrollbar{display:none}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;display:flex}.mobile-drawer-brand{align-items:center;gap:10px;display:flex}.mobile-drawer-title{color:var(--text-primary);letter-spacing:-.015em;font-size:14.5px;font-weight:600}.mobile-drawer-close{border-radius:var(--radius-sm,6px);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff14;justify-content:center;align-items:center;transition:all .12s;display:flex}.mobile-drawer-close:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff26}.mobile-drawer-profile{border-radius:var(--radius-md,8px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;align-items:center;gap:12px;margin-bottom:16px;padding:10px 12px;transition:all .15s;display:flex}.mobile-drawer-profile:hover,.mobile-drawer-profile.active{background:#ffffff0f;border-color:#ffffff29}.mobile-profile-avatar,.mobile-profile-fallback{border-radius:50%;flex-shrink:0;width:36px;height:36px}.mobile-profile-avatar{object-fit:cover}.mobile-profile-fallback{border:1px solid var(--border-subtle);background:#18191c;justify-content:center;align-items:center;font-size:18px;display:flex}.mobile-profile-info{flex-direction:column;min-width:0;display:flex}.mobile-profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:13.5px;font-weight:600;overflow:hidden}.mobile-profile-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mobile-drawer-nav{flex-direction:column;flex:1;gap:5px;display:flex}.mobile-drawer-item{border-radius:var(--radius-md,8px);color:var(--text-secondary);letter-spacing:-.01em;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:500;transition:all .12s;display:flex}.mobile-drawer-item:hover{color:var(--text-primary);background:#ffffff0a}.mobile-drawer-item.active{color:#fff;background:#1a1c22;border-color:#ffffff1c;font-weight:600;box-shadow:0 1px 3px #0006}.mobile-drawer-item-icon{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.mobile-drawer-item.active .mobile-drawer-item-icon{color:#fff}.mobile-drawer-item-label{flex:1}.mobile-drawer-active-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #38bdf899}.mobile-drawer-footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.mobile-drawer-refresh-btn{border-radius:var(--radius-md,8px);width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.mobile-drawer-refresh-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff29}.mobile-drawer-logout{border-radius:var(--radius-md,8px);color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444433;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;transition:all .12s;display:flex}.mobile-drawer-logout:hover{color:#fca5a5;background:#ef444429;border-color:#ef444459}.mobile-drawer-version{text-align:center;font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.dashboard-main{flex:1;padding:40px 24px}.dashboard-main--wide{padding:24px 20px}.dashboard-container{flex-direction:column;gap:32px;max-width:1000px;margin:0 auto;display:flex}.dashboard-container--wide{flex-direction:column;gap:24px;width:100%;max-width:1680px;margin:0 auto;display:flex}.timer-showcase-section{justify-content:center;width:100%;display:flex}.timer-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:520px;height:380px;min-height:380px;max-height:380px;box-shadow:var(--shadow-lg);box-sizing:border-box;padding:24px 28px;position:relative;overflow:hidden}.timer-top-slot{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;left:0;right:0}.timer-mode-selector{border:1px solid var(--border-subtle);background:#0c0d0e;border-radius:8px;gap:2px;margin:0;padding:3px;display:flex}.mode-btn{color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.mode-btn:hover{color:var(--text-primary);background:#ffffff0a}.mode-btn.active{color:#fff;background:#1c1e22;border:1px solid #ffffff1f;box-shadow:0 1px 2px #0006}.timer-clock-display{pointer-events:none;z-index:1;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-digits{font-size:80px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-2px;text-shadow:none;-webkit-user-select:none;user-select:none;line-height:1}.timer-task-slot{box-sizing:border-box;z-index:2;justify-content:center;align-items:center;height:32px;padding:0 24px;display:flex;position:absolute;top:272px;left:0;right:0;transform:translateY(-50%)}.timer-controls{z-index:2;justify-content:center;align-items:center;gap:10px;height:42px;display:flex;position:absolute;bottom:24px;left:0;right:0}.timer-main-btn{color:#08090a;border-radius:var(--radius-md);letter-spacing:-.01em;background:#f7f8f8;border:1px solid #fff;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:10px 32px;font-size:14px;font-weight:600;transition:all .12s;display:flex;box-shadow:0 1px 2px #0006}.timer-main-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000080}.timer-main-btn.running{color:#f7f8f8;border:1px solid var(--border-hover);box-shadow:none;background:#18191c}.timer-skip-btn,.timer-reset-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;transition:all .12s;display:flex}.timer-skip-btn:hover,.timer-reset-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff0d}.timer-digits.completed{color:#f7f8f8;animation:1.6s ease-in-out infinite timerDigitsPulse}@keyframes timerDigitsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (width<=1024px){.dashboard-layout{padding-top:56px}.dashboard-nav{padding:9px 16px}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.nav-tabs,.nav-actions{display:none!important}.nav-mobile-toggle{display:flex}}@media (width<=768px){.dashboard-main{padding:20px 12px calc(40px + env(safe-area-inset-bottom,0px))}.dashboard-container,.dashboard-container--wide{padding:0}.timer-digits{font-size:60px}.timer-card{height:360px;min-height:360px;max-height:360px;padding:20px 16px}.timer-top-slot{top:20px}.timer-task-slot{padding:0 16px;top:254px}.timer-controls{bottom:20px}.mode-btn{padding:6px 10px;font-size:12px}}.timer-active-task-indicator{border-radius:var(--radius-full);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;max-width:90%;margin:0;padding:5px 12px;transition:all .15s;animation:.15s ease-out fadeInIndicator;display:inline-flex}@keyframes fadeInIndicator{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.timer-active-task-indicator:hover{background:#ffffff14;border-color:#ffffff29}.active-task-texts{align-items:baseline;min-width:0;display:flex;overflow:hidden}.active-task-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:600;overflow:hidden}.active-task-project-tag{color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;margin-left:5px;padding:0;font-family:inherit;font-size:12px;font-weight:500;transition:color .15s;display:inline}.active-task-project-tag:hover{color:var(--text-secondary);text-decoration:none}.active-task-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:3px;transition:all .15s;display:flex}.active-task-clear-btn:hover{color:var(--text-primary);background:#ffffff1a}.dashboard-user-indicator{-webkit-backdrop-filter:blur(12px);background:#12131abf;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 20px #00000040}.dashboard-user-indicator.indicator--other{background:linear-gradient(90deg,#6366f117 0%,#12131ad9 100%);border-color:#6366f159}.indicator-user-info{align-items:center;gap:12px;min-width:0;display:flex}.indicator-avatar{background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:visible}.indicator--other .indicator-avatar{border-color:#6366f180}.indicator-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.indicator-avatar-emoji{font-size:20px;line-height:1}.indicator-status-dot{border:2px solid #0f1015;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.dot--other{background:#38bdf8;box-shadow:0 0 6px #38bdf866}.indicator-details{flex-direction:column;gap:2px;min-width:0;display:flex}.indicator-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.indicator-user-name{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.indicator-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.badge--other{color:#a5b4fc;background:#6366f124;border:1px solid #6366f159}.indicator-meta-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.indicator-date-label{color:var(--text-muted)}.indicator-readonly-tag{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:1px 6px;font-size:10.5px}.indicator-actions{align-items:center;gap:10px;display:flex}.indicator-return-btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.indicator-return-btn:hover{background:#ffffff24;border-color:#ffffff40;transform:translate(-2px)}.indicator-return-btn:active{transform:translate(0)}.indicator-live-timer{color:var(--text-primary);font-family:var(--font-mono)}.other-user-dashboard-banner{background:#6366f10d;border:1px dashed #6366f140;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.other-banner-title{color:#a5b4fc;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.other-banner-sub{color:var(--text-secondary);font-size:13px;line-height:1.4;display:block}.other-banner-sub strong{color:var(--text-primary)}.verification-wrapper{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex;position:relative}.verification-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;align-items:center;padding:38px 32px;display:flex;position:relative;overflow:hidden}.verification-card:before{content:"";background:var(--border-subtle);height:2px;position:absolute;top:0;left:0;right:0}.verification-badge-container{flex-direction:column;align-items:center;gap:12px;margin-bottom:18px;display:flex}.verification-icon-circle{width:64px;height:64px;color:var(--text-primary);background:#18191c;border:1px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #0006}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.live-pulse-badge{border-radius:var(--radius-full);color:#fbbf24;letter-spacing:.02em;background:#f59e0b1f;border:1px solid #f59e0b4d;align-items:center;gap:7px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background-color:#fbbf24;border-radius:50%;width:7px;height:7px}.live-dot.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseDot}.verification-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-size:24px;font-weight:800}.verification-description{color:var(--text-secondary);margin-bottom:18px;font-size:14px;line-height:1.5}.email-highlight-box{border-radius:var(--radius-md);background:#0f172ab3;border:1px solid #ffffff1f;align-items:center;gap:10px;max-width:100%;margin-bottom:22px;padding:10px 18px;display:inline-flex}.email-box-icon{color:#38bdf8;flex-shrink:0}.email-box-text{font-family:var(--font-mono);color:#38bdf8;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.verification-steps-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;background:#ffffff05;flex-direction:column;gap:12px;width:100%;margin-bottom:24px;padding:16px 18px;display:flex}.step-item{align-items:flex-start;gap:12px;display:flex}.step-num{border:1px solid var(--border-subtle);width:22px;height:22px;color:var(--text-primary);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;font-weight:600;display:flex}.step-text{color:var(--text-secondary);font-size:13px;line-height:1.45}.step-text strong{color:var(--text-primary);font-weight:600}.verification-actions{flex-direction:column;gap:12px;width:100%;margin-bottom:18px;display:flex}.primary-verify-btn{border-radius:var(--radius-sm);color:#08090a;cursor:pointer;letter-spacing:-.01em;background:#f7f8f8;border:1px solid #fff;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-size:14px;font-weight:600;transition:all .12s;display:flex;box-shadow:0 1px 2px #0000004d}.primary-verify-btn:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #0006}.primary-verify-btn:disabled{opacity:.65;cursor:not-allowed}.secondary-resend-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:100%;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.secondary-resend-btn:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff17}.secondary-resend-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:1s linear infinite spin}.verification-footer{border-top:1px solid var(--border-subtle);justify-content:center;width:100%;padding-top:12px;display:flex}.back-to-login-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.back-to-login-btn:hover{color:var(--text-primary);background:#ffffff0a}.auth-alert.info{color:#7dd3fc;background:#38bdf81f;border:1px solid #38bdf847}.holy-loader-container{background-color:var(--bg-main,#090a0f);z-index:9999;box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.holy-loader-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:380px;margin:0 auto;display:flex;position:relative}.holy-tomato-aura{filter:blur(28px);pointer-events:none;background:radial-gradient(circle,#fbbf2438 0%,#f43f5e2e 50%,#0000 70%);border-radius:50%;width:160px;height:160px;animation:3s ease-in-out infinite alternate auraPulse;position:absolute;top:15px}@keyframes auraPulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.18)}}.holy-tomato-floating{filter:drop-shadow(0 10px 24px #f43f5e40);will-change:transform;justify-content:center;align-items:center;animation:3.2s ease-in-out infinite alternate holyFloat;display:flex}@keyframes holyFloat{0%{transform:translateY(4px)}to{transform:translateY(-8px)}}.holy-tomato-svg{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.holy-tomato-shadow{background:radial-gradient(#0000008c 0%,#0000 70%);border-radius:50%;width:80px;height:12px;margin-top:4px;margin-bottom:22px;animation:3.2s ease-in-out infinite alternate shadowScale}@keyframes shadowScale{0%{opacity:.75;transform:scale(1.1)}to{opacity:.35;transform:scale(.85)}}.holy-progress-track{background:#ffffff14;border-radius:9999px;width:160px;height:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.holy-progress-fill{background:linear-gradient(90deg,#f43f5e 0%,#fbbf24 60%,#fff 100%);border-radius:9999px;width:45%;animation:1.6s ease-in-out infinite holyProgress;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #fbbf2499}@keyframes holyProgress{0%{left:-45%}to{left:100%}}.holy-loader-textbox{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:18px;display:flex}.holy-loader-text{font-family:var(--font-sans,system-ui, -apple-system, sans-serif);letter-spacing:.03em;color:#f1f5f9;text-align:center;background:linear-gradient(#fff 30%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:15px;font-weight:600;animation:2.4s ease-in-out infinite alternate textBreathe}@keyframes textBreathe{0%{opacity:.75}to{opacity:1}}