.timer-main{max-width:750px;padding:34px 24px 40px;margin:auto}.timer-main h1{font-family:var(--serif);font-size:37px;font-weight:500;letter-spacing:-1px;margin:0 0 12px}.timer-description{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:26px}.clock-card{background:#e8eddf;padding:28px 28px 23px;border:1px solid #d7dfc9;border-radius:7px}.timer-state-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.timer-state-row h2{font-size:12px;font-weight:500;margin:0;line-height:1.8}.timer-state-row>span{font-size:10px;white-space:nowrap;color:#6b7b62;font-variant-numeric:tabular-nums}.timer-display{font-size:clamp(45px,9.5vw,83px);font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.2;margin:23px 0 20px;text-align:center}.timer-target{font-size:12px;text-align:center;line-height:1.9;color:#586c50;min-height:23px;margin:0}.timer-location{font-size:13px;line-height:1.8;text-align:center;word-break:break-word;margin:8px 0;color:#3e553b}.clock-card.finished{background:#f1e6d5;border-color:#decba9}.clock-actions{display:flex;justify-content:center;gap:9px;margin-top:16px}.clock-actions button{border:1px solid #bdc8b0;border-radius:4px;background:transparent;padding:11px 18px;min-height:42px;font-size:11px}.timer-settings{margin-top:27px;padding:27px;border:1px solid var(--line);border-radius:7px;background:#fffdf7}.timer-mode{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:25px;gap:12px}.timer-mode button{border:0;border-bottom:2px solid transparent;background:transparent;padding:5px 0 15px;min-height:43px;font-size:12px;color:#7b8273}.timer-mode button[aria-pressed=true]{border-bottom-color:var(--forest);color:var(--forest);font-weight:700}.meeting-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}#timer-form label{font-size:11px;color:#5e6c55;display:block;line-height:1.8}#timer-form input:not([type=checkbox]){display:block;width:100%;min-width:0;margin-top:8px;height:47px;border:1px solid #d9dfd0;border-radius:4px;background:#fffefb;padding:10px 12px;font-size:14px;color:#344c35;font-family:inherit}#timer-form input:focus{outline:2px solid #b4c59e;outline-offset:1px}.location-field{margin-top:21px}.location-field>span{color:#9ba491;font-size:9px;margin-left:7px}#timer-form input::placeholder{font-size:11px;color:#9ca38f}.quick-minutes{display:flex;gap:8px;margin-top:13px}.quick-minutes button{padding:9px 13px;min-height:38px;border:1px solid #d5deca;border-radius:4px;background:#f1f4ea;font-size:11px;color:#597048}.field-unit{font-size:10px;display:block;text-align:right;margin-top:5px}.sound-option{display:flex!important;gap:9px;align-items:center;margin-top:22px}.sound-option input{width:17px;height:17px;margin:0;accent-color:#304e3e}.sound-note{font-size:10px;color:#8a927e;line-height:1.9;margin:9px 0 22px;word-break:keep-all}.start-timer{width:100%;min-height:48px;padding:14px;border:0;border-radius:4px;background:var(--forest);color:#fff;font-size:13px;text-align:center}.timer-error{font-size:12px;color:#9d472f;line-height:1.8;margin:12px 0}.storage-note{font-size:10px;color:#89937b;text-align:center;line-height:1.9;margin:16px 0 0;word-break:keep-all}.timer-smallprint{font-size:10px;line-height:1.9;color:#8e9683;margin:22px 0;word-break:keep-all}.timer-credit{text-align:center;font-family:var(--serif);font-size:12px;letter-spacing:2px;color:#6e7c60;margin-top:28px}@media(max-width:480px){.timer-main{padding:22px 20px 36px}.timer-main h1{font-size:29px}.timer-description{font-size:10px}.clock-card{padding:22px 17px}.timer-display{font-size:59px;letter-spacing:-1.9px;margin:20px 0 16px}.timer-state-row h2{font-size:10px}.timer-state-row>span{font-size:9px}.timer-target{font-size:10px}.timer-location{font-size:12px}.timer-settings{padding:20px 17px}.timer-mode button{font-size:11px}.meeting-fields{gap:10px}#timer-form label{font-size:10px}#timer-form input:not([type=checkbox]){padding:10px 7px;font-size:12px}.timer-smallprint{font-size:9px}.sound-note{font-size:9px}.storage-note{font-size:9px}.quick-minutes{gap:6px}.quick-minutes button{flex:1;padding:9px 4px;font-size:10px}}@media(max-width:350px){.timer-display{font-size:50px}.meeting-fields{grid-template-columns:1fr}}