[data-theme=dark]{--primary-color:#5e81ac;--secondary-color:#4c566a;--accent-color:#88c0d0;--text-color:#eceff4;--bg-color:#2e3440;--card-bg:#3b4252;--button-hover:#81a1c1;--progress-bg:#434c5e}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;display:flex}.container{flex:1;width:90%;max-width:800px;margin:0 auto;padding:20px}.back-button{background-color:var(--primary-color);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 20px;font-weight:500;text-decoration:none;display:flex;box-shadow:0 2px 5px #0000001a}.back-button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.theme-toggle{cursor:pointer;color:var(--text-color);background:0 0;border:none;font-size:24px}.timer-card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:none;text-align:center;margin-bottom:30px;padding:40px}.timer-title{color:var(--primary-color);margin-bottom:20px;font-size:28px;font-weight:600}.timer{color:var(--primary-color);margin:30px 0;font-size:96px;font-weight:300}.progress-container{background-color:var(--progress-bg);border-radius:var(--radius-sm);width:100%;height:10px;margin:30px 0;overflow:hidden}.progress-bar{background-color:var(--accent-color);border-radius:var(--radius-sm);width:100%;height:100%;transition:width .5s linear}.controls{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px;display:flex}.time-options{justify-content:center;gap:15px;margin-bottom:30px;display:flex}.time-option{border-radius:var(--radius-sm);background-color:var(--card-bg);border:2px solid var(--primary-color);color:var(--primary-color);cursor:pointer;padding:10px 25px;font-weight:600;transition:all .3s}.time-option.active{background-color:var(--primary-color);color:#fff}.container button{border-radius:var(--radius-sm);cursor:pointer;border:none;min-width:120px;padding:15px 30px;font-size:18px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #0000001a}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none!important;transform:none!important}button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 10px #00000026}#start{background-color:var(--primary-color);color:#fff}#start:hover:not(:disabled){background-color:var(--button-hover)}#stop{background-color:var(--danger);color:#fff}#stop:hover:not(:disabled){background-color:var(--danger)}#reset{background-color:var(--card-bg);color:var(--text-color);border:2px solid var(--primary-color)}#reset:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.footer{text-align:center;background-color:var(--card-bg);color:var(--text-color);padding:20px;font-size:14px;text-decoration:none}@media (width<=768px){.timer{font-size:72px}.controls{flex-direction:column;align-items:center}button{width:100%;max-width:250px}.time-options{flex-direction:column;align-items:center}.time-option{text-align:center;width:100%;max-width:250px}}@media (width<=480px){.timer{font-size:48px}.timer-card{padding:30px 20px}}:root,[data-theme=dark]{--primary-color:var(--text-main);--secondary-color:var(--text-main);--accent-color:var(--accent);--text-color:var(--text-main);--bg-color:var(--page-bg);--card-bg:var(--surface);--button-hover:var(--text-main);--progress-bg:var(--line)}body{background:var(--page-bg);color:var(--text-main)}.container{padding-top:96px}.timer-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;padding:36px}.timer-title{color:var(--text-main);letter-spacing:-.02em;margin-bottom:16px;font-size:22px;font-weight:600}.timer{color:var(--text-main);letter-spacing:-.03em;margin:24px 0;font-size:clamp(64px,12vw,96px);font-weight:300}.progress-container{background:var(--line-soft);border-radius:2px;height:4px;margin:24px 0}.progress-bar{background:var(--text-main);border-radius:2px}.time-options{gap:8px;margin-bottom:22px}.time-option{color:var(--text-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);background:0 0;padding:8px 18px;font-size:12.5px;font-weight:500}.time-option.active{color:var(--surface-strong);background:var(--text-main);border-color:var(--text-main)}.container button{border-radius:var(--radius-sm);min-width:100px;box-shadow:none;padding:10px 18px;font-size:13px;font-weight:600;transition:opacity .16s,background-color .16s,border-color .16s}button:hover:not(:disabled){box-shadow:none;transform:none}#start{color:var(--surface-strong);background:var(--text-main)}#start:hover:not(:disabled){background:var(--text-main);opacity:.85}#stop{color:var(--text-subtle);border:1px solid var(--line);background:0 0}#stop:hover:not(:disabled){color:var(--text-main);background:var(--surface-soft)}#reset{color:var(--text-subtle);border:1px solid var(--line);background:0 0}#reset:hover:not(:disabled){color:var(--text-main);background:var(--surface-soft)}.theme-toggle{width:36px;height:36px;color:var(--text-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);background:0 0;padding:0;font-size:14px}.footer{color:var(--text-soft);border-top:1px solid var(--line);background:0 0;padding:18px;font-size:11px}