/* Focus by MindsetMinimalista — v1.1 */
:root{--bg:#fff;--ink:#171717;--muted:#666;--line:#e8e8e8;--radius:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--ink);outline-offset:4px} .container{max-width:1120px;margin:auto;padding:32px 20px} .brand{width:240px;height:auto} .focus-panel{max-width:560px;margin:48px auto;text-align:center} .label{display:block;color:var(--muted);font-size:16px;text-align:left;margin-bottom:12px} .activity-input{width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--muted);border-radius:0;background:transparent;color:var(--ink);font-size:20px}.activity-input[aria-invalid=true]{border-bottom:2px solid var(--ink)} .error{font-size:14px;text-align:left;display:flex;gap:8px} .duration{display:flex;justify-content:space-between;gap:8px;margin:24px 0} .duration button{min-height:44px;background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:8px} .duration [aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)} .timer{font-size:120px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.04em;margin:32px 0} .button{min-height:48px;border:1px solid var(--ink);padding:12px 28px;border-radius:var(--radius)} .button-primary{color:white;background:var(--ink)} .button-primary:hover{background:#333} .button-secondary{background:white;color:var(--ink)} .button-text{background:none;border:0;color:var(--muted);min-height:44px;padding:10px 16px} .button-text:hover{color:var(--ink);text-decoration:underline} .icon-button{width:44px;height:44px;padding:10px;border:0;background:none;color:var(--ink)} .icon{width:24px;height:24px} .history{border-top:1px solid var(--line);margin-top:48px}.history-row{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:16px 0}.history-row>:first-child{flex:1;overflow-wrap:anywhere} .muted{color:var(--muted)}dialog{max-width:440px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:6px;padding:24px;color:var(--ink)}dialog::backdrop{background:rgb(0 0 0 / .2)}textarea{width:100%;min-height:96px;border:1px solid var(--muted);padding:12px;border-radius:6px;resize:vertical}.choice{background:white;border:1px solid var(--muted);min-height:44px;padding:10px 16px;border-radius:6px}.choice[aria-pressed=true]{border:2px solid var(--ink);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){.container{padding:24px 20px}.brand{width:220px}.focus-panel{margin:48px auto}.timer{font-size:88px}.duration{flex-wrap:wrap;justify-content:center}.history-row{flex-wrap:wrap;gap:12px}.history-row>:first-child{flex-basis:100%}.activity-input{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}