.time-page{background:radial-gradient(circle at 50% 4%,rgba(57,232,198,.13),transparent 31rem),var(--bg)}
.timer-main{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:72px 0 96px}.timer-hero{max-width:820px;margin:0 auto 36px;text-align:center}.timer-hero .eyebrow{justify-content:center}.timer-hero h1{margin:18px 0 20px;font-size:clamp(3.2rem,7.4vw,6.4rem);font-weight:680;line-height:.94;letter-spacing:-.065em}.timer-hero h1 em{color:var(--blue);font-style:normal}.timer-hero>p:last-of-type{max-width:680px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.72}.timer-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:24px 0 0;padding:0;list-style:none;color:#aac3bb;font:700 9px var(--mono)}.timer-trust li::before{content:"✓";margin-right:7px;color:var(--green)}
.timer-card{position:relative;display:grid;min-height:390px;place-items:center;align-content:center;padding:34px;overflow:hidden;text-align:center}.timer-card::before{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(57,232,198,.13),transparent 66%);content:"";pointer-events:none}.timer-card.running{border-color:rgba(57,232,198,.55);box-shadow:0 30px 90px rgba(0,0,0,.3)}.timer-card.running::before{animation:timer-pulse 2.2s ease-in-out infinite}.timer-topline{position:relative;z-index:1;display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px}.timer-topline>div,.entries-heading>div{display:flex;align-items:center;gap:12px}.timer-topline h2,.entries-heading h2{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.step-number{color:var(--blue);font:800 9px var(--mono)}.timer-status{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:800 8px var(--mono);letter-spacing:.08em}.timer-status.ok{border-color:rgba(184,255,104,.35);color:var(--green)}.timer-status.warn{border-color:rgba(255,127,115,.4);color:var(--red)}.timer-clock{position:relative;z-index:1;display:block;margin:42px 0 12px;color:var(--text);font:700 clamp(4rem,10vw,7.8rem)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.065em}.timer-hint{position:relative;z-index:1;margin:0;color:var(--muted);font-size:11px}.timer-message{position:relative;z-index:1;min-height:18px;margin:11px 0 0;color:var(--muted);font-size:11px}.timer-message.ok{color:var(--green)}.timer-message.error{color:var(--red)}.timer-actions{position:relative;z-index:1;margin-top:24px}.timer-actions button{min-width:190px;min-height:58px;border:0;border-radius:999px;background:var(--blue);color:#03110e;font-weight:800}.timer-actions .stop-button{background:var(--red);color:#240704}
.finish-card{margin-top:18px;padding:28px;border-color:rgba(57,232,198,.38)}.finish-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:14px;margin-top:25px}.finish-card label{display:grid;gap:8px;color:var(--muted);font-size:10px}.finish-card label small{color:#66837a;font-size:9px}.finish-card input,.finish-card textarea,.entries-controls input{width:100%;border:1px solid var(--line);border-radius:10px;background:#07110e;color:var(--text)}.finish-card input,.entries-controls input{min-height:54px;padding:12px 14px}.finish-card textarea{min-height:108px;padding:14px;resize:vertical}.finish-card input:focus,.finish-card textarea:focus,.entries-controls input:focus{outline:2px solid var(--blue);outline-offset:2px}.finish-grid label:first-child input{color:var(--cyan);font:700 clamp(1.35rem,4vw,2rem) var(--mono);text-transform:uppercase}.duration-input{position:relative}.duration-input input{padding-right:54px;font:700 1.7rem var(--mono)}.duration-input span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font:9px var(--mono)}.description-field{margin-top:15px}.editor-row{display:flex;align-items:center;gap:14px;margin-top:14px;color:var(--muted);font-size:9px}.secondary-action{min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);font-weight:700}.professional-field{margin-top:15px;padding:15px;border:1px solid rgba(57,232,198,.24);border-radius:12px;background:rgba(57,232,198,.035)}.finish-actions{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-soft)}.finish-actions>button:first-child{min-height:46px;padding:11px 18px;border:0;border-radius:9px;background:var(--blue);color:#03110e;font-weight:800}
.timer-dashboard{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}.day-summary,.entries-panel{padding:24px}.daily-total{margin-top:22px;padding:20px;border:1px solid var(--line-soft);border-radius:12px;background:#07110e}.daily-total span{display:block;color:var(--muted);font:8px var(--mono);letter-spacing:.11em}.daily-total strong{display:block;margin-top:8px;color:var(--cyan);font:700 2rem var(--mono)}.day-summary>p{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.entries-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.entries-controls{display:flex;align-items:end;gap:10px}.entries-controls label{display:grid;gap:5px;color:var(--muted);font-size:8px}.entries-controls input{min-height:42px;padding:8px;width:auto}.entries-list{display:grid;gap:10px}.time-entry{display:grid;grid-template-columns:135px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid var(--line-soft);border-radius:12px;background:#07110e}.entry-identity{display:grid;gap:7px;padding-right:15px;border-right:1px solid var(--line-soft)}.entry-task{color:var(--cyan);font:700 18px var(--mono);overflow-wrap:anywhere}.entry-duration{font:650 16px var(--mono)}.entry-copy strong{display:block;font-size:12px;line-height:1.5}.entry-copy small{display:block;margin-top:6px;color:var(--muted);font:8.5px var(--mono)}.remove-entry{min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:9px}.remove-entry:hover{border-color:rgba(255,127,115,.45);color:var(--red)}.empty-copy{color:var(--muted);font-size:11px}
@keyframes timer-pulse{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@media(max-width:820px){.timer-dashboard{grid-template-columns:1fr}.day-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.day-summary .timer-topline{grid-column:1/-1}.daily-total{margin-top:0}.day-summary>p{margin:0}.entries-heading{align-items:flex-start;flex-direction:column}.entries-controls{width:100%;justify-content:space-between}}
@media(max-width:600px){.timer-main{width:calc(100% - 24px);padding:52px 0 72px}.timer-hero h1{font-size:clamp(3rem,14vw,4.1rem)}.timer-trust{justify-content:flex-start;text-align:left}.timer-card{min-height:330px;padding:22px 16px}.timer-clock{font-size:clamp(3.25rem,17vw,4.1rem)}.finish-card{padding:19px}.finish-grid{grid-template-columns:1fr}.editor-row,.finish-actions{align-items:stretch;flex-direction:column}.editor-row button,.finish-actions button{width:100%}.day-summary{display:block}.daily-total,.day-summary>p{margin-top:14px}.entries-controls{align-items:stretch;flex-direction:column}.entries-controls input,.entries-controls button{width:100%}.time-entry{grid-template-columns:1fr auto}.entry-identity{grid-column:1/-1;grid-template-columns:1fr auto;padding:0 0 11px;border-right:0;border-bottom:1px solid var(--line-soft)}}
@media(prefers-reduced-motion:reduce){.timer-card.running::before{animation:none}}