body{margin:0;font-family:Inter,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef1f4;color:#1f2937}.login-bg{background-color:#0f1115;background-image:none;background-size:contain;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){.login-bg{background-image:url(/img/wallhaven-exd3w8.png)}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:calc(.85rem + env(safe-area-inset-top)) 2rem .85rem;background:#172033;color:#fff;box-shadow:0 10px 28px #0f172a29;position:sticky;top:0;z-index:50}.nav-brand{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1.5rem;flex-wrap:wrap}.nav-links a{color:#fff;text-decoration:none;padding:.58rem .82rem;border-radius:8px;transition:background .2s;display:inline-flex;align-items:center;gap:.38rem;font-weight:700;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:#ffffff1a}.nav-actions{display:flex;align-items:center;gap:1rem}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid white;color:#fff;border-radius:4px;transition:all .2s}.logout-btn:hover{background:#fff;color:#2c3e50}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d8d7d1;border-radius:6px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1f2a44;box-shadow:0 0 0 3px #1f2a441f}button[type=submit],button.primary{width:100%;padding:.8rem;background:linear-gradient(120deg,#1f2a44,#1f2a44 50%,#263859);color:#fefefe;border:none;border-radius:10px;font-size:1rem;font-weight:700;letter-spacing:.03em;transition:transform .15s ease,box-shadow .2s ease}button[type=submit]:hover,button.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1f2a4440}button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.toggle-mode{margin-top:1rem;text-align:center;color:#3e4658}.toggle-mode a{color:#1f2a44;cursor:pointer;margin-left:.5rem}.timer-page{padding:.5rem 0 2.5rem}.timer-shell{max-width:1180px;margin:0 auto;padding:0 1.25rem;display:flex;flex-direction:column;gap:1rem}.timer-header h1{margin:0 0 .35rem;font-size:2rem;font-weight:800;letter-spacing:.01em}.timer-banner{margin:0;padding:.9rem 1rem;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e5e7eb;color:#1f2937;font-size:1.08rem;font-weight:700;box-shadow:0 6px 18px #0f172a14}.timer-sync-bar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.6rem .75rem;border:1px solid #dbe3ec;border-radius:8px;background:#fff;color:#475569;font-size:.95rem}.timer-sync-bar strong{color:#166534;font-weight:800}.timer-sync-bar button{min-height:40px;padding:.45rem .8rem;border:none;border-radius:8px;background:#172033;color:#fff;font-weight:800}.timer-sync-bar button:disabled{background:#94a3b8}.sync-pill{display:inline-flex;align-items:center;min-height:30px;padding:.25rem .65rem;border-radius:999px;font-weight:800}.sync-pill.online{background:#dcfce7;color:#166534}.sync-pill.offline{background:#fee2e2;color:#991b1b}.sync-text{font-weight:700}.timer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;align-items:stretch}@media (min-width: 1024px){.timer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.timer-grid{grid-template-columns:1fr}}.ui-card{background:#fff;border:1px solid #e7e9ef;border-radius:14px;padding:18px 20px;box-shadow:0 8px 30px #0f172a0f;display:flex;flex-direction:column;gap:1rem}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.25rem}.card-eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;font-weight:700;margin-bottom:.25rem}.card-title{margin:0;font-size:1.25rem;font-weight:800;color:#111827;letter-spacing:.01em}.card-subtitle{margin:.35rem 0 0;color:#6b7280;font-size:.95rem}.target-card{display:grid;grid-template-columns:170px 1fr;gap:1.25rem;align-items:center}@media (max-width: 768px){.target-card{grid-template-columns:1fr}.target-ring{margin:0 auto}}.target-ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative;color:#0f172a}.target-ring-inner{width:125px;height:125px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px #eef2ff}.target-value{font-size:1.35rem;font-weight:800}.target-label{font-size:.88rem;color:#6b7280}.target-meta{display:flex;flex-direction:column;gap:.35rem}.target-title{font-size:1.1rem;font-weight:800;color:#111827}.target-desc,.target-progress{color:#4b5563}.category-split{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.category-card .category-select{margin:0;padding:0;border:none;background:transparent;display:grid;gap:1rem}.category-card .category-select>label{font-weight:700;color:#111827;font-size:1rem}.category-card .category-select select{padding:.65rem .75rem;border-radius:10px;border:1px solid #d6d7dd}.category-card .category-create-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;align-items:end}.category-card .category-create-form .form-group{margin-bottom:0}.category-card .category-create-form button[type=submit]{width:auto;padding:.65rem 1.1rem;font-size:.95rem;justify-self:end}.category-edit-panel{border:1px solid #e5e7eb;border-radius:10px;padding:.8rem;background:#fafafa}.category-current{display:flex;align-items:center;gap:.65rem;color:#111827;font-weight:700}.category-current button,.category-edit-actions button{width:auto;padding:.5rem .85rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-weight:700}.category-current button{margin-left:auto}.category-color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex:0 0 auto}.category-edit-form{display:grid;grid-template-columns:minmax(160px,1fr) 96px auto;gap:.75rem;align-items:end}.category-edit-form .form-group{margin-bottom:0}.category-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.category-edit-actions button[type=submit]{width:auto;padding:.5rem 1rem;border:none;border-radius:8px}@media (max-width: 720px){.category-edit-form{grid-template-columns:1fr}.category-edit-actions{justify-content:stretch}.category-edit-actions button{flex:1}}.quick-start-card{gap:.85rem}.quick-start-head{align-items:center}.quick-start-head button{min-height:44px;padding:.65rem 1rem;border:none;border-radius:8px;background:#172033;color:#fff;font-weight:800}.quick-template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.quick-template-item{display:grid;gap:.65rem;padding:.85rem;border:1px solid #e5e7eb;border-top:4px solid #172033;border-radius:8px;background:#fff}.quick-template-start{width:100%;min-height:76px;padding:0;border:none;background:transparent;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.75rem;text-align:left}.quick-template-start strong,.quick-template-start small,.quick-template-start em{display:block}.quick-template-start strong{color:#111827;font-size:1rem;margin-bottom:.25rem;overflow-wrap:anywhere}.quick-template-start small{color:#64748b;font-weight:700}.quick-template-start em{color:#172033;font-style:normal;font-weight:800;white-space:nowrap}.quick-template-icon{width:46px;height:46px;border-radius:8px;color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.quick-template-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.quick-template-actions button,.quick-template-form-actions button{min-height:40px;padding:.45rem .55rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-weight:700}.quick-template-actions button:disabled,.quick-template-form-actions button:disabled{color:#94a3b8;background:#f8fafc}.quick-template-actions button.danger{border-color:#fecaca;color:#b91c1c}.quick-template-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:1rem;color:#64748b;background:#f8fafc}.quick-template-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:.75rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.quick-template-form .form-group{margin-bottom:0}.quick-template-note{grid-column:1 / -1}.quick-template-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.65rem}.quick-template-form-actions button[type=submit]{width:auto;min-width:130px;border:none;background:#172033;color:#fff}@media (max-width: 720px){.quick-template-list{display:flex;overflow-x:auto;gap:.7rem;padding-bottom:.15rem;scroll-snap-type:x proximity}.quick-template-item{flex:0 0 min(84vw,320px);scroll-snap-align:start}.quick-template-form{grid-template-columns:1fr 1fr}.quick-template-form .form-group:first-child,.quick-template-form .form-group:nth-child(2){grid-column:1 / -1}}@media (max-width: 900px){.category-split,.category-card .category-create-form{grid-template-columns:1fr}}.mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:4px;border-radius:12px;background:#f3f4f6;border:1px solid #e5e7eb;margin-bottom:1.25rem}.mode-toggle button{border:none;background:transparent;padding:.65rem .75rem;border-radius:10px;font-weight:700;color:#4b5563;transition:all .2s ease}.mode-toggle button:hover{color:#111827}.mode-toggle button.active{background:#111827;color:#fff;box-shadow:0 8px 20px #1118272e}.timer-controls{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.template-countdown{width:min(100%,360px);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a}.template-countdown span{font-weight:800}.template-countdown strong{font-family:Courier New,monospace;font-size:1.05rem}.template-countdown.done{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.timer-display{font-size:3.6rem;font-weight:800;letter-spacing:.04em;margin:0;color:#0f172a;font-family:Courier New,monospace}.timer-footer{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.multiplier-control{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.multiplier-control label{display:flex;align-items:center;gap:.75rem;font-weight:700;color:#111827}.multiplier-control input{width:120px;padding:.55rem .65rem;border:1px solid #d6d7dd;border-radius:10px}.multiplier-control input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.multiplier-hint{color:#6b7280;font-size:.92rem}.timer-buttons{display:flex;justify-content:flex-end;flex:1;min-width:240px}.timer-buttons button{width:100%;min-width:200px;min-height:48px;padding:.95rem 1.6rem;font-size:1.05rem;border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(120deg,#111827,#0f172a 60%,#111827);color:#fff;font-weight:800;letter-spacing:.02em;transition:transform .15s ease,box-shadow .2s ease}.timer-buttons button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a40}.timer-buttons button.stop{background:linear-gradient(120deg,#dc2626,#ef4444);box-shadow:none}.timer-buttons button.stop:hover{box-shadow:0 10px 24px #dc262640}.timer-buttons button:disabled{opacity:.65;transform:none;box-shadow:none}.template-duration-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));background:#0f172a7a}.template-duration-dialog{width:min(92vw,420px);display:grid;gap:.85rem;padding:1.1rem;border-radius:8px;background:#fff;box-shadow:0 24px 70px #0f172a4d;text-align:left}.template-duration-dialog h3,.template-duration-dialog p{margin:0}.template-duration-dialog h3{color:#111827;font-size:1.2rem}.template-duration-dialog p{color:#475569;line-height:1.6}.template-duration-dialog div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.template-duration-dialog button{min-height:46px;border:none;border-radius:8px;background:#172033;color:#fff;font-weight:800}.template-duration-dialog button.stop{background:#dc2626}.manual-form{background:transparent;padding:0;border-radius:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.manual-form .form-group{margin-bottom:0}.manual-category-field{grid-column:1 / -1}.manual-category-field .category-select{display:grid;gap:.5rem}.manual-category-field .category-select label{color:#555;font-weight:500}.manual-category-field .category-select select{width:100%;padding:.75rem;border:1px solid #d8d7d1;border-radius:6px;font-size:1rem}.manual-form button[type=submit]{width:auto;justify-self:end;min-width:160px}.stats-page h1{margin-bottom:2rem}.period-selector{display:flex;gap:.5rem;margin-bottom:2rem}.period-selector button{padding:.75rem 1.5rem;background:#fff;border:2px solid #ddd;border-radius:4px;transition:all .2s}.period-selector button.active{background:#667eea;color:#fff;border-color:#667eea}.custom-range{display:flex;gap:1rem;align-items:center;margin-bottom:2rem}.custom-range input{padding:.5rem;border:1px solid #ddd;border-radius:4px}.custom-range button{padding:.5rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:4px}.stats-chart{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.stats-current{margin-bottom:2rem}.history-panel{margin-top:2rem}.history-panel h2{margin:0 0 1rem;font-size:1.35rem}.history-panel table td:nth-child(4){color:#4b5563}.heatmap-page h1{margin-bottom:2rem}.year-selector{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.year-selector button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px}.year-selector span{font-size:1.5rem;font-weight:700}.heatmap-grid{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.grid-container{display:grid;grid-template-columns:repeat(53,12px);gap:3px;margin-bottom:1rem}.grid-cell{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:transform .2s}.grid-cell:hover{transform:scale(1.5)}.legend{display:flex;align-items:center;gap:4px;justify-content:flex-end}.legend div{width:12px;height:12px;border-radius:2px}.day-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:800px;max-height:80vh;overflow-y:auto}.modal-content h3{margin-bottom:1rem}.modal-content table{width:100%;margin:1rem 0}.modal-content button{margin-top:1rem;padding:.5rem 2rem;background:#667eea;color:#fff;border:none;border-radius:4px}.targets-page h1{margin-bottom:2rem}.targets-page>button{margin-bottom:1.5rem;padding:.75rem 1.5rem;background:#27ae60;color:#fff;border:none;border-radius:4px}.target-form{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.category-checkboxes{display:flex;flex-direction:column;gap:.5rem}.category-checkboxes label{display:flex;align-items:center;gap:.5rem}.targets-list,.evaluations-list{margin-top:2rem}.targets-list h2,.evaluations-list h2{margin-bottom:1rem}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}table thead{background:#f5f5f5}table th,table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}table tr:last-child td{border-bottom:none}table button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:.9rem}.pass{color:#27ae60;font-weight:700}.fail{color:#e74c3c;font-weight:700}.discipline-page{max-width:860px;margin:0 auto;padding-bottom:3rem}.discipline-panel{background:#fff;border:1px solid #e7e9ef;border-radius:10px;padding:1.25rem;box-shadow:0 8px 30px #0f172a0f}.discipline-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.discipline-head h1,.discipline-form h2{margin:0 0 .5rem}.discipline-head p,.discipline-message{margin:0;color:#4b5563}.discipline-head button,.discipline-permissions button,.discipline-form button{width:auto;border:none;border-radius:8px;padding:.65rem 1rem;background:#1f2a44;color:#fff;font-weight:700}.discipline-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0}.discipline-status-grid div,.discipline-permissions div{border:1px solid #e5e7eb;border-radius:8px;padding:.85rem;background:#f8fafc}.discipline-status-grid span,.discipline-permissions span{display:block;color:#6b7280;margin-bottom:.35rem}.discipline-status-grid strong,.discipline-permissions strong{color:#111827}.discipline-permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin-bottom:1rem}.discipline-permissions .ready{border-color:#bbf7d0;background:#f0fdf4}.discipline-permissions button{margin-top:.75rem}.discipline-form{display:grid;gap:.85rem;margin-top:1rem;border-top:1px solid #e5e7eb;padding-top:1rem}.discipline-form label{display:grid;gap:.45rem;color:#374151;font-weight:700}.discipline-form input,.discipline-form select,.discipline-form textarea{border:1px solid #d8d7d1;border-radius:8px;padding:.75rem;font-size:1rem}.discipline-form.danger button{background:#b91c1c}.discipline-message{margin-top:1rem;font-weight:700}.admin-page h1{margin-bottom:2rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem}.tabs button{padding:.75rem 1.5rem;background:#fff;border:2px solid #ddd;border-radius:4px;transition:all .2s}.tabs button.active{background:#667eea;color:#fff;border-color:#667eea}.search-bar,.filters{display:flex;gap:1rem;margin-bottom:1.5rem}.search-bar input,.filters input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px}.search-bar button,.filters button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:4px}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.pagination button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px}.pagination button:disabled{background:#ccc;cursor:not-allowed}.logs-tab pre{font-size:.8rem;background:#f5f5f5;padding:.5rem;border-radius:4px;max-width:300px;overflow-x:auto}.time-trace-page{max-width:860px;margin:0 auto;padding-bottom:3rem}.time-trace-header h1{margin:0 0 1.5rem;font-size:2rem}.time-trace-form{display:grid;gap:.75rem;margin-bottom:2rem;background:#fff;border:1px solid #e7e9ef;border-radius:10px;padding:1rem;box-shadow:0 8px 30px #0f172a0f}.time-trace-form textarea{width:100%;resize:vertical;min-height:110px;border:1px solid #d8d7d1;border-radius:8px;padding:.8rem;font-size:1rem;line-height:1.65}.time-trace-form textarea:focus{outline:none;border-color:#1f2a44;box-shadow:0 0 0 3px #1f2a441f}.time-trace-form button[type=submit]{width:auto;min-width:140px;justify-self:end}.time-trace-tree{position:relative;display:flex;flex-direction:column;gap:1rem;padding-left:2rem}.time-trace-tree:before{content:"";position:absolute;top:.4rem;bottom:.4rem;left:.55rem;width:2px;background:linear-gradient(#2f855a,#9ae6b4)}.time-trace-node{position:relative}.time-trace-dot{position:absolute;left:-1.9rem;top:1rem;width:14px;height:14px;border-radius:50%;background:#2f855a;border:3px solid #f7f6f2;box-shadow:0 0 0 1px #2f855a}.time-trace-card{background:#fff;border:1px solid #e7e9ef;border-radius:10px;padding:1rem 1.15rem;box-shadow:0 6px 20px #0f172a0d}.time-trace-card time{display:block;color:#64748b;font-size:.9rem;margin-bottom:.5rem}.time-trace-card p{margin:0;color:#111827;line-height:1.8;white-space:pre-wrap}.time-trace-empty{background:#fff;border:1px dashed #d1d5db;border-radius:10px;padding:2rem;text-align:center;color:#6b7280}.notification-bell{position:relative}.bell-button{background:transparent;border:none;color:#fff;position:relative;padding:.5rem}.bell-button .badge{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px}.notification-bell .dropdown{position:absolute;top:100%;right:0;background:#fff;color:#333;border-radius:8px;box-shadow:0 4px 12px #00000026;width:300px;max-height:400px;overflow-y:auto;margin-top:.5rem;z-index:100}.notification-bell .dropdown h4{padding:1rem;border-bottom:1px solid #eee;margin:0}.notification-bell .dropdown ul{list-style:none;padding:0;margin:0}.notification-bell .dropdown li{padding:1rem;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}.notification-bell .dropdown li:hover{background:#f5f5f5}.notification-bell .dropdown li.unread{background:#e8f4fd}.notification-bell .dropdown li p{margin:0 0 .5rem}.notification-bell .dropdown li small{color:#999}.notification-bell .dropdown li time{display:block;margin-top:.45rem;color:#94a3b8;font-size:.78rem}.notification-summary{padding:1rem;border-bottom:1px solid #e5e7eb;display:grid;gap:.65rem}.notification-summary h4{padding:0;border-bottom:none}.notification-summary div{display:flex;justify-content:space-between;gap:1rem;color:#475569}.notification-summary strong{color:#111827}.notification-empty{margin:0;padding:1rem;color:#64748b}.targets-header,.review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.targets-header h1,.review-header h1{margin:0}.targets-header button,.review-header button{width:auto;border:none;border-radius:8px;padding:.72rem 1rem;background:#172033;color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:.45rem}.target-overview,.review-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;margin-bottom:1.25rem}.target-overview div,.review-metric-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 8px 22px #0f172a0f}.target-overview span,.review-metric-grid span{display:block;color:#64748b;font-size:.86rem;margin-bottom:.4rem}.target-overview strong,.review-metric-grid strong{color:#0f172a;font-size:1.35rem}.target-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;margin-bottom:1.25rem}.target-progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 8px 22px #0f172a0f}.target-progress-card>div:first-child{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.target-progress-card span{color:#64748b}.target-progress-card strong{color:#0f172a;font-size:1.25rem}.target-progress-card p{color:#475569;margin:.75rem 0 0}.target-progress-bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.target-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#2f855a,#172033)}.target-events{margin-top:2rem}.target-event-list{display:grid;gap:.75rem}.target-event{background:#fff;border:1px solid #e2e8f0;border-left:5px solid #b91c1c;border-radius:8px;padding:.95rem 1rem;box-shadow:0 8px 22px #0f172a0d}.target-event.compensation{border-left-color:#2f855a}.target-event div{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.target-event span,.target-event p{color:#64748b}.target-event p{margin:0}.review-page{max-width:1100px;margin:0 auto}.review-header p{margin:.35rem 0 0;color:#64748b}.review-header button:disabled{background:#94a3b8}.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.review-toolbar .period-selector{margin-bottom:0}.review-toolbar input{border:1px solid #cbd5e1;border-radius:8px;padding:.7rem .85rem;background:#fff}.review-category-filter{margin-bottom:1.25rem;border:1px solid #000000;border-radius:8px;background:#fff}.review-category-filter summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;cursor:pointer;list-style:none}.review-category-filter summary::-webkit-details-marker{display:none}.review-category-filter summary>span{display:inline-flex;align-items:center;gap:.5rem;font-weight:800}.review-category-filter summary>strong{color:#475569}.review-category-filter[open] summary{border-bottom:1px solid #000000}.review-category-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;padding:.85rem 1rem 1rem}.review-category-options label{min-width:0;display:grid;grid-template-columns:auto 12px minmax(0,1fr);align-items:center;gap:.55rem;padding:.7rem .75rem;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer}.review-category-options input{width:17px;height:17px;margin:0;accent-color:#000000}.review-category-options label>span{width:12px;height:12px;border-radius:3px}.review-category-options label>strong{min-width:0;overflow-wrap:anywhere}.review-category-all-swatch{border:1px solid #000000;background:linear-gradient(135deg,#000 0,#000 50%,#fff 50%,#fff)}.review-category-options p{grid-column:1 / -1;margin:0;color:#64748b}.review-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:1rem;margin-bottom:1rem}.review-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 8px 22px #0f172a0f;margin-bottom:1rem}.review-panel h2{display:flex;align-items:center;gap:.45rem;margin:0 0 1rem;font-size:1.1rem}.review-category-list{display:grid;gap:.65rem}.review-category-row{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:.65rem;padding:.6rem 0;border-bottom:1px solid #eef2f7}.review-category-row:last-child{border-bottom:none}.review-category-row span{width:12px;height:12px;border-radius:50%}.review-category-row em{font-style:normal;color:#111827;font-weight:700}.review-category-row small{color:#64748b}.review-traces{display:grid;gap:.7rem}.review-traces article{border-left:3px solid #2f855a;padding-left:.8rem}.review-traces time{display:block;color:#64748b;font-size:.86rem;margin-bottom:.25rem}.review-traces p{margin:0;line-height:1.7}.review-heatmap-panel .heatmap-grid{padding:0}.review-heatmap-panel .months-container{overflow-x:auto;padding-bottom:.3rem}.review-heatmap-panel .grid-container{grid-template-columns:repeat(8,12px)}.review-heatmap-panel .grid-cell{cursor:pointer}.groups-page{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem;min-height:calc(100vh - 8.5rem)}.groups-sidebar,.group-chat-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 30px #0f172a12}.groups-sidebar{padding:1rem;display:flex;flex-direction:column;gap:.9rem;align-self:start}.groups-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;color:#fff;border-radius:14px;background:radial-gradient(circle at 20% 10%,rgba(250,204,21,.28),transparent 32%),linear-gradient(135deg,#0f172a,#14532d)}.groups-sidebar-head span{display:block;color:#bbf7d0;font-size:.82rem;font-weight:800;letter-spacing:.08em}.groups-sidebar-head h1{margin:.18rem 0 0;font-size:1.7rem}.group-mini-form{display:grid;gap:.55rem;padding:.8rem;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.group-mini-form strong{color:#0f172a}.group-mini-form input,.group-mini-form textarea,.group-composer input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:.72rem .8rem;font-size:1rem;background:#fff}.group-mini-form textarea{resize:vertical}.group-mini-form button,.group-share-row button,.group-header-actions button,.group-composer button{min-height:44px;border:none;border-radius:10px;padding:.7rem .95rem;background:#172033;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.group-mini-form button:disabled,.group-share-row button:disabled,.group-header-actions button:disabled,.group-composer button:disabled{background:#94a3b8}.groups-list{display:grid;gap:.55rem}.groups-list button{border:1px solid #e2e8f0;border-radius:12px;padding:.85rem;background:#fff;text-align:left;display:grid;gap:.25rem}.groups-list button.active{border-color:#14532d;background:#f0fdf4;box-shadow:inset 4px 0 #166534}.groups-list strong{color:#0f172a}.groups-list span,.group-muted,.group-chat-header p,.group-chat-header span,.group-meta-row span,.group-message time,.groups-empty p,.group-chat-empty p{color:#64748b}.groups-empty,.group-chat-empty,.group-messages-empty{border:1px dashed #cbd5e1;border-radius:14px;padding:1.4rem;text-align:center;color:#64748b;background:#f8fafc}.group-chat-panel{min-width:0;min-height:calc(100vh - 8.5rem);padding:1rem;display:flex;flex-direction:column;gap:.9rem}.group-chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-radius:14px;background:linear-gradient(135deg,#14532d14,#0f172a0a),#f8fafc}.group-chat-header h2{margin:.25rem 0;color:#0f172a;font-size:1.45rem}.group-chat-header p{margin:0}.group-header-actions,.group-share-row{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.group-header-actions button:nth-child(2){background:#b91c1c}.group-meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.group-meta-row div{min-width:0;padding:.85rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.group-meta-row strong{display:block;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-notice{padding:.7rem .85rem;border-radius:10px;color:#14532d;background:#dcfce7;font-weight:700}.group-share-row button:first-child{background:#166534}.group-messages{flex:1;min-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem;border-radius:14px;background:radial-gradient(circle at 15% 0%,rgba(187,247,208,.38),transparent 24%),linear-gradient(180deg,#f8fafc,#eef2f7)}.group-message{max-width:78%;padding:.85rem .95rem;border:1px solid #e2e8f0;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 6px 18px #0f172a0d}.group-message header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.45rem}.group-message header strong{color:#0f172a}.group-message p{margin:0;line-height:1.7;white-space:pre-wrap;word-break:break-word}.group-system-message{align-self:center;max-width:86%;padding:.35rem .75rem;border-radius:999px;background:#64748b24;color:#64748b;font-size:.88rem}.group-status-card,.group-card-share{display:grid;gap:.65rem;padding:.85rem;border-radius:12px;background:#f0fdf4;border:1px solid #bbf7d0}.group-status-card>div:first-child{display:flex;justify-content:space-between;gap:1rem}.group-status-card span,.group-card-share span{color:#166534;font-weight:800}.group-status-card strong{color:#052e16}.group-status-grid{display:flex;flex-wrap:wrap;gap:.45rem}.group-status-grid span{border-radius:999px;padding:.25rem .55rem;background:#fff;color:#14532d;font-size:.86rem}.group-card-share{background:#fff;border-color:#000}.group-card-share span{color:#000}.group-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.75rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.planner-page{max-width:1180px;margin:0 auto;padding-bottom:2rem}.planner-header,.planner-toolbar,.planner-pool-head,.planner-dialog header,.planner-dialog footer,.planner-toast{display:flex;align-items:center;justify-content:space-between;gap:1rem}.planner-header{align-items:flex-start;margin-bottom:1.1rem}.planner-header span,.planner-dialog header span{display:block;color:#2f855a;font-size:.84rem;font-weight:800;letter-spacing:.08em}.planner-header h1,.planner-dialog h2{margin:.2rem 0 0;color:#0f172a}.planner-header h1{font-size:2rem}.planner-header button,.planner-toolbar button,.planner-pool-head button,.planner-pool-item>button:last-child,.planner-dialog button,.planner-toast button{min-height:44px;border:none;border-radius:8px;padding:.65rem .9rem;background:#172033;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.planner-toast{margin-bottom:1rem;padding:.8rem .95rem;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-weight:700}.planner-toast button{min-height:38px;background:#1e3a8a}.planner-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.planner-summary div{padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 22px #0f172a0f}.planner-summary span,.planner-task-main span,.planner-task-main small,.planner-pool-item span,.planner-day-head small{color:#64748b}.planner-summary strong{display:block;margin-top:.35rem;color:#0f172a;font-size:1.35rem}.planner-toolbar{margin-bottom:1rem}.planner-view-switch,.planner-range-nav{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;border:1px solid #dbe3ec;border-radius:8px;background:#fff}.planner-view-switch button,.planner-range-nav button{min-width:44px;background:transparent;color:#475569}.planner-view-switch button.active{background:#172033;color:#fff}.planner-range-nav strong{min-width:160px;text-align:center;color:#0f172a}.planner-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1rem;align-items:start}.planner-calendar,.planner-pool{border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 22px #0f172a0f}.planner-calendar{padding:.85rem}.planner-days{display:grid;gap:.65rem}.planner-month .planner-days{grid-template-columns:repeat(7,minmax(0,1fr))}.planner-week .planner-days{grid-template-columns:repeat(7,minmax(120px,1fr))}.planner-day{min-height:148px;display:flex;flex-direction:column;gap:.55rem;padding:.65rem;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.planner-day.today{border-color:#2f855a;box-shadow:inset 0 0 0 1px #2f855a47}.planner-day.muted{opacity:.58}.planner-day-head{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0;border:none;background:transparent;color:#0f172a;font-weight:900}.planner-day-list{display:grid;gap:.45rem}.planner-day-list p,.planner-empty,.planner-loading{margin:0;padding:.75rem;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;background:#fff;text-align:center}.planner-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;padding:.55rem;border:1px solid #e2e8f0;border-left:4px solid #64748b;border-radius:8px;background:#fff}.planner-task.priority-low,.planner-pool-item.priority-low{border-left-color:#38bdf8}.planner-task.priority-medium,.planner-pool-item.priority-medium{border-left-color:#2f855a}.planner-task.priority-high,.planner-pool-item.priority-high{border-left-color:#f59e0b}.planner-task.status-done{opacity:.72}.planner-task-main{min-width:0;padding:0;border:none;background:transparent;text-align:left}.planner-task-main strong,.planner-pool-item strong{display:block;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-task-main span,.planner-task-main small{display:block;font-size:.78rem}.planner-task-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem}.planner-task-actions button{width:34px;height:34px;border:1px solid #dbe3ec;border-radius:8px;background:#f8fafc;color:#172033}.planner-pool{position:sticky;top:6.4rem;display:grid;gap:.75rem;padding:.9rem}.planner-pool-head div{display:inline-flex;align-items:center;gap:.45rem;color:#0f172a}.planner-pool-head button{width:42px;height:42px;padding:0}.planner-pool-list{display:grid;gap:.6rem}.planner-pool-item{display:grid;gap:.55rem;padding:.75rem;border:1px solid #e2e8f0;border-left:4px solid #2f855a;border-radius:8px;background:#f8fafc}.planner-pool-item>button:first-child{min-height:44px;padding:0;border:none;background:transparent;text-align:left}.planner-pool-item>button:last-child{width:100%;background:#2f855a}.planner-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));background:#0f172a80}.planner-dialog{width:min(94vw,640px);max-height:90vh;overflow-y:auto;display:grid;gap:1rem;padding:1.1rem;border-radius:8px;background:#fff;box-shadow:0 24px 70px #0f172a4d}.planner-dialog header button,.planner-dialog-secondary{background:#f1f5f9;color:#0f172a}.planner-dialog-complete{background:#2f855a}.planner-dialog-primary{background:#172033}.planner-dialog footer button{width:auto}.planner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.planner-form-grid label{display:grid;gap:.4rem;color:#334155;font-weight:800}.planner-form-grid .wide{grid-column:1 / -1}.planner-form-grid input,.planner-form-grid select,.planner-form-grid textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.72rem .8rem;background:#fff;color:#0f172a;font-size:1rem}.planner-checkbox{min-height:44px;display:flex;flex-direction:row!important;align-items:center;gap:.55rem}.planner-checkbox input{width:18px;height:18px;accent-color:#172033}.planner-checkbox span{display:inline-flex;align-items:center;gap:.4rem}@media (max-width: 820px){.navbar{padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem}.nav-brand{font-size:1.25rem}.nav-links{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:0;overflow-x:auto;flex-wrap:nowrap;padding:.45rem .45rem calc(.45rem + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #dbe3ec;box-shadow:0 -10px 26px #0f172a1f}.nav-links a{color:#475569;min-width:68px;flex:0 0 68px;min-height:54px;padding:.42rem .35rem;border-radius:8px;flex-direction:column;justify-content:center;font-size:.78rem;gap:.22rem}.nav-links a:hover,.nav-links a.active{background:#172033;color:#fff}.nav-actions{margin-left:auto}.logout-btn{width:42px;height:42px;padding:0;justify-content:center;border-radius:8px;font-size:0}.main-content{padding:1rem .85rem calc(5.2rem + env(safe-area-inset-bottom))}.timer-shell{padding:0}.timer-sync-bar{align-items:stretch}.timer-sync-bar button{width:100%}.timer-display{font-size:2.5rem}.timer-buttons,.timer-buttons button,.manual-form button[type=submit]{width:100%;min-width:0}.multiplier-control{min-width:100%}.notification-bell .dropdown{position:fixed;top:calc(4.2rem + env(safe-area-inset-top));left:.75rem;right:.75rem;width:auto;max-height:70vh}.targets-header,.review-header,.review-toolbar{flex-direction:column;align-items:stretch}.targets-header button,.review-header button{justify-content:center}.target-overview,.review-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.targets-list,.evaluations-list,.history-panel{overflow-x:auto}.targets-list table,.evaluations-list table,.history-panel table{min-width:760px}.review-grid{grid-template-columns:1fr}.review-category-row{grid-template-columns:12px 1fr auto}.review-category-row small{grid-column:2 / -1}.groups-page{grid-template-columns:1fr;gap:.75rem;min-height:calc(100vh - 6.2rem)}.groups-sidebar{padding:.75rem;border-radius:14px}.groups-sidebar-head{padding:.85rem}.group-mini-form{padding:.7rem}.groups-list{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.2rem}.groups-list button{min-width:176px;flex:0 0 176px}.group-chat-panel{min-height:calc(100vh - 18rem);padding:.75rem;border-radius:14px}.group-chat-header,.group-header-actions,.group-share-row{flex-direction:column;align-items:stretch}.group-chat-header h2{font-size:1.25rem}.group-meta-row{grid-template-columns:1fr}.group-messages{min-height:42vh;max-height:56vh}.group-message{max-width:92%}.group-composer{position:sticky;bottom:calc(5.2rem + env(safe-area-inset-bottom));z-index:10;grid-template-columns:1fr}.group-composer button{width:100%}.planner-header,.planner-toolbar,.planner-dialog header,.planner-dialog footer,.planner-toast{flex-direction:column;align-items:stretch}.planner-header button,.planner-dialog footer button,.planner-toast button{width:100%}.planner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-layout{grid-template-columns:1fr}.planner-calendar{overflow-x:auto}.planner-month .planner-days,.planner-week .planner-days{min-width:760px}.planner-day .planner-task{grid-template-columns:1fr}.planner-pool{position:static}.planner-form-grid{grid-template-columns:1fr}}:root{--color-background: #f6f6f6;--color-surface: #ffffff;--color-surface-soft: #f2f2f2;--color-border: #d9d9d9;--color-text-primary: #111111;--color-text-secondary: #5f5f5f;--color-muted: #e9e9e9;--color-accent: #111111;--color-accent-strong: #000000;--color-accent-soft: #eeeeee;--color-warning: #555555;--color-danger: #9b1c1c;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-card: none;--spacing-page: clamp(1rem, 2.4vw, 2rem);--spacing-card: clamp(1rem, 2vw, 1.35rem)}.app-layout{background:transparent}.navbar{width:min(1180px,calc(100% - 2rem));margin:calc(.75rem + env(safe-area-inset-top)) auto 0;padding:.45rem .55rem;flex-wrap:nowrap;background:#fffffff0;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:999px;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-brand{display:inline-flex;align-items:center;min-height:38px;padding:0 .8rem;border-right:1px solid var(--color-border);color:var(--color-text-primary);font-size:1.05rem;font-weight:760;letter-spacing:-.02em}.nav-links{flex:1;gap:.15rem;justify-content:center}.nav-links a{min-height:38px;padding:.46rem .72rem;color:var(--color-text-secondary);border-radius:999px;font-size:.9rem;font-weight:650;letter-spacing:-.01em}.nav-links a:hover,.nav-links a.active{background:var(--color-muted);color:var(--color-text-primary)}.nav-links a.active{box-shadow:inset 0 0 0 1px #6f7f7229}.nav-actions{gap:.35rem}.logout-btn,.bell-button{min-height:38px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-weight:650}.logout-btn:hover,.bell-button:hover{background:var(--color-muted);color:var(--color-text-primary)}.main-content{max-width:1180px;padding:var(--spacing-page) var(--spacing-page) calc(3rem + env(safe-area-inset-bottom))}.ui-page-shell{display:grid;gap:clamp(1rem,2vw,1.35rem)}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;min-height:108px;padding:clamp(.5rem,1vw,.9rem) 0}.ui-page-header h1{margin:.18rem 0 0;color:var(--color-text-primary);font-size:clamp(2rem,4vw,3.65rem);line-height:.96;letter-spacing:-.065em;font-weight:760}.ui-page-header p,.ui-section-header p,.card-subtitle{max-width:46rem;margin:.7rem 0 0;color:var(--color-text-secondary);font-size:1rem;line-height:1.7}.ui-eyebrow,.card-eyebrow,.planner-header span,.planner-dialog header span{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;color:var(--color-text-secondary);font-size:.74rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.ui-page-action,.ui-section-action{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto}.ui-card,.stats-current,.history-panel,.planner-calendar,.planner-pool,.targets-list,.evaluations-list,.target-events,.filter-section,.heatmap-card{background:var(--color-surface);border:1px solid rgba(222,216,204,.92);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ui-card{padding:var(--spacing-card);gap:1rem}.ui-card-quiet{background:transparent;box-shadow:none}.ui-button,button.primary,button[type=submit]{min-height:42px;width:auto;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.68rem 1rem;border:1px solid transparent;border-radius:999px;background:var(--color-text-primary);color:#fffdf8;box-shadow:none;font-size:.94rem;font-weight:720;letter-spacing:-.01em;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.ui-button:hover,button.primary:hover,button[type=submit]:hover{transform:translateY(-1px);box-shadow:none}.ui-button-secondary{background:var(--color-accent-soft);border-color:#6f7f722e;color:var(--color-accent-strong)}.ui-button-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.ui-button-danger{background:#f2e7e3;border-color:#dec8c1;color:var(--color-danger)}.ui-button:disabled,button[type=submit]:disabled{background:var(--color-muted);color:#9b948a;cursor:not-allowed;transform:none}.ui-section-header,.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.ui-section-header h2,.card-title{margin:.2rem 0 0;color:var(--color-text-primary);font-size:clamp(1.18rem,2vw,1.45rem);font-weight:760;letter-spacing:-.035em}.ui-empty-state{display:grid;place-items:center;gap:.4rem;min-height:180px;padding:1.2rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#fffdf8b8,#f0ede494);color:var(--color-text-secondary);text-align:center}.ui-empty-state-compact{min-height:104px}.ui-empty-state strong{color:var(--color-text-primary);font-size:1rem}.ui-empty-state p{max-width:28rem;margin:0;line-height:1.65}.ui-stat-card{display:grid;gap:.35rem;min-height:108px}.ui-stat-card span,.target-progress-card span,.planner-task-main span,.planner-task-main small,.planner-pool-item span{color:var(--color-text-secondary)}.ui-stat-card strong{color:var(--color-text-primary);font-size:clamp(1.35rem,2.6vw,2rem);line-height:1;letter-spacing:-.05em}.ui-stat-card small{color:var(--color-text-secondary);line-height:1.5}.ui-tag,.sync-pill{display:inline-flex;align-items:center;min-height:30px;padding:.24rem .62rem;border-radius:999px;background:var(--color-muted);color:var(--color-text-secondary);font-size:.83rem;font-weight:720}.ui-tag-success,.sync-pill.online{background:var(--color-accent-soft);color:var(--color-accent-strong)}.ui-tag-warning{background:#f1e6d4;color:var(--color-warning)}.ui-tag-danger,.sync-pill.offline{background:#f2e7e3;color:var(--color-danger)}.ui-progress,.target-progress-bar{width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:var(--color-muted)}.ui-progress span,.target-progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}.ui-loading,.planner-loading{min-height:180px;display:grid;place-items:center;align-content:center;gap:.7rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:#fffdf899;color:var(--color-text-secondary)}.ui-loading span{width:28px;height:28px;border-radius:999px;border:2px solid var(--color-muted);border-top-color:var(--color-accent);animation:etime-spin .9s linear infinite}.ui-loading p{margin:0}@keyframes etime-spin{to{transform:rotate(360deg)}}.form-group label,.planner-form-grid label,.category-card .category-select>label{color:var(--color-text-primary);font-weight:680}.form-group input,.form-group select,.form-group textarea,.planner-form-grid input,.planner-form-grid select,.planner-form-grid textarea,.custom-range input,.category-card .category-select select,.multiplier-control input,.time-trace-form textarea,.search-bar input,.filters input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fffdf8;color:var(--color-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.planner-form-grid input:focus,.planner-form-grid select:focus,.planner-form-grid textarea:focus,.custom-range input:focus{border-color:#6f7f729e;box-shadow:0 0 0 3px #6f7f7224}.timer-shell{max-width:none;padding:0;gap:1rem}.timer-banner{padding:1rem 1.15rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffdf8db,#f0ede49e);color:var(--color-text-primary);box-shadow:none;font-size:1rem;font-weight:650}.timer-sync-bar{border-color:var(--color-border);border-radius:var(--radius-md);background:#fffdf8ad;color:var(--color-text-secondary)}.quick-template-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.quick-template-item{border:1px solid var(--color-border);border-top:0;border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background:#fffdf8;box-shadow:none}.quick-template-start{grid-template-columns:44px minmax(0,1fr) auto}.quick-template-start strong,.target-title,.planner-task-main strong,.planner-pool-item strong{color:var(--color-text-primary)}.quick-template-icon{border-radius:14px;filter:saturate(.72)}.quick-template-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-template-actions button,.quick-template-form-actions button,.category-current button,.category-edit-actions button,.planner-task-actions button{min-height:38px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-weight:680}.quick-template-actions button.danger{border-color:#dec8c1;color:var(--color-danger)}.quick-template-form{border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.target-card{grid-template-columns:176px minmax(0,1fr)}.target-ring{width:164px;height:164px;color:var(--color-text-primary)}.target-ring-inner{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border)}.target-value{letter-spacing:-.05em}.category-split{gap:1rem}.mode-toggle,.period-selector,.planner-view-switch,.planner-range-nav,.tabs{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-soft);padding:.26rem}.mode-toggle button,.period-selector button,.planner-view-switch button,.planner-range-nav button,.tabs button{border:0;border-radius:999px;background:transparent;color:var(--color-text-secondary);box-shadow:none;font-weight:680}.mode-toggle button.active,.period-selector button.active,.planner-view-switch button.active,.tabs button.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 4px #2b261f0f}.timer-controls{padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffdf8d6,#f0ede480),repeating-linear-gradient(90deg,transparent 0 38px,rgba(222,216,204,.28) 38px 39px)}.timer-display{color:var(--color-text-primary);font-size:clamp(3rem,11vw,6.8rem);line-height:.95;letter-spacing:-.09em;font-variant-numeric:tabular-nums}.timer-buttons button,.manual-form button[type=submit]{border-radius:999px;background:var(--color-text-primary);color:#fffdf8}.timer-buttons button.stop{background:#f2e7e3;color:var(--color-danger)}.stats-page,.heatmap-page,.targets-page,.planner-page{max-width:none;padding-bottom:2rem}.stats-page>h1,.heatmap-page>h1,.targets-page>h1,.planner-header{display:none}.stats-current{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:1rem;padding:var(--spacing-card)}.stats-current>.ui-stat-card{grid-column:1 / -1}.stats-chart{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.stats-chart h3,.history-panel h2,.targets-list h2,.evaluations-list h2,.target-events h2{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.18rem;letter-spacing:-.03em}.summary-table{min-width:0}.summary-total{color:var(--color-text-primary);font-weight:760}table{width:100%;border-collapse:collapse}th{color:var(--color-text-secondary);font-size:.78rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}td{color:var(--color-text-primary)}th,td{border-bottom:1px solid var(--color-muted);padding:.82rem .7rem}.history-panel,.targets-list,.evaluations-list,.target-events{padding:var(--spacing-card)}.year-selector{border:1px solid var(--color-border);border-radius:999px;background:#fffdf8b8;padding:.25rem}.year-selector span,.planner-range-nav strong{color:var(--color-text-primary)}.custom-range{align-items:center;color:var(--color-text-secondary)}.filter-section,.heatmap-card{padding:var(--spacing-card)}.heatmap-grid{overflow-x:auto;padding:.2rem;border:0;background:transparent}.month-label{color:var(--color-text-secondary);font-size:.78rem}.grid-cell{border:1px solid rgba(255,253,248,.9);border-radius:4px;box-shadow:none}.grid-cell:hover{transform:scale(1.08);box-shadow:0 2px 8px #2b261f1f}.legend{color:var(--color-text-secondary)}.legend div{border:1px solid rgba(255,253,248,.9);border-radius:4px}.modal-content,.planner-dialog,.template-duration-dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 24px 70px #2b261f33}.day-detail-modal,.planner-modal,.template-duration-modal{background:#2d2a265c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.target-overview,.planner-summary,.review-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}.target-progress-grid{gap:.85rem}.target-progress-card,.planner-task,.planner-pool-item,.target-event{border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background:#fffdf8;box-shadow:none}.target-progress-card{padding:1rem}.target-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.target-form button[type=submit]{align-self:end}.category-checkboxes{gap:.5rem}.category-checkboxes label{border-color:var(--color-border);border-radius:999px;background:var(--color-surface-soft);color:var(--color-text-secondary)}.pass{color:var(--color-accent-strong)}.fail{color:var(--color-danger)}.planner-summary,.planner-toolbar{margin-bottom:0}.planner-layout{gap:1rem}.planner-calendar{padding:var(--spacing-card)}.planner-day{border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.planner-day.today{border-color:#6f7f7299;box-shadow:inset 0 0 0 1px #6f7f722e}.planner-day-list p,.planner-empty{border-color:var(--color-border);border-radius:var(--radius-sm);background:#fffdf8b8;color:var(--color-text-secondary)}.planner-task-main{color:var(--color-text-primary)}.planner-task.priority-low,.planner-pool-item.priority-low{border-left-color:#8aa0a4}.planner-task.priority-medium,.planner-pool-item.priority-medium{border-left-color:var(--color-accent)}.planner-task.priority-high,.planner-pool-item.priority-high{border-left-color:#b79a67}.planner-pool{padding:var(--spacing-card)}.planner-dialog h2{color:var(--color-text-primary);letter-spacing:-.04em}.notification-bell .dropdown{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 20px 60px #2b261f29}.notification-empty{background:var(--color-surface-soft);color:var(--color-text-secondary)}.login-bg{background-color:#181713}.login-bg .rounded-2xl{border-color:#fffdf8b8;background:#fffdf8f5;box-shadow:0 24px 80px #0000003d}@media (max-width: 1080px){.navbar{width:calc(100% - 1rem)}.nav-links a{padding-inline:.58rem}.nav-links a svg{display:none}.target-overview,.planner-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.navbar{width:auto;margin:0;padding:calc(.62rem + env(safe-area-inset-top)) .85rem .62rem;border:0;border-bottom:1px solid var(--color-border);border-radius:0;box-shadow:none}.nav-brand{min-height:36px;padding-left:0;border-right:0}.nav-links{left:.75rem;right:.75rem;bottom:calc(.7rem + env(safe-area-inset-bottom));border:1px solid rgba(222,216,204,.9);border-radius:24px;background:#fffdf8f5;box-shadow:0 12px 44px #2b261f29;padding:.42rem;gap:.15rem}.nav-links a{min-width:64px;flex-basis:64px;min-height:52px;color:var(--color-text-secondary);border-radius:18px;font-size:.74rem}.nav-links a svg{display:block}.nav-links a:hover,.nav-links a.active{background:var(--color-muted);color:var(--color-text-primary)}.logout-btn{width:38px;height:38px;min-height:38px}.main-content{padding:.85rem .85rem calc(6.5rem + env(safe-area-inset-bottom))}.ui-page-header{min-height:auto;align-items:stretch;flex-direction:column;padding:.7rem 0 .2rem}.ui-page-header h1{font-size:clamp(2.2rem,13vw,3.1rem)}.ui-page-action,.ui-page-action .ui-button{width:100%}.ui-section-header,.card-head{flex-direction:column;align-items:stretch}.ui-section-action,.ui-section-action .ui-button{width:100%}.target-overview,.planner-summary,.review-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-current,.planner-layout,.target-form,.category-split{grid-template-columns:1fr}.target-card{grid-template-columns:1fr;justify-items:center;text-align:center}.target-meta{width:100%;text-align:left}.timer-controls{padding:1rem}.timer-display{font-size:clamp(3rem,18vw,4.6rem)}.quick-template-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.period-selector,.planner-toolbar,.custom-range{width:100%;overflow-x:auto}.planner-month .planner-days,.planner-week .planner-days{min-width:720px}}@media (max-width: 560px){.target-overview,.planner-summary,.review-metric-grid{grid-template-columns:1fr}.quick-template-start{grid-template-columns:40px minmax(0,1fr)}.quick-template-start em{grid-column:2}}.timer-sync-bar .ui-button,.quick-start-card .ui-button,.timer-card .ui-button,.planner-page .ui-button,.targets-page .ui-button,.heatmap-page .ui-button{min-height:42px;width:auto;border:1px solid transparent;border-radius:999px;background:var(--color-text-primary);color:#fffdf8;box-shadow:none;font-weight:720}.timer-sync-bar .ui-button-secondary,.quick-start-card .ui-button-secondary,.planner-page .ui-button-secondary,.heatmap-page .ui-button-secondary{background:var(--color-accent-soft);border-color:#6f7f722e;color:var(--color-accent-strong)}.timer-card .ui-button-ghost,.quick-start-card .ui-button-ghost,.planner-page .ui-button-ghost,.targets-page .ui-button-ghost,.heatmap-page .ui-button-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.targets-page .ui-button-danger{background:#f2e7e3;border-color:#dec8c1;color:var(--color-danger)}.planner-dialog .planner-dialog-primary{background:var(--color-text-primary);color:#fffdf8}.planner-dialog .planner-dialog-complete{background:var(--color-accent-soft);color:var(--color-accent-strong)}.planner-pool-item>.ui-button:last-child{width:100%;background:var(--color-text-primary);color:#fffdf8}body{background:#f6f6f6;color:#111}.app-layout,.timer-shell,.ui-page-shell{background:transparent}.navbar,.ui-card,.stats-current,.history-panel,.planner-calendar,.planner-pool,.targets-list,.evaluations-list,.target-events,.filter-section,.heatmap-card,.review-panel,.review-metric-grid div,.target-overview div,.discipline-panel,.category-card,.time-trace-form,.time-trace-card,.time-trace-empty,.notification-bell .dropdown,.modal-content,.planner-dialog,.template-duration-dialog{background:#fff;border-color:#d9d9d9;box-shadow:none}.ui-empty-state,.ui-loading,.planner-loading,.timer-banner,.timer-sync-bar,.quick-template-form,.mode-toggle,.period-selector,.planner-view-switch,.planner-range-nav,.tabs,.planner-day,.planner-empty,.category-checkboxes label{background:#f2f2f2;border-color:#d9d9d9}.timer-controls{background:repeating-linear-gradient(90deg,transparent 0 32px,rgba(17,17,17,.045) 32px 33px),#fff}.quick-template-item,.target-event{background:#fff;border-color:#d9d9d9;border-left-color:#111}.ui-button,button.primary,button[type=submit],.timer-buttons button,.manual-form button[type=submit],.planner-page .ui-button,.targets-page .ui-button,.heatmap-page .ui-button,.review-header button,.targets-header button,.planner-dialog .planner-dialog-primary,.planner-pool-item>.ui-button:last-child{background:#111;color:#fff;border-color:#111;box-shadow:none}.ui-button-secondary,.planner-page .ui-button-secondary,.heatmap-page .ui-button-secondary,.planner-dialog .planner-dialog-complete,.timer-buttons button.stop{background:#fff;color:#111;border-color:#111}.ui-button-ghost,.planner-page .ui-button-ghost,.targets-page .ui-button-ghost,.heatmap-page .ui-button-ghost,.quick-template-actions button,.quick-template-form-actions button,.category-current button,.category-edit-actions button,.planner-task-actions button,.logout-btn,.bell-button{background:transparent;color:#5f5f5f;border-color:#d9d9d9}.nav-links a:hover,.nav-links a.active,.logout-btn:hover,.bell-button:hover,.mode-toggle button.active,.period-selector button.active,.planner-view-switch button.active,.tabs button.active{background:#111;color:#fff;box-shadow:none}.ui-tag,.sync-pill,.ui-tag-success,.sync-pill.online,.ui-tag-warning,.ui-tag-danger,.sync-pill.offline,.planner-empty{background:#f2f2f2;color:#111;border-color:#d9d9d9}.ui-progress,.target-progress-bar{background:#e9e9e9}.ui-progress span,.target-progress-bar span{background:#111}.form-group input,.form-group select,.form-group textarea,.planner-form-grid input,.planner-form-grid select,.planner-form-grid textarea,.custom-range input,.category-card .category-select select,.multiplier-control input,.time-trace-form textarea,.search-bar input,.filters input{background:#fff;border-color:#d9d9d9;color:#111}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.planner-form-grid input:focus,.planner-form-grid select:focus,.planner-form-grid textarea:focus,.custom-range input:focus{border-color:#111;box-shadow:0 0 0 3px #11111114}.time-trace-line,.target-progress-bar span,.grid-cell[style]{filter:grayscale(1)}.time-trace-node{background:#111;border-color:#fff;box-shadow:0 0 0 1px #111}.review-traces article{border-left-color:#111}.login-bg{background-color:#111}.login-bg .rounded-2xl{background:#fffffff5;border-color:#ffffffb8}@media (min-width: 821px){.app-layout{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.navbar{position:sticky;top:0;align-self:start;width:auto;height:100vh;margin:0;padding:1.1rem .9rem;border-width:0 1px 0 0;border-radius:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1rem;overflow-y:auto;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-brand{min-height:44px;padding:0 .65rem .9rem;border-right:0;border-bottom:1px solid var(--color-border)}.nav-links{flex:1;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.25rem;overflow:visible}.nav-links a{width:100%;min-height:42px;justify-content:flex-start;padding:.55rem .72rem;border-radius:12px}.nav-links a svg{display:block;flex:0 0 auto}.nav-actions{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--color-border);justify-content:space-between}.logout-btn{flex:1;justify-content:center}.main-content{max-width:none;margin:0;padding:clamp(1.2rem,2.4vw,2.5rem)}.ui-page-header{min-height:76px;padding-top:0}.ui-page-header h1{max-width:920px;font-size:clamp(2rem,3vw,3rem);line-height:1.05;letter-spacing:-.035em}.timer-shell{max-width:1480px;margin:0;padding:0;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(360px,.95fr);gap:1rem;align-items:start}.timer-banner,.timer-sync-bar{grid-column:1 / -1}.timer-card{grid-column:1;grid-row:3 / span 2}.quick-start-card{grid-column:2;grid-row:3}.timer-grid{grid-column:2;grid-row:4;grid-template-columns:1fr}.category-split{grid-template-columns:1fr}.stats-page,.heatmap-page,.targets-page,.planner-page,.review-page{max-width:1480px;margin:0}}@media (max-width: 820px){body{background:#fff}.app-layout{display:flex;min-height:100vh}.navbar{position:sticky;top:0;width:auto;min-height:calc(56px + env(safe-area-inset-top));margin:0;padding:calc(.42rem + env(safe-area-inset-top)) .9rem .42rem;border:0;border-bottom:1px solid #d9d9d9;border-radius:0;background:#fffffff5;align-items:center;flex-wrap:nowrap;z-index:90;backdrop-filter:none;-webkit-backdrop-filter:none}.nav-brand{min-height:38px;padding:0;border:0;font-size:1rem}.nav-actions{margin-left:auto;gap:.45rem}.logout-btn{width:38px;height:38px;min-height:38px;padding:0;justify-content:center}.logout-btn span{display:none}.bell-button{width:38px;height:38px;min-height:38px;padding:0;justify-content:center}.nav-links{position:fixed;left:0;right:auto;top:calc(100dvh - 4.55rem - env(safe-area-inset-bottom));bottom:auto;width:100dvw;max-width:100dvw;z-index:100;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.12rem;padding:.38rem .55rem calc(.42rem + env(safe-area-inset-bottom));border-top:1px solid #d9d9d9;background:#fffffffa;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:0 0 68px;min-width:68px;min-height:54px;padding:.34rem .18rem;border-radius:12px;flex-direction:column;justify-content:center;gap:.16rem;font-size:.72rem;line-height:1.15;text-align:center}.nav-links a svg{display:block;width:19px;height:19px}.nav-links a.active{background:#111;color:#fff}.main-content{width:100%;padding:.95rem .95rem calc(5.8rem + env(safe-area-inset-bottom))}.ui-page-header{min-height:auto;padding:.35rem 0;flex-direction:column;align-items:stretch}.ui-eyebrow,.card-eyebrow,.planner-header span,.planner-dialog header span{font-size:.68rem;letter-spacing:.08em}.ui-page-header h1{margin-top:.22rem;max-width:100%;font-size:clamp(1.72rem,7.4vw,2.25rem);line-height:1.12;letter-spacing:-.025em;overflow-wrap:normal}.ui-page-header p{margin-top:.45rem;font-size:.94rem;line-height:1.55}.ui-card,.review-panel,.target-overview div,.review-metric-grid div{border-radius:16px}.timer-shell{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.timer-card{order:1}.quick-start-card{order:2}.timer-grid{order:3;grid-template-columns:1fr;gap:.8rem}.timer-banner{order:0;padding:.82rem .9rem;border-radius:16px;font-size:.98rem;line-height:1.55}.timer-sync-bar{order:0;padding:.6rem .7rem;border-radius:16px;gap:.45rem}.timer-controls{gap:1rem;padding:.9rem;border-radius:16px}.timer-display{font-size:clamp(2.45rem,15vw,3.45rem);letter-spacing:-.02em}.timer-buttons,.manual-form button[type=submit]{grid-template-columns:1fr}.ui-section-header,.card-head{flex-direction:column;align-items:stretch}.ui-section-action,.ui-section-action .ui-button{width:100%}.quick-template-list{display:grid;grid-template-columns:1fr;overflow:visible}.quick-template-item{flex-basis:auto}.quick-template-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-template-actions button{min-height:36px;padding-inline:.25rem;font-size:.78rem}.target-card{grid-template-columns:1fr;justify-items:stretch;text-align:left}.target-ring{width:132px;height:132px;margin:0 auto}.target-ring-inner{width:104px;height:104px}.target-value{font-size:1.05rem}.category-split,.review-grid,.stats-current,.planner-layout,.target-form{grid-template-columns:1fr}}@media (max-width: 420px){.main-content{padding-inline:.75rem}.nav-links a{flex-basis:64px;min-width:64px}.quick-template-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.review-metric-grid,.target-overview,.planner-summary{grid-template-columns:1fr}}:root{--color-background: #fbfaf7;--color-surface: #ffffff;--color-surface-soft: #f7f6f2;--color-border: #e6e1d8;--color-text-primary: #1f1f1f;--color-text-secondary: #6b665f;--color-muted: #efede8;--color-accent: #2f855a;--color-accent-strong: #166534;--color-accent-soft: #e8f3ea}body{background:var(--color-background);color:var(--color-text-primary)}@media (max-width: 820px){body{background:var(--color-background)}}.navbar{background:#111;color:#fff;border-color:#111}.nav-brand,.nav-actions{border-color:#ffffff2e}.nav-links a{color:#f8f8f8}.nav-links a:hover,.nav-links a.active,.logout-btn:hover,.bell-button:hover{background:#fff;color:#111}.main-content{background:transparent}.ui-empty-state,.ui-loading,.planner-loading,.timer-sync-bar,.quick-template-form,.mode-toggle,.period-selector,.planner-view-switch,.planner-range-nav,.tabs,.planner-day,.planner-empty,.category-checkboxes label{background:var(--color-surface-soft);border-color:var(--color-border)}.timer-controls{background:#fff}.time-trace-line,.target-progress-bar span,.grid-cell[style]{filter:none}.ui-progress span,.target-progress-bar span{background:var(--color-accent)}.heatmap-grid{width:100%}.months-container{display:flex;flex-wrap:nowrap;gap:4px;width:100%;overflow-x:auto;padding:.2rem 0 .4rem;scrollbar-width:thin}.grid-container{display:contents}.grid-cell{flex:0 0 14px;width:14px;height:14px;min-width:14px;padding:0;border:1px solid rgba(255,255,255,.92);border-radius:3px;cursor:pointer}.grid-cell:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2f855a2e}.review-heatmap-panel .months-container{overflow-x:auto}.review-heatmap-panel .grid-container{display:contents}.legend div{border-color:#ffffffeb}.planner-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.planner-target-section{display:grid;gap:1rem;margin-top:1.2rem}.planner-target-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:var(--spacing-card);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.planner-target-head span{display:block;color:var(--color-accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em}.planner-target-head h2,.planner-target-head p{margin:.2rem 0 0}.planner-target-head p{color:var(--color-text-secondary)}.planner-target-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.planner-target-form{margin:0}.planner-target-list{overflow-x:auto}.public-groups{display:grid;gap:.6rem;padding:.8rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.public-groups>strong,.group-member-list>strong{color:var(--color-text-primary)}.public-groups p{margin:0;color:var(--color-text-secondary)}.public-group-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.75rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-soft)}.public-group-card div{min-width:0;display:grid;gap:.2rem}.public-group-card span{color:var(--color-text-primary);font-weight:800}.public-group-card code{color:var(--color-accent-strong);font-weight:800;overflow-wrap:anywhere}.public-group-card small,.group-member-list span{color:var(--color-text-secondary)}.public-group-card button,.group-mini-form button,.group-share-row button,.group-header-actions button,.group-composer button{background:#111;color:#fff}.public-group-card button:disabled{background:var(--color-muted);color:var(--color-text-secondary)}.group-member-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.group-member-list span{padding:.28rem .55rem;border-radius:999px;background:var(--color-surface-soft)}.group-messages{background:var(--color-surface-soft)}@media (max-width: 1080px){.planner-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-target-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.navbar{background:#fffffffa;color:#111;border-color:var(--color-border)}.nav-links{border-color:var(--color-border);background:#fffffffa}.nav-links a{color:var(--color-text-secondary)}.nav-links a.active{background:#111;color:#fff}.planner-target-head{flex-direction:column}.planner-target-head .ui-button{width:100%}}@media (max-width: 560px){.planner-summary,.planner-target-overview,.public-group-card{grid-template-columns:1fr}}@media (max-width: 1100px){.app-layout{display:flex;min-height:100vh}.navbar{position:sticky;top:0;width:auto;min-height:calc(58px + env(safe-area-inset-top));height:auto;margin:0;padding:calc(.48rem + env(safe-area-inset-top)) clamp(.85rem,2.4vw,1.35rem) .48rem;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:#fffffffa;color:var(--color-text-primary);flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.75rem;z-index:90;overflow:visible}.nav-brand{min-height:38px;padding:0;border:0;color:var(--color-text-primary);font-size:1.2rem}.nav-actions{margin-left:auto;padding:0;border:0;gap:.45rem}.logout-btn,.bell-button{width:38px;height:38px;min-height:38px;padding:0;justify-content:center}.logout-btn span{display:none}.logout-btn{font-size:0}.logout-btn svg,.bell-button svg{flex:0 0 auto}.nav-links{position:fixed;left:clamp(.6rem,2vw,1.2rem);right:clamp(.6rem,2vw,1.2rem);top:auto;bottom:calc(.65rem + env(safe-area-inset-bottom));width:auto;max-width:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.15rem;padding:.38rem;border:1px solid var(--color-border);border-radius:24px;background:#fffffffa;box-shadow:0 12px 44px #2b261f29;overflow:visible}.nav-links a{width:auto;min-width:0;min-height:52px;padding:.32rem .12rem;border-radius:18px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;gap:.12rem;font-size:.74rem;line-height:1.12;text-align:center;white-space:normal}.nav-links a svg{display:block;width:19px;height:19px}.nav-links a:hover,.nav-links a.active{background:#111;color:#fff}.main-content{width:100%;max-width:none;margin:0;padding:clamp(.95rem,2.6vw,1.55rem) clamp(.85rem,2.6vw,1.4rem) calc(6.4rem + env(safe-area-inset-bottom))}.ui-page-header h1{font-size:clamp(2rem,6vw,2.7rem);letter-spacing:0}.timer-shell{max-width:760px;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:.9rem}.timer-card{order:1}.quick-start-card{order:2}.timer-grid{order:3;grid-template-columns:1fr;gap:.9rem}.category-split,.planner-layout,.review-grid{grid-template-columns:1fr}.planner-page,.review-page,.groups-page,.discipline-page,.time-trace-page{max-width:760px;margin:0 auto}.groups-page{display:grid;grid-template-columns:1fr;gap:.95rem;min-height:auto}.group-chat-panel{min-height:460px}}@media (max-width: 700px){.nav-links{left:0;right:0;bottom:0;grid-template-columns:repeat(7,minmax(0,1fr));padding:.32rem .22rem calc(.36rem + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:22px 22px 0 0}.nav-links a{min-height:49px;border-radius:16px;font-size:.62rem}.timer-page .ui-page-header h1,.planner-page .ui-page-header h1{font-size:2.2rem;line-height:1.14}.timer-display{font-size:clamp(3rem,18vw,4rem)}.planner-summary,.target-overview,.review-metric-grid,.planner-target-overview{grid-template-columns:1fr}.planner-toolbar{display:grid;grid-template-columns:1fr;gap:.7rem}.planner-view-switch,.planner-range-nav{width:100%}.planner-view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.planner-range-nav{justify-content:space-between}.planner-range-nav strong{min-width:0}.planner-month .planner-days,.planner-week .planner-days{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.planner-day{min-height:118px;padding:.62rem}.planner-day-list p{min-height:58px;display:grid;place-items:center}.planner-day .planner-task{grid-template-columns:1fr}.planner-task-actions{justify-content:flex-start}.time-trace-form button[type=submit]{width:100%;justify-self:stretch}.time-trace-tree{padding-left:1.55rem}.time-trace-dot{left:-1.45rem}}@media (min-width: 701px) and (max-width: 1100px){.planner-month .planner-days{grid-template-columns:repeat(4,minmax(0,1fr))}.planner-week .planner-days{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--color-background: #ffffff;--color-surface: #ffffff;--color-surface-soft: #ffffff;--color-border: #000000;--color-text-primary: #000000;--color-text-secondary: #000000;--color-muted: #ffffff;--color-accent: #000000;--color-accent-strong: #000000;--color-accent-soft: #ffffff;--color-danger: #000000;--shadow-card: none}html,body,#root{background:#fff;color:#000}.timer-sync-bar,.timer-sync-bar strong,.timer-sync-bar .sync-text,.timer-sync-bar .ui-button,.timer-sync-bar .ui-button-secondary{background:#fff!important;background-image:none!important;border-color:#000!important;box-shadow:none!important;color:#000!important}.timer-banner,.timer-banner *,.restore-message,.sync-text{color:#000!important}body,.main-content,.app-layout,.ui-page-shell,.timer-shell,.login-bg{background:#fff;background-image:none;color:#000}.navbar{background:#000;color:#fff;border-color:#000;box-shadow:none}.nav-brand,.nav-links a{color:#fff}.nav-links a:hover,.nav-links a.active{background:#fff;color:#000}.nav-actions{border-color:#fff}.ui-card,.stats-current,.history-panel,.planner-calendar,.planner-pool,.targets-list,.evaluations-list,.target-events,.filter-section,.heatmap-card,.review-panel,.review-metric-grid div,.target-overview div,.discipline-panel,.category-card,.time-trace-form,.time-trace-card,.time-trace-empty,.notification-bell .dropdown,.modal-content,.planner-dialog,.template-duration-dialog,.groups-sidebar,.group-chat-panel,.group-mini-form,.public-groups,.public-group-card,.group-member-list,.group-messages,.group-chat-header,.group-composer,.group-status-card,.planner-target-head,.login-bg .rounded-2xl,.ui-empty-state,.ui-loading,.planner-loading,.timer-banner,.timer-sync-bar,.quick-template-form,.mode-toggle,.period-selector,.planner-view-switch,.planner-range-nav,.tabs,.planner-day,.planner-empty,.category-checkboxes label,.quick-template-item,.group-card-share,.groups-empty,.group-chat-empty,.group-messages-empty,.planner-day-list p{background:#fff;background-image:none;border-color:#000;box-shadow:none;color:#000}.timer-controls,.timer-card,.quick-start-card,.target-card,.planner-day.today,.target-progress-card{background:#fff;background-image:none;border-color:#000;box-shadow:none}.groups-sidebar-head{background:#000;background-image:none;color:#fff}.groups-sidebar-head span,.groups-sidebar-head h1,.groups-sidebar-head svg{color:#fff}.ui-button,button.primary,button[type=submit],.timer-buttons button,.manual-form button[type=submit],.planner-page .ui-button,.targets-page .ui-button,.heatmap-page .ui-button,.review-header button,.targets-header button,.planner-dialog .planner-dialog-primary,.planner-pool-item>.ui-button:last-child,.group-mini-form button,.group-share-row button,.group-header-actions button,.group-composer button,.public-group-card button,.discipline-head button,.discipline-permissions button,.discipline-form button{background:#000;background-image:none;border:1px solid #000000;box-shadow:none;color:#fff}.ui-button-secondary,.planner-page .ui-button-secondary,.heatmap-page .ui-button-secondary,.planner-dialog .planner-dialog-complete,.timer-buttons button.stop,.ui-button-ghost,.planner-page .ui-button-ghost,.targets-page .ui-button-ghost,.heatmap-page .ui-button-ghost,.quick-template-actions button,.quick-template-form-actions button,.category-current button,.category-edit-actions button,.planner-task-actions button,.logout-btn,.bell-button{background:#fff;border:1px solid #000000;color:#000}button:disabled,.ui-button:disabled,.group-mini-form button:disabled,.group-share-row button:disabled,.group-header-actions button:disabled,.group-composer button:disabled,.public-group-card button:disabled{background:#fff;border-color:#000;color:#000;opacity:1}.mode-toggle button.active,.period-selector button.active,.planner-view-switch button.active,.tabs button.active,.nav-links a.active{background:#000;color:#fff}.form-group input,.form-group select,.form-group textarea,.planner-form-grid input,.planner-form-grid select,.planner-form-grid textarea,.custom-range input,.category-card .category-select select,.multiplier-control input,.time-trace-form textarea,.search-bar input,.filters input,.group-mini-form input,.group-mini-form textarea,.group-composer input,.discipline-form input,.discipline-form select,.discipline-form textarea{background:#fff;border-color:#000;color:#000;box-shadow:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.planner-form-grid input:focus,.planner-form-grid select:focus,.planner-form-grid textarea:focus,.custom-range input:focus,.time-trace-form textarea:focus,.group-mini-form input:focus,.group-mini-form textarea:focus,.group-composer input:focus,.discipline-form input:focus{border-color:#000;box-shadow:none;outline:2px solid #000000;outline-offset:2px}.form-group label,.ui-page-header p,.ui-eyebrow,.ui-section-header p,.ui-section-header h2,.ui-stat-card span,.ui-stat-card small,.review-header p,.review-category-row small,.review-category-row em,.planner-target-head span,.planner-target-head p,.planner-day-head,.planner-day-head small,.planner-task-main span,.planner-task-main small,.planner-pool-item span,.groups-list span,.group-muted,.group-chat-header p,.group-chat-header span,.group-meta-row span,.group-message time,.groups-empty p,.group-chat-empty p,.public-groups p,.public-group-card small,.group-member-list span,.discipline-head p,.discipline-message,.time-trace-card time{color:#000}.ui-tag,.sync-pill,.ui-tag-success,.sync-pill.online,.ui-tag-warning,.ui-tag-danger,.sync-pill.offline,.group-member-list span{background:#fff;border-color:#000;color:#000}.ui-progress,.target-progress-bar{background:#fff;border:1px solid #000000}.grid-cell,.legend div{background:#fff;border-color:#000}.grid-cell:hover{box-shadow:none}.time-trace-line,.time-trace-tree:before,.target-progress-bar span{filter:none}table thead,table tbody,table tr,table th,table td{background:#fff;border-color:#000;color:#000}.recharts-cartesian-grid line,.recharts-cartesian-axis line,.recharts-cartesian-axis-tick line{stroke:#000}.recharts-text,.recharts-label,.recharts-tooltip-label{fill:#000;color:#000}@media (max-width: 1100px){.navbar,.nav-links{background:#fff;color:#000;border-color:#000;box-shadow:none}.nav-brand,.nav-links a{color:#000}.nav-links a:hover,.nav-links a.active{background:#000;color:#fff}}.timer-page .ui-page-header h1,.planner-page .ui-page-header h1{font-size:clamp(3rem,12vw,5.2rem)}.timer-page .ui-page-header p,.planner-page .ui-page-header p{max-width:34rem;color:#000!important}.timer-card{border-width:0;padding-top:clamp(1rem,2.6vw,1.5rem)}.timer-category-inline>span{color:#000;font-weight:900}.timer-card{overflow:hidden}.timer-card .mode-toggle{width:min(100%,520px);margin-inline:auto}.timer-card .mode-toggle button{border-radius:999px}.timer-card .timer-controls{width:min(100%,680px);margin-inline:auto}.timer-card .timer-display{width:100%;overflow:hidden;font-size:clamp(3.8rem,15vw,7.2rem);line-height:1;text-align:center;white-space:nowrap}.timer-card .timer-footer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.85rem;align-items:stretch}.timer-card .multiplier-control,.timer-card .timer-buttons,.timer-card .timer-buttons button{min-width:0}.timer-focus-top{width:min(100%,680px);margin:1rem auto 0;padding-top:1rem;border-top:1px solid #000000}.timer-category-inline .category-select{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center}.timer-category-inline .category-select>label{margin:0;font-weight:900}.timer-category-inline .category-select select{min-width:0;width:100%;background-color:#fff!important;color:#000!important;border:1px solid #000000!important;border-radius:999px;box-shadow:none!important;font-weight:800}@media (max-width: 700px){.timer-card{padding:1rem 0;border-width:0}.timer-card .timer-display{font-size:clamp(3.35rem,17vw,5.2rem)}.timer-card .timer-footer{grid-template-columns:1fr}.timer-card .multiplier-control{padding:.75rem;border-radius:16px}.timer-card .multiplier-control label{display:grid;grid-template-columns:auto minmax(5rem,8rem)}.timer-focus-top{padding-inline:.2rem}.timer-category-inline .category-select{grid-template-columns:1fr}}.ui-page-header p,.form-group small,.sync-pill small,.timer-hint,.manual-form p,.quick-template-start small,.quick-template-start em,.quick-template-card p,.quick-template-card small,.multiplier-hint,.history-item small,.planner-day-empty,.planner-task-main small,.planner-pool-item span,.planner-target-head p,.target-desc,.target-progress,.review-header p,.review-category-row small,.review-category-row em,.group-muted,.discipline-message{color:#000!important}@media (max-width: 700px){.nav-links{left:.55rem;right:.55rem;bottom:calc(1.45rem + env(safe-area-inset-bottom));padding:.3rem;border:1px solid #000000;border-radius:20px}.nav-links a{min-height:43px;padding:.22rem .06rem;font-size:.56rem;line-height:1.05}.nav-links a svg{width:17px;height:17px}.main-content{padding-bottom:calc(8.5rem + env(safe-area-inset-bottom))}}.timer-page .ui-page-header h1{font-size:clamp(3rem,15vw,5.4rem)}.timer-page .ui-page-header p,.planner-page .ui-page-header p{max-width:32rem}.timer-focus-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end;margin-bottom:.9rem}.timer-category-inline{display:grid;gap:.35rem}.timer-category-inline>span{font-weight:900;color:#000}.timer-create-category{min-height:44px;padding:0 .85rem;border:1px solid #000000;border-radius:999px;background:#fff;color:#000;font-weight:900}.timer-card{border-width:0}.timer-controls{border:0;background:#fff;padding:clamp(1rem,2.4vw,1.4rem) 0 0}.timer-display{letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-weight:800}.timer-footer{align-items:stretch}.multiplier-control{border:1px solid #000000;border-radius:18px;padding:.85rem}.multiplier-control label{width:100%;justify-content:space-between}.multiplier-control input{max-width:9rem;border-radius:14px;text-align:center}.multiplier-hint,.ui-stat-card span,.ui-stat-card small,.review-metric-grid div span,.review-metric-grid div small,.target-overview div span,.target-overview div small{color:#000!important}.quick-start-card,.target-card,.timer-category-create{border-width:1px}.quick-template-item{border-top-width:0;border-left-width:6px}.quick-template-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.target-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}.target-ring{width:clamp(92px,24vw,132px);height:clamp(92px,24vw,132px)}.target-ring-inner{border:1px solid #000000}.planner-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.planner-target-section{margin-top:clamp(1rem,3vw,1.6rem)}.planner-page .ui-stat-card{min-height:94px}@media (max-width: 700px){.nav-links{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center}.nav-links a{aspect-ratio:1 / 1;min-height:0;height:auto;display:grid;grid-template-rows:1fr auto;place-items:center;gap:.08rem;padding:.22rem .04rem;border-radius:18px;line-height:1}.nav-links a svg{align-self:end;margin:0}.nav-links a span{display:block;width:100%;text-align:center;white-space:nowrap}.timer-page .ui-page-header{margin-bottom:1rem}.timer-focus-top{grid-template-columns:1fr}.timer-create-category{width:-moz-fit-content;width:fit-content}.timer-display{font-size:clamp(4rem,22vw,6.4rem)}.timer-footer{display:grid;grid-template-columns:1fr}.timer-buttons,.multiplier-control{min-width:0;width:100%}.timer-buttons button{min-width:0}.target-card{grid-template-columns:1fr}.target-ring{display:none}.planner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-page .ui-page-header h1{font-size:clamp(3.4rem,15vw,5rem)}.planner-page .ui-page-action .ui-button{min-height:48px;padding-inline:1rem}}html,body,#root,.app-layout,.main-content,.ui-page-shell,.timer-shell,.planner-page,.targets-page,.heatmap-page,.review-page,.groups-page,.discipline-page{background:#fff;background-image:none;color:#000}.ui-card,.timer-controls,.timer-card,.quick-start-card,.quick-template-form,.quick-template-item,.stats-current,.history-panel,.planner-calendar,.planner-pool,.planner-day,.planner-empty,.planner-dialog,.planner-target-head,.target-card,.target-progress-card,.targets-list,.target-events,.evaluations-list,.heatmap-card,.review-panel,.review-metric-grid div,.target-overview div,.category-card,.filter-section,.time-trace-form,.time-trace-card,.time-trace-empty,.groups-sidebar,.group-chat-panel,.group-mini-form,.group-card-share,.group-chat-header,.group-messages,.group-composer,.group-status-card,.public-groups,.public-group-card,.group-member-list,.discipline-panel,.notification-bell .dropdown,.modal-content,.template-duration-dialog,.ui-empty-state,.ui-loading,.planner-loading,.timer-banner,.timer-sync-bar,.mode-toggle,.period-selector,.planner-view-switch,.planner-range-nav,.tabs,.category-checkboxes label,.groups-empty,.group-chat-empty,.group-messages-empty,.planner-day-list p{background:#fff;background-image:none;border-color:#000;box-shadow:none;color:#000}.form-group input,.form-group select,.form-group textarea,.planner-form-grid input,.planner-form-grid select,.planner-form-grid textarea,.custom-range input,.category-card .category-select select,.multiplier-control input,.time-trace-form textarea,.search-bar input,.filters input,.group-mini-form input,.group-mini-form textarea,.group-composer input,.discipline-form input,.discipline-form select,.discipline-form textarea{background:#fff;border-color:#000;box-shadow:none;color:#000}::-moz-placeholder{color:#000;opacity:1}::placeholder{color:#000;opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{color:#000!important;opacity:1}input::placeholder,textarea::placeholder{color:#000!important;opacity:1}.ui-button,button.primary,button[type=submit],.timer-buttons button,.manual-form button[type=submit],.planner-page .ui-button,.targets-page .ui-button,.heatmap-page .ui-button,.review-header button,.targets-header button,.planner-dialog .planner-dialog-primary,.planner-pool-item>.ui-button:last-child,.group-mini-form button,.group-share-row button,.group-header-actions button,.group-composer button,.public-group-card button,.discipline-head button,.discipline-permissions button,.discipline-form button,.groups-sidebar-head{background:#000;background-image:none;border-color:#000;box-shadow:none;color:#fff}.ui-button-secondary,.planner-page .ui-button-secondary,.targets-page .ui-button-secondary,.heatmap-page .ui-button-secondary,.planner-dialog .planner-dialog-complete,.timer-buttons button.stop,.ui-button-ghost,.planner-page .ui-button-ghost,.targets-page .ui-button-ghost,.heatmap-page .ui-button-ghost,.quick-template-actions button,.quick-template-form-actions button,.category-current button,.category-edit-actions button,.planner-task-actions button,.logout-btn,.bell-button,button:disabled,.ui-button:disabled{background:#fff;background-image:none;border-color:#000;box-shadow:none;color:#000;opacity:1}.nav-links a:hover,.nav-links a.active,.mode-toggle button.active,.period-selector button.active,.planner-view-switch button.active,.tabs button.active{background:#000;color:#fff}.mode-toggle button,.period-selector button,.planner-view-switch button,.tabs button,.quick-start-card .ui-button-secondary,.quick-start-card .ui-button-ghost,.quick-template-actions button,.quick-template-form-actions button,.quick-template-actions button.danger,.ui-button-danger,.targets-page .ui-button-danger,.discipline-form.danger button,.timer-buttons button.stop,.template-duration-dialog button.stop{background:#fff;background-image:none;border-color:#000;box-shadow:none;color:#000}.quick-template-actions button:disabled,.quick-template-form-actions button:disabled,.mode-toggle button:disabled,.period-selector button:disabled,.planner-view-switch button:disabled,.tabs button:disabled{background:#fff;border-color:#000;color:#000;opacity:1}.ui-tag,.sync-pill,.sync-pill.online,.sync-pill.offline,.ui-tag-success,.ui-tag-warning,.ui-tag-danger,.group-member-list span,.ui-progress,.target-progress-bar,.legend div{background:#fff;border-color:#000;color:#000}.ui-progress span,.target-progress-bar span{background:#000}.grid-cell{border-color:#fff;filter:none}.grid-cell:not([style]){background:#fff;border-color:#000}.grid-cell[style],.category-color-dot,.quick-template-icon,.review-category-row>span,.recharts-bar-rectangle path,.recharts-sector,.recharts-pie-sector path{filter:none}.quick-template-icon{color:#fff;border-color:#fff}.quick-template-item[style]{border-right-color:#000;border-bottom-color:#000;border-left-color:#000}.planner-task,.planner-pool-item,.target-event{background:#fff;background-image:none;border-top-color:#000;border-right-color:#000;border-bottom-color:#000;box-shadow:none;color:#000}.planner-task-main,.planner-pool-item>button:first-child{background:transparent;border-color:transparent;box-shadow:none;color:#000}.planner-task-actions button,.planner-pool-item>.ui-button:last-child{background:#fff;background-image:none;border-color:#000;color:#000}.groups-list button,.groups-list button.active,.public-group-card,.group-status-card,.group-card-share,.group-notice,.group-messages,.group-system-message,.group-member-list span{background:#fff;background-image:none;border-color:#000;box-shadow:none;color:#000}.groups-list button.active{box-shadow:inset 4px 0 #000}.group-status-card span,.group-card-share span,.group-status-card strong,.group-status-grid span,.public-group-card code{color:#000}.group-share-row button:first-child,.group-header-actions button:nth-child(2){background:#000;background-image:none;border-color:#000;color:#fff}.group-meta-row div,.group-member-list span{border-color:#000}.login-bg,.login-bg.relative{background:#fff!important;background-image:none!important;color:#000}.login-bg .rounded-2xl{background:#fff!important;border:1px solid #000000!important;box-shadow:none!important;color:#000}.login-bg h1,.login-bg label,.login-bg p,.login-bg span,.login-bg button{color:#000}.login-bg input{background:#fff!important;border:1px solid #000000!important;box-shadow:none!important;color:#000!important}.login-bg button[type=submit]{background:#000!important;border:1px solid #000000!important;box-shadow:none!important;color:#fff!important}.login-bg button[type=button]{background:transparent;border:0;color:#000!important}.target-ring{background:conic-gradient(#000,#fff 0)!important;border:1px solid #000000}.target-ring-inner{background:#fff;color:#000}.target-progress,.target-desc,.quick-template-start small,.quick-template-start em{color:#000}table,table thead,table tbody,table tr,table th,table td{background:#fff;border-color:#000;color:#000}@media (max-width: 1100px){.navbar,.nav-links{background:#fff;border-color:#000;box-shadow:none;color:#000}.nav-brand,.nav-links a{color:#000}.nav-links a:hover,.nav-links a.active{background:#000;color:#fff}}.nav-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem}.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px}.bell-button,.logout-btn{width:38px;height:38px;min-width:38px;min-height:38px;padding:0!important;display:inline-grid!important;place-items:center;border-radius:999px;line-height:1}.bell-button svg,.logout-btn svg,.nav-links a svg,.planner-task-actions button svg,.planner-range-nav button svg,.planner-page .ui-button svg,.timer-buttons button svg{display:block;flex:0 0 auto;margin:0}.bell-button .badge{top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:1px solid #000000;border-radius:999px;background:#fff;color:#000;font-size:.68rem;font-weight:900;line-height:1}.notification-empty,.notification-summary,.notification-summary div{background:#fff!important;color:#000!important}.timer-page .ui-page-header,.planner-page .ui-page-header{gap:1rem;margin-bottom:clamp(.75rem,2vw,1.1rem)}.timer-page .ui-page-header h1,.planner-page .ui-page-header h1{font-size:clamp(2.45rem,8vw,4.6rem);line-height:.95}.timer-shell{gap:.9rem}.timer-card{padding:clamp(1rem,2.5vw,1.45rem);border:1px solid #000000;border-radius:8px;overflow:visible}.timer-card .mode-toggle{width:min(100%,360px);margin:0 auto 1rem;padding:3px;border-radius:999px}.timer-card .mode-toggle button{min-height:38px;display:grid;place-items:center}.timer-focus-top{width:min(100%,520px);margin:0 auto .85rem;padding:0;border:0;grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.timer-category-inline .category-select>label{display:none}.timer-category-inline .category-select select,.manual-category-field .category-select select{min-height:44px;border-radius:8px!important;font-weight:800}.timer-create-category{width:auto;min-height:44px;border-radius:8px}.timer-card .timer-controls{width:min(100%,600px);gap:1rem;padding:0}.timer-card .timer-display{padding:clamp(.9rem,3vw,1.4rem) 0;border-block:1px solid #000000;font-size:clamp(3.4rem,13vw,6.6rem);line-height:.95}.timer-card .timer-footer{width:100%;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:.75rem}.multiplier-control{min-height:54px;padding:.65rem .75rem;border-radius:8px;justify-content:center}.multiplier-hint{display:none}.timer-buttons button{min-height:62px;border-radius:8px}.planner-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.planner-page .ui-stat-card{min-height:auto;gap:.3rem;padding:.85rem;border-radius:8px}.planner-calendar{overflow-x:auto;-webkit-overflow-scrolling:touch}.planner-month .planner-days,.planner-week .planner-days{min-width:760px}.planner-day-list p{min-height:48px;display:grid;place-items:center;padding:.35rem;border:1px dashed #000000;border-radius:6px;font-size:.8rem;font-weight:800}.planner-task-actions{flex-wrap:nowrap;align-items:center;gap:.25rem}.planner-task-actions button{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:grid;place-items:center;border-radius:6px}@media (max-width: 700px){.navbar{min-height:calc(50px + env(safe-area-inset-top));padding:calc(.45rem + env(safe-area-inset-top)) .75rem .45rem}.nav-brand{font-size:1.08rem;line-height:1}.notification-bell,.bell-button,.logout-btn{width:36px;height:36px;min-width:36px;min-height:36px;flex-basis:36px}.nav-links{grid-template-columns:repeat(7,minmax(0,1fr));left:.55rem;right:.55rem;bottom:calc(1rem + env(safe-area-inset-bottom));gap:.15rem;padding:.25rem;border-radius:16px}.nav-links a{min-width:0;min-height:42px;aspect-ratio:auto;padding:.18rem .04rem;display:grid;grid-template-rows:19px auto;place-items:center;gap:.12rem;border-radius:12px;font-size:.56rem;line-height:1}.nav-links a svg{width:18px;height:18px;align-self:center}.notification-bell .dropdown{position:fixed;top:calc(3.35rem + env(safe-area-inset-top));left:.75rem;right:.75rem;width:auto;margin-top:0}.main-content{padding:.85rem .85rem calc(6.4rem + env(safe-area-inset-bottom))}.timer-page .ui-page-header,.planner-page .ui-page-header{padding:0;margin-bottom:.75rem}.timer-page .ui-page-header h1,.planner-page .ui-page-header h1{font-size:2.1rem;line-height:1}.timer-card{padding:.85rem}.timer-focus-top{grid-template-columns:minmax(0,1fr) auto;margin-bottom:.75rem}.timer-card .timer-display{padding:.95rem 0;font-size:clamp(3.25rem,16vw,4.15rem)}.timer-card .timer-footer{grid-template-columns:1fr}.manual-form{grid-template-columns:1fr 1fr;gap:.75rem}.manual-category-field,.manual-form .form-group:nth-of-type(4),.manual-form button[type=submit]{grid-column:1 / -1}.planner-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.planner-month .planner-days,.planner-week .planner-days{min-width:690px;grid-template-columns:repeat(7,minmax(86px,1fr))}}.logout-btn{gap:0!important;overflow:hidden;font-size:0}.logout-btn svg{width:20px;height:20px}.timer-card .timer-display{letter-spacing:0}@media (max-width: 700px){.navbar{min-height:calc(46px + env(safe-area-inset-top));padding:calc(.38rem + env(safe-area-inset-top)) .7rem .38rem}.nav-actions{gap:.38rem}.notification-bell,.bell-button,.logout-btn{width:34px;height:34px;min-width:34px;min-height:34px;flex-basis:34px}.bell-button svg,.logout-btn svg{width:18px;height:18px}.nav-links{left:.5rem;right:.5rem;bottom:calc(.55rem + env(safe-area-inset-bottom));padding:.22rem;border-radius:14px}.nav-links a{min-height:38px;grid-template-rows:17px auto;gap:.1rem;border-radius:10px;font-size:.54rem}.nav-links a svg{width:17px;height:17px}.main-content{padding:.65rem .72rem calc(5.8rem + env(safe-area-inset-bottom))}.timer-shell{gap:.65rem;padding:0}.timer-page .ui-page-header,.planner-page .ui-page-header{margin-bottom:.55rem}.timer-page .ui-page-header h1,.planner-page .ui-page-header h1{font-size:1.75rem;line-height:1.05}.timer-page .ui-page-header p,.planner-page .ui-page-header p{font-size:.9rem;line-height:1.35}.timer-card{padding:.7rem}.timer-card .mode-toggle{width:min(100%,280px);margin-bottom:.65rem}.timer-card .mode-toggle button{min-height:34px;font-size:.92rem}.timer-focus-top{gap:.5rem;margin-bottom:.55rem}.timer-category-inline>span{font-size:.88rem;margin-bottom:.3rem}.timer-category-inline .category-select select,.manual-category-field .category-select select,.timer-create-category{min-height:40px;padding:.5rem .58rem;font-size:.92rem}.timer-create-category{min-width:64px}.timer-card .timer-controls{gap:.65rem}.timer-card .timer-display{padding:.72rem 0;font-size:clamp(2.55rem,14vw,3.55rem)}.timer-card .timer-footer{gap:.55rem}.multiplier-control{min-height:46px;padding:.5rem .65rem}.multiplier-control label{width:100%;justify-content:space-between;font-size:.9rem}.multiplier-control input{width:96px;padding:.42rem .5rem;text-align:center}.timer-buttons button{min-height:52px;padding:.72rem .9rem;font-size:1rem}.quick-start-card,.timer-category-create{padding:.82rem}.quick-start-card .ui-section-header{gap:.65rem}.quick-start-card .ui-section-header h2{font-size:1.2rem}.quick-start-card .ui-section-header p{font-size:.86rem}.planner-summary{gap:.48rem}.planner-page .ui-stat-card{padding:.68rem}.planner-toolbar{gap:.55rem}}.target-ring-inner{padding:.6rem}.target-value{max-width:6.2em;margin:0 auto;font-size:clamp(.86rem,1.2vw,1.02rem);line-height:1.18;letter-spacing:0!important;overflow-wrap:anywhere}.timer-category-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:125;display:grid;place-items:center;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));background:#2d2a265c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timer-category-dialog{width:min(94vw,460px);display:grid;gap:1rem;padding:1.1rem;border:1px solid #000000;border-radius:8px;background:#fff;color:#000}.timer-category-dialog header,.planner-day-modal .planner-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.timer-category-dialog h2,.timer-category-dialog header span{margin:0}.timer-category-dialog .category-create-form{display:grid;gap:.85rem}.timer-category-dialog .category-create-form button[type=submit]{width:100%}.planner-day-detail-list{display:grid;gap:.65rem}.planner-day-detail-list .planner-task{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem}.planner-day-detail-list .planner-task-main{min-height:74px;display:grid;align-content:center;gap:.2rem;padding:.55rem .7rem;border:1px solid #000000;border-radius:8px;background:#fff!important;color:#000!important}.planner-day-detail-list .planner-task-main strong,.planner-day-detail-list .planner-task-main span,.planner-day-detail-list .planner-task-main small{color:#000!important;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip}.planner-day-detail-list .planner-task-actions{flex:0 0 auto;justify-content:flex-end}.planner-day-modal footer{display:flex;justify-content:flex-end}@media (max-width: 700px){.target-ring{width:min(38vw,128px);height:min(38vw,128px)}.target-ring-inner{width:76%;height:76%}.target-value{max-width:5.5em;font-size:clamp(.74rem,3.2vw,.92rem)}.review-header{display:block}.review-export-top{display:none!important}.review-toolbar .period-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:8px}.review-toolbar .period-selector button{width:100%;min-width:0;border-radius:6px;white-space:nowrap}.review-category-filter summary{align-items:flex-start}.review-category-filter summary>strong{max-width:55%;text-align:right;overflow-wrap:anywhere}.review-category-options{grid-template-columns:1fr}.planner-day-modal .planner-dialog{width:min(94vw,520px);max-height:82vh}}.timer-page{width:100%;padding-top:0}.timer-page .ui-page-header{width:min(100%,1360px);justify-self:center;min-height:auto;margin:0 auto clamp(.7rem,1.4vw,1rem);padding:0;align-items:flex-end}.timer-page .ui-page-header h1{font-size:clamp(3.15rem,5vw,4.8rem);line-height:.92}.timer-page .ui-page-header p{margin-top:.42rem;font-size:clamp(1rem,1vw,1.12rem)}.timer-page .ui-page-action{align-self:flex-end}.timer-today-card{width:min(36vw,330px);min-width:270px;display:grid;gap:.28rem;padding:.85rem 1rem .95rem;border:1px solid #000000;border-radius:8px;background:#fff;color:#000}.timer-today-card span,.timer-today-card small{color:#000;font-weight:800}.timer-today-card span{font-size:.78rem}.timer-today-card strong{color:#000;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1}.timer-today-card small{font-size:.78rem;line-height:1.35}.timer-today-card .ui-progress{height:6px;margin-top:.25rem;border:1px solid #000000}.timer-shell{width:min(100%,1360px);max-width:none;justify-self:center;padding:0;display:grid;grid-template-columns:1fr;gap:clamp(.72rem,1.3vw,1rem);align-items:start}.timer-sync-bar{width:100%}.timer-card{width:min(100%,1180px);min-height:clamp(520px,52vh,680px);justify-content:center;justify-self:center;padding:clamp(1.6rem,2.4vw,2.4rem)}.timer-card .mode-toggle{width:min(100%,410px);margin-bottom:clamp(1.3rem,2.2vw,1.85rem)}.timer-focus-top{width:min(100%,640px);margin-bottom:clamp(1rem,1.8vw,1.4rem)}.timer-card .timer-controls{width:min(100%,860px);margin:0 auto;gap:clamp(1rem,1.8vw,1.45rem)}.timer-card .timer-display{padding:clamp(1.25rem,2.6vw,2rem) 0;font-size:clamp(5.2rem,9.2vw,10.5rem);line-height:.9}.timer-card .timer-footer{grid-template-columns:minmax(240px,.76fr) minmax(260px,1.24fr);align-items:stretch}.timer-buttons button{min-height:clamp(68px,6vw,84px);font-size:clamp(1.05rem,1.2vw,1.28rem)}.quick-start-card{width:100%;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.7rem,1.2vw,1rem);padding:clamp(.76rem,1.1vw,.95rem)}.quick-start-card .ui-section-header{width:auto;min-width:120px;margin:0;display:block}.quick-start-card .ui-section-header h2{margin-top:0;font-size:clamp(1.05rem,1.2vw,1.22rem);line-height:1.05}.quick-start-card .ui-eyebrow,.quick-start-card .ui-section-header p{display:none}.quick-start-card .ui-section-action{margin-top:.48rem}.quick-start-card .ui-button-secondary{min-height:32px;padding:.38rem .62rem;border-radius:8px;font-size:.78rem;white-space:nowrap}.quick-template-list{min-width:0;display:flex;gap:.65rem;overflow-x:auto;padding:.08rem .06rem .18rem;scrollbar-width:thin}.quick-template-item{flex:0 0 clamp(92px,10vw,118px);min-height:108px;padding:.48rem;display:grid;gap:.4rem;border-top-width:3px;scroll-snap-align:start}.quick-template-start{min-height:0;display:grid;grid-template-columns:1fr;justify-items:center;gap:.35rem;text-align:center}.quick-template-start>span:not(.quick-template-icon){min-width:0;width:100%}.quick-template-start small{display:none}.quick-template-start strong{width:100%;margin:0;font-size:.82rem;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-template-start em{max-width:100%;padding:.14rem .34rem;border:1px solid #000000;border-radius:999px;font-size:.68rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-template-icon{width:44px;height:44px;border-radius:8px;font-size:.92rem}.quick-template-actions{display:flex;justify-content:center;gap:.22rem}.quick-template-actions button{min-width:0;min-height:24px;padding:0 .28rem;border-radius:6px;font-size:.66rem;line-height:1}.quick-template-actions button:nth-child(1),.quick-template-actions button:nth-child(2),.quick-template-actions button.danger{display:none}.quick-template-empty,.quick-start-card .ui-loading{min-height:108px;width:100%;padding:.7rem}@media (max-width: 1500px){.timer-card{width:100%}.timer-card .timer-display{font-size:clamp(5rem,11.5vw,9.4rem)}}@media (max-width: 700px){.timer-page .ui-page-header{display:grid;grid-template-columns:1fr;gap:.62rem;margin-bottom:.7rem}.timer-page .ui-page-header h1{font-size:2.15rem;line-height:1}.timer-page .ui-page-header p{margin-top:.35rem;font-size:.92rem}.timer-page .ui-page-action,.timer-today-card{width:100%;min-width:0}.timer-today-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.25rem .65rem;padding:.72rem .78rem}.timer-today-card span,.timer-today-card small,.timer-today-card .ui-progress{grid-column:1 / -1}.timer-today-card strong{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:clamp(1.25rem,7vw,1.8rem)}.timer-shell{gap:.62rem;display:grid;grid-template-columns:1fr}.quick-start-card{display:grid;grid-template-columns:1fr;gap:.58rem;padding:.66rem}.quick-start-card .ui-section-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.quick-start-card .ui-section-header h2{font-size:1rem}.quick-start-card .ui-section-action{margin-top:0}.quick-template-list{gap:.5rem;padding-bottom:.08rem}.quick-template-item{flex-basis:86px;min-height:96px;padding:.42rem}.quick-template-icon{width:38px;height:38px}.quick-template-start strong{font-size:.76rem}.quick-template-start em{font-size:.62rem}.quick-template-actions button{min-height:22px;font-size:.62rem}.timer-card{min-height:min(64vh,540px);padding:.86rem}.timer-card .mode-toggle{width:min(100%,310px);margin-bottom:.78rem}.timer-focus-top{margin-bottom:.78rem}.timer-card .timer-controls{gap:.86rem}.timer-card .timer-display{padding:1rem 0;font-size:clamp(3.15rem,17vw,4.7rem)}.timer-card .timer-footer{grid-template-columns:1fr;gap:.62rem}.multiplier-control{min-height:48px}.timer-buttons button{min-height:58px}}.timer-shell{grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row}.timer-shell>.timer-sync-bar{grid-column:1 / -1!important;grid-row:auto!important;order:0}.timer-shell>.quick-start-card{grid-column:1 / -1!important;grid-row:auto!important;order:1}.timer-shell>.timer-card{grid-column:1 / -1!important;grid-row:auto!important;order:2}.quick-start-card{padding:clamp(.62rem,.9vw,.78rem)!important}.quick-template-item{flex-basis:clamp(82px,8vw,104px);min-height:94px;padding:.42rem}.quick-template-icon{width:38px;height:38px}.quick-template-start{gap:.28rem}.quick-template-start strong{font-size:.76rem}.quick-template-start em{font-size:.62rem}@media (max-width: 700px){.timer-page .ui-page-header{gap:.45rem;margin-bottom:.48rem}.timer-page .ui-page-header h1{font-size:1.85rem}.timer-page .ui-page-header p{margin-top:.22rem;font-size:.84rem;line-height:1.25}.timer-today-card{min-height:0;padding:.58rem .68rem;gap:.18rem .5rem}.timer-today-card span,.timer-today-card small{font-size:.72rem;line-height:1.2}.timer-today-card strong{font-size:clamp(1.15rem,5.8vw,1.55rem)}.timer-today-card .ui-progress{height:5px;margin-top:.12rem}.timer-shell{gap:.5rem}.quick-start-card{gap:.45rem;padding:.52rem!important}.quick-start-card .ui-section-header{gap:.42rem}.quick-start-card .ui-section-header h2{font-size:.92rem}.quick-start-card .ui-button-secondary{min-height:30px;padding:.3rem .48rem;font-size:.72rem}.quick-template-list{gap:.42rem}.quick-template-item{flex-basis:76px;min-height:82px;padding:.34rem}.quick-template-icon{width:32px;height:32px;font-size:.82rem}.quick-template-start strong{font-size:.68rem}.quick-template-start em{max-width:56px;font-size:.56rem}.quick-template-actions button{min-height:20px;padding:0 .22rem;font-size:.56rem}.timer-card{min-height:0;justify-content:flex-start;padding:.68rem .68rem .42rem}.timer-card .mode-toggle{width:min(100%,260px);margin-bottom:.52rem}.timer-card .mode-toggle button{min-height:32px;font-size:.9rem}.timer-focus-top{margin-bottom:.56rem;gap:.48rem}.timer-category-inline>span{font-size:.8rem;margin-bottom:.22rem}.timer-category-inline .category-select select,.manual-category-field .category-select select,.timer-create-category{min-height:38px;font-size:.86rem}.timer-card .timer-controls{gap:.58rem}.timer-card .timer-display{padding:.76rem 0;font-size:clamp(2.9rem,15.8vw,4.25rem)}.timer-card .timer-footer{gap:.48rem}.multiplier-control{min-height:44px;padding:.45rem .58rem}.timer-buttons button{min-height:50px}}.timer-shell{width:min(100%,1120px)!important;gap:clamp(.58rem,1vw,.82rem)!important}.timer-shell>.quick-start-card,.timer-shell>.timer-card{width:min(100%,1040px)!important;justify-self:center}.quick-start-card{padding:clamp(.56rem,.85vw,.72rem)!important}.quick-template-list{gap:.5rem}.quick-template-item{flex-basis:clamp(78px,7vw,96px);min-height:86px;padding:.36rem}.quick-template-icon{width:34px;height:34px}.quick-template-start{gap:.22rem}.quick-template-start strong{font-size:.72rem}.quick-template-start em{font-size:.58rem}.timer-card{min-height:clamp(430px,46vh,540px)!important;padding:clamp(1.05rem,1.65vw,1.55rem)!important}.timer-card .mode-toggle{width:min(100%,360px);margin-bottom:clamp(.86rem,1.5vw,1.18rem)}.timer-focus-top{width:min(100%,620px);margin:0 auto clamp(.78rem,1.25vw,1.05rem);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.56rem}.timer-category-inline{min-width:0;gap:.26rem}.timer-category-inline>span{margin:0;line-height:1.1}.timer-category-inline .category-select{display:grid;grid-template-columns:1fr;gap:0}.timer-category-inline .category-select select,.manual-category-field .category-select select,.timer-create-category{min-height:40px;font-size:.9rem}.timer-create-category{align-self:end;padding-inline:.78rem}.timer-card .timer-controls{width:min(100%,720px);gap:clamp(.74rem,1.35vw,1.05rem)}.timer-card .timer-display{padding:clamp(.86rem,1.65vw,1.3rem) 0;font-size:clamp(4.5rem,7.7vw,7.8rem)}.timer-card .timer-footer{grid-template-columns:minmax(220px,.78fr) minmax(250px,1.22fr);gap:.8rem}.timer-card .multiplier-control{min-height:58px;padding:.68rem .78rem}.timer-card .timer-buttons button{min-height:clamp(58px,4.7vw,70px)}@media (max-width: 700px){.timer-shell{width:100%!important;gap:.45rem!important}.timer-shell>.quick-start-card,.timer-shell>.timer-card{width:100%!important}.quick-start-card{padding:.48rem!important}.quick-template-list{gap:.38rem}.quick-template-item{flex-basis:72px;min-height:76px;padding:.3rem}.quick-template-icon{width:30px;height:30px}.quick-template-start strong{font-size:.64rem}.quick-template-start em{font-size:.52rem}.timer-card{min-height:0!important;padding:.62rem .62rem .38rem!important}.timer-focus-top{width:100%;margin-bottom:.48rem;gap:.42rem}.timer-category-inline .category-select select,.manual-category-field .category-select select,.timer-create-category{min-height:36px;font-size:.82rem}.timer-card .timer-controls{width:100%;gap:.5rem}.timer-card .timer-display{padding:.64rem 0;font-size:clamp(2.7rem,14.8vw,4rem)}.timer-card .timer-footer{grid-template-columns:1fr;gap:.42rem}.timer-card .multiplier-control{min-height:42px;padding:.42rem .52rem}.timer-card .timer-buttons button{min-height:48px}}.planner-target-form .target-category-field{grid-column:1 / -1}.planner-target-form .category-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem}.planner-target-form .category-checkboxes label{display:flex;align-items:center;gap:.5rem;min-height:40px;margin:0;padding:.45rem .6rem;border:1px solid #000000;border-radius:6px;background:#fff;color:#000;font-weight:650;line-height:1.3}.planner-target-form .category-checkboxes input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;flex:0 0 18px}.planner-target-form>.ui-button[type=submit]{justify-self:start}.months-container{display:block}.heatmap-scroll-track{width:-moz-max-content;width:max-content;min-width:100%}.heatmap-days{width:-moz-max-content;width:max-content;min-width:100%;display:flex;flex-wrap:nowrap;gap:4px}.heatmap-year-timeline{min-width:100%;height:30px;display:flex;align-items:flex-end;margin-bottom:.45rem;border-bottom:1px solid #000000}.heatmap-year-timeline span{position:relative;flex:0 0 auto;padding:0 .2rem .35rem;color:#000;font-size:.76rem;font-weight:750;line-height:1;white-space:nowrap}.heatmap-year-timeline span:after{content:"";position:absolute;left:0;bottom:-4px;width:1px;height:7px;background:#000}@media (min-width: 1101px){.notification-bell .dropdown{position:fixed;top:auto;right:auto;bottom:4.75rem;left:.9rem;width:min(360px,calc(100vw - 1.8rem));max-height:min(70vh,560px);margin:0;z-index:120}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.z-10{z-index:10}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-xl{max-width:36rem}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.border-white\/60{border-color:#fff9}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-wide{letter-spacing:.025em}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Inter,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2d2a26;background-color:#f6f3ea;--color-background: #f6f3ea;--color-surface: #fffdf8;--color-surface-soft: #f0ede4;--color-border: #ded8cc;--color-text-primary: #2d2a26;--color-text-secondary: #6f6a61;--color-muted: #ebe6db;--color-accent: #6f7f72;--color-accent-soft: #e5eadf;--color-danger: #9a5f55;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-card: 0 1px 2px rgba(43, 38, 31, .05), 0 12px 36px rgba(43, 38, 31, .06);--spacing-page: clamp(1rem, 2.4vw, 2rem);--spacing-card: clamp(1rem, 2vw, 1.35rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}.hover\:bg-slate-900:hover{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-slate-500:focus{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-slate-500\/60:focus{--tw-ring-color: rgb(100 116 139 / .6)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-400:disabled{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity))}@media (min-width: 640px){.sm\:px-8{padding-left:2rem;padding-right:2rem}}