*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0c10;--surface:#13161c;--card:#1a1e27;--border:#2a2f3d;--text:#e8eaf0;--muted:#6b7280;--accent:#4f8ef7;--accent2:#22d3a5;--danger:#f05a5a;--warn:#f59e0b;--success:#22c55e;--radius:14px;--font-mono:"DM Mono", monospace}[data-theme=light]{--bg:#f4f6fb;--surface:#fff;--card:#fff;--border:#dde1ea;--text:#111827;--muted:#6b7280;--accent:#2563eb;--accent2:#0d9488;--danger:#dc2626;--warn:#d97706;--success:#16a34a}[data-theme=light] input,[data-theme=light] select,[data-theme=light] .dur-field{box-shadow:0 1px 3px #00000014,inset 0 1px 2px #0000000a}[data-theme=light] input:focus,[data-theme=light] select:focus{box-shadow:0 0 0 3px #2563eb26,0 1px 3px #00000014}[data-theme=light] .panel,[data-theme=light] .auth-card,[data-theme=light] .timer-card{box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d}[data-theme=light] .timer-card.running{box-shadow:0 2px 12px #0d948833,0 1px 3px #0000000f}[data-theme=light] .timer-card.paused{box-shadow:0 2px 12px #d977062e,0 1px 3px #0000000f}[data-theme=light] .timer-card.ended{box-shadow:0 2px 12px #dc26262e,0 1px 3px #0000000f}.theme-toggle{background:var(--border);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.theme-toggle.light{background:var(--accent)}.theme-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.theme-toggle.light:after{transform:translate(16px)}html{overflow-x:hidden}body{background:var(--bg);color:var(--text);width:100%;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}input,select,button{font-family:inherit}input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;width:100%;min-width:0;padding:10px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #0000002e,inset 0 1px 2px #00000014}input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f8ef726,0 1px 3px #0000002e}select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;min-width:0;padding:8px 12px;font-size:16px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #0000002e,inset 0 1px 2px #00000014}select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f8ef726,0 1px 3px #0000002e}.toast{background:var(--card);border:1px solid var(--accent2);color:var(--accent2);z-index:9999;pointer-events:none;text-align:center;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:500;animation:.2s fadein;position:fixed;top:1rem;left:1rem;right:1rem}@media (width>=500px){.toast{text-align:left;max-width:300px;left:auto}}@keyframes fadein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page{width:100%;max-width:1100px;margin:0 auto;padding:.875rem}@media (width>=640px){.page{padding:1.5rem}}.topbar{border-bottom:1px solid var(--border);flex-direction:column;gap:0;min-width:0;margin-bottom:1.25rem;padding-bottom:0;display:flex}.topbar-row1{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-bottom:.75rem;display:flex}.topbar-row2{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding-bottom:.75rem;display:flex}@media (width>=700px){.topbar{flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:1rem}.topbar-row1{flex:none;padding-bottom:0}.topbar-row2{flex:1;justify-content:flex-end;padding-bottom:0}}.logo{letter-spacing:-.5px;flex-shrink:0;font-size:1.25rem;font-weight:700}.logo span{color:var(--accent)}.topbar-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.nav-link{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--text);border-color:var(--text)}.user-info{flex-wrap:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.user-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-size:12px;overflow:hidden}@media (width<=500px){.user-email{display:none}}@media (width<=380px){.role-badge{display:none}}.theme-icon{flex-shrink:0;font-size:14px;line-height:1}.role-badge{letter-spacing:.4px;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.role-parent{color:var(--accent);background:#4f8ef726;border:1px solid #4f8ef74d}.role-child{color:var(--accent2);background:#22d3a51f;border:1px solid #22d3a54d}.btn-logout{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:12px;transition:all .15s}.btn-logout:hover{color:var(--danger);border-color:var(--danger)}.info-row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:1.25rem;display:grid}.info-card{background:var(--surface);color:var(--muted);text-align:center;border-radius:10px;padding:.5rem .75rem;font-size:11px}.info-card strong{color:var(--text);font-size:1.2rem;font-weight:700;font-family:var(--font-mono);display:block}@media (width>=640px){.info-row{flex-wrap:wrap;gap:1rem;display:flex}.info-card{text-align:left;padding:.75rem 1.25rem;font-size:13px}.info-card strong{font-size:1.4rem}}.global-bar{flex-wrap:wrap;gap:8px;margin-bottom:1.25rem;display:flex}.global-btn{border:1px solid var(--border);min-width:80px;color:var(--text);cursor:pointer;text-align:center;background:0 0;border-radius:8px;flex:1;padding:10px 8px;font-size:12px;font-weight:600;transition:background .15s}.global-btn:hover{background:var(--surface)}@media (width>=480px){.global-btn{flex:none;padding:7px 16px;font-size:13px}}.timer-grid{grid-template-columns:1fr;gap:1rem;min-width:0;margin-bottom:1.5rem;display:grid}@media (width>=560px){.timer-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width>=1024px){.timer-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.timer-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:0;padding:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #00000038,0 1px 2px #00000024}.timer-card.running{border-color:var(--accent2);box-shadow:0 2px 12px #22d3a52e,0 1px 3px #00000024}.timer-card.paused{border-color:var(--warn);box-shadow:0 2px 12px #f59e0b26,0 1px 3px #00000024}.timer-card.ended{border-color:var(--danger);box-shadow:0 2px 12px #f05a5a26,0 1px 3px #00000024}.tc-header{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;margin-bottom:.5rem;display:flex}.tc-name{word-break:break-word;min-width:0;font-size:15px;font-weight:600}.tc-meta{color:var(--muted);margin-bottom:.5rem;font-size:12px}.tc-status{letter-spacing:.4px;white-space:nowrap;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.status-running{color:var(--accent2);background:#22d3a526}.status-paused{color:var(--warn);background:#f59e0b26}.status-stopped{color:var(--muted);background:#6b728026}.status-ended{color:var(--danger);background:#f05a5a26}.tc-display{font-family:var(--font-mono);text-align:center;letter-spacing:2px;margin:.5rem 0;font-size:clamp(2rem,10vw,2.8rem);font-weight:700;line-height:1}.tc-display.running{color:var(--accent2)}.tc-display.paused{color:var(--warn)}.tc-display.ended{color:var(--danger)}.tc-display.stopped{color:var(--muted)}.progress-bar{background:var(--border);border-radius:2px;height:3px;margin:.6rem 0;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .5s linear}.progress-running{background:var(--accent2)}.progress-paused{background:var(--warn)}.progress-ended{background:var(--danger)}.btn-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:.6rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;min-height:38px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn:active{transform:scale(.96)}.btn-play{background:var(--accent2);color:#0a0c10}.btn-play:hover{background:#1ab88e}.btn-pause{color:var(--warn);background:#f59e0b33;border:1px solid #f59e0b4d}.btn-pause:hover{background:#f59e0b4d}.btn-stop{color:var(--danger);background:#f05a5a26;border:1px solid #f05a5a40}.btn-stop:hover{background:#f05a5a40}.btn-reset{color:var(--muted);border:1px solid var(--border);background:#6b728026}.btn-reset:hover{background:#6b728040}.btn-delete{color:var(--danger);border:1px solid var(--border);background:0 0;min-height:36px;padding:6px 10px;font-size:12px}.btn-delete:hover{border-color:var(--danger)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;min-height:48px;margin-top:.5rem;padding:13px;font-size:15px;font-weight:600}.btn-primary:hover{background:#3d7be4}.btn-add{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;width:100%;min-height:42px;padding:10px 16px;font-size:13px;font-weight:600}.btn-add:hover{background:#3d7be4}@media (width>=640px){.btn-add{width:auto}}.adjust-divider{border-top:1px solid var(--border);margin:.6rem 0 .4rem;padding-top:.5rem}.adjust-label{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;text-align:center;margin-bottom:.4rem;font-size:10px}.time-adjust{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}.adj-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:7px;min-width:34px;height:32px;padding:0 6px;font-size:11px;font-weight:700;transition:all .15s}.adj-btn.minus{color:var(--danger)}.adj-btn.minus:hover{border-color:var(--danger);background:#f05a5a26}.adj-btn.plus{color:var(--accent2)}.adj-btn.plus:hover{border-color:var(--accent2);background:#22d3a51f}.adj-sep{background:var(--border);width:1px;height:18px;margin:0 2px}@keyframes flashAdd{0%{color:var(--accent2);transform:scale(1.07)}to{}}@keyframes flashSub{0%{color:var(--danger);transform:scale(1.07)}to{}}.flash-add{animation:.4s flashAdd}.flash-sub{animation:.4s flashSub}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:0;margin-bottom:1.25rem;padding:1rem;box-shadow:0 2px 8px #00000038,0 1px 2px #00000024}@media (width>=640px){.panel{padding:1.25rem}}.panel-title{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:11px;font-weight:600}.form-row{flex-direction:column;gap:10px;min-width:0;display:flex}@media (width>=640px){.form-row{flex-flow:wrap;align-items:flex-end}}.form-group{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.form-group label{color:var(--muted);font-size:12px}.form-group input,.form-group select{width:100%;min-width:0}@media (width>=640px){.form-group{width:auto}.form-group input{width:170px}.form-group select{width:auto;min-width:140px}.form-group input.wide{width:210px}.form-group input.timer-name,.form-group input.account-email{width:320px}}.duration-picker{flex-wrap:nowrap;align-self:flex-end;align-items:center;gap:3px;margin-bottom:0;display:flex}.dur-sep{color:var(--muted);flex-shrink:0;padding-top:16px;font-size:16px;line-height:1}.dur-field{background:var(--surface);border:1px solid var(--border);border-radius:9px;align-items:center;height:44px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000002e,inset 0 1px 2px #00000014}.dur-btn{width:28px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .1s,color .1s;display:flex}.dur-btn:hover{background:var(--border);color:var(--text)}.dur-btn:active{background:var(--accent);color:#fff}.dur-input{width:36px;height:44px;color:var(--text);text-align:center;-moz-appearance:textfield;font-size:15px;font-weight:600;font-family:var(--font-mono);background:0 0;border:none;padding:0}.dur-input:focus{outline:none}@media (width>=640px){.dur-btn{width:18px;font-size:13px}.dur-input{width:22px;font-size:13px}.dur-field{height:44px}}.dur-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dur-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.child-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;padding:10px 0;display:flex}.child-item:last-child{border-bottom:none}.child-email{word-break:break-all;min-width:0;font-size:14px;font-weight:500}.child-assigned{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.assign-tag{color:var(--accent);background:#4f8ef71f;border:1px solid #4f8ef740;border-radius:10px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:flex}.assign-tag button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.assign-tag button:hover{color:var(--danger)}.no-assign{color:var(--muted);font-size:11px;font-style:italic}.assign-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin-top:.75rem;padding-top:.75rem;display:flex}.assign-row select{flex:1;width:0;min-width:120px}.btn-assign{color:var(--accent);cursor:pointer;white-space:nowrap;background:#4f8ef726;border:1px solid #4f8ef74d;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.btn-assign:hover{background:#4f8ef740}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:1.75rem 1.25rem;box-shadow:0 4px 24px #00000047,0 1px 4px #00000029}@media (width>=480px){.auth-card{padding:2.5rem}}.auth-logo{text-align:center;margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.auth-logo span{color:var(--accent)}.auth-sub{color:var(--muted);text-align:center;margin-bottom:2rem;font-size:13px}.auth-tabs{background:var(--surface);border-radius:10px;margin-bottom:1.5rem;padding:3px;display:flex}.auth-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 8px;font-size:13px;font-weight:500;transition:all .2s}.auth-tab.active{background:var(--card);color:var(--text)}.field{margin-bottom:1rem}.field label{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.auth-error{color:var(--danger);background:#f05a5a1f;border:1px solid #f05a5a4d;border-radius:8px;margin-bottom:1rem;padding:9px 12px;font-size:13px}.auth-hint{color:var(--muted);text-align:center;margin-top:1rem;font-size:12px}.empty-state{text-align:center;color:var(--muted);padding:2.5rem 1rem;font-size:14px}.empty-state .icon{margin-bottom:1rem;font-size:2.5rem}.empty-state h3{color:var(--text);margin-bottom:.5rem;font-size:16px;font-weight:600}.child-note{background:var(--surface);color:var(--muted);border-radius:10px;margin-top:.5rem;padding:1rem;font-size:13px}.conn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}@media (height<=500px) and (orientation:landscape){.topbar{margin-bottom:.5rem;padding-bottom:.5rem}.info-row{margin-bottom:.75rem}.tc-display{font-size:clamp(1.5rem,5vw,2rem)}.page{padding:.5rem}}