:root{color-scheme:dark;--bg:#141513;--surface:#1b1d19;--surface-soft:#22251f;--line:#34382f;--text:#f4f4e9;--muted:#9a9e90;--orange:#ff8b37;--orange-light:#ffa85d;--body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;min-width:280px}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible+.person-content{outline:3px solid var(--orange-light);outline-offset:5px}button,button svg,a{transition:background .18s,color .18s,opacity .18s,transform .18s}button:disabled{opacity:.4}button:not(:disabled){cursor:pointer}[hidden]{display:none!important}.ambient{position:fixed;top:-240px;right:-250px;width:660px;height:660px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#ff8b3707 0,transparent 65%);z-index:-1}.app{width:min(100% - 40px,900px);margin:0 auto;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.brand-row{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding-bottom:23px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:32px;letter-spacing:-1.8px;font-weight:850;line-height:1}.brand span{color:var(--orange)}.brand-caption{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--muted)}.intro{padding:30px 0 27px}.intro-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}h1{margin:0;font-size:clamp(36px,9.5vw,50px);line-height:1.05;letter-spacing:-1.9px;font-weight:780}h1 span{color:var(--orange)}.intro-copy{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0}.burn-mark{color:var(--orange);width:68px;flex:0 0 auto;transform:rotate(7deg);padding-right:5px}.burn-mark svg{display:block;width:47px;height:60px;margin:auto;filter:drop-shadow(0 0 18px #ff8b3717)}.people-fieldset{margin:0 0 25px;padding:0;border:0;min-width:0}.selection-heading{width:100%;padding:0;display:flex;align-items:center;justify-content:space-between;margin:0 0 11px;gap:12px}.selection-heading>span:first-child{color:var(--text);font-size:10px;letter-spacing:1.8px;font-weight:750}.selection-heading>span{font-size:10px;color:var(--muted)}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.person-option{position:relative;cursor:pointer;min-width:0}.person-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.person-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;gap:9px;min-height:62px;padding:12px 6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .18s,background .18s,opacity .18s;pointer-events:none}.avatar{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:#33362d;color:#c6cabd;font-size:11px;font-weight:750;flex:0 0 auto}.person-name{font-size:11px;font-weight:700;white-space:nowrap}.check-mark{position:absolute;top:-5px;right:-3px;display:grid;place-items:center;width:17px;height:17px;background:var(--orange);border:2px solid var(--bg);border-radius:50%;opacity:0;transform:scale(.8);transition:opacity .18s,transform .18s}.check-mark svg{width:12px;height:12px;stroke:var(--bg);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.person-option input:checked+.person-content{border-color:#94613a;background:#29251e}.person-option input:checked+.person-content .avatar{background:#ff8b3720;color:var(--orange-light)}.person-option input:checked+.person-content .check-mark{opacity:1;transform:scale(1)}.person-option input:not(:checked)+.person-content{opacity:.62}.people-fieldset:disabled .person-option{cursor:default}.timer-panel{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#22251f,var(--surface) 55%);box-shadow:0 16px 50px #00000010}.timer-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid #ffffff07}.status-badge{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:var(--muted)}.status-dot{height:6px;width:6px;border-radius:50%;background:#73796b}.status-badge.running{color:var(--orange-light)}.status-badge.running .status-dot{background:var(--orange);box-shadow:0 0 0 4px #ff8b3715;animation:pulse 2s ease-in-out infinite}.status-badge.paused .status-dot{background:var(--orange-light)}.elapsed-label{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.1px;font-weight:650;color:var(--muted);white-space:nowrap}.elapsed-label time{font-size:12px;letter-spacing:.7px;color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}.money-card{padding:23px 19px}.counter-label{font-size:9px;letter-spacing:1.5px;font-weight:750;color:var(--muted);line-height:1.5}.employer-card .counter-label{color:#c4c8ba}.amount{display:flex;align-items:baseline;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-2px;font-weight:700}.employer-amount{margin-top:9px;font-size:clamp(47px,14.5vw,68px);line-height:1.2;color:var(--orange-light)}.currency{font-size:.44em;font-weight:450;margin-left:9px;letter-spacing:-.6px}.employer-amount.long-amount{font-size:clamp(31px,9.6vw,45px)}.meter-line{display:grid;grid-template-columns:repeat(28,1fr);gap:4px;margin-top:24px;height:12px}.meter-line span{display:block;background:#ff8b3715;border-radius:1px}.meter-line span:nth-child(-n+7){background:#ff8b375c}.meter-line span:nth-child(-n+3){background:var(--orange)}.running+.money-card .meter-line span{animation:meter 2.2s ease-in-out infinite}.timer-panel.is-running .meter-line span{animation:meter 2.2s ease-in-out infinite}.timer-panel.is-running .meter-line span:nth-child(3n){animation-delay:-.8s}.timer-panel.is-running .meter-line span:nth-child(4n){animation-delay:-1.6s}.net-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);background:#ffffff02;padding-top:21px;padding-bottom:21px}.net-caption{font-size:10px;color:#777e6d;margin-top:5px;line-height:1.5}.net-amount{font-size:clamp(28px,8vw,38px);letter-spacing:-1.2px;line-height:1.2}.net-amount.long-amount{font-size:25px}.net-amount .currency{font-size:.5em;margin-left:6px;color:#b5bbaa}.controls-wrap{padding-top:17px}.controls{display:grid;grid-template-columns:1fr 59px;gap:9px}.start-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:15px 18px;background:var(--orange);color:#251a10;border:0;border-radius:12px;font-weight:750;font-size:14px}.start-button:hover:not(:disabled){background:var(--orange-light)}.start-button:active:not(:disabled){transform:scale(.985)}.button-icon{display:grid;place-items:center;width:22px;height:24px;flex:0 0 auto}.button-icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1}.button-arrow{font-size:22px;line-height:1;font-weight:500;margin-left:auto}.start-button>span:nth-child(2){margin-right:auto}.reset-button{display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:#c4c9b9;min-height:60px}.reset-button:hover:not(:disabled){background:#30342b;color:var(--text)}.reset-button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.timer-hint{font-size:10px;color:var(--muted);line-height:1.6;margin:12px 0 0;min-height:16px;text-align:center}.error-message{font-size:12px;line-height:1.6;color:#ffc797;text-align:center;margin:14px 0 8px}.retry-button{display:block;margin:0 auto;padding:12px 18px;border:1px solid #945b31;border-radius:8px;background:transparent;color:var(--orange-light);font-size:12px;min-height:44px}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;margin-top:29px;padding-top:17px;border-top:1px solid var(--line);font-size:9px;color:#737a69;line-height:1.6}.footer nav{display:flex;gap:15px}.footer a{text-decoration:none;padding:10px 0;min-height:34px;display:flex;align-items:center}.footer a:hover{color:var(--text)}.screenreader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:20px;background:#402e1f;color:#ffe2c4;border-radius:10px;font-size:14px;line-height:1.5}@keyframes pulse{50%{box-shadow:0 0 0 5px #ff8b3707}}@keyframes meter{0%,100%{opacity:1}50%{opacity:.35}}@media(min-width:650px){.app{padding-top:40px;padding-bottom:30px}.brand-row{padding-bottom:25px}.intro{padding:44px 0 31px}.intro-heading{max-width:520px}h1{font-size:55px;letter-spacing:-2.5px}.intro-copy{font-size:14px}.burn-mark{width:100px}.burn-mark svg{width:60px;height:77px}.people-fieldset{max-width:480px;margin-bottom:30px}.person-content{justify-content:flex-start;padding:16px;min-height:68px}.person-name{font-size:13px}.avatar{width:30px;height:30px;font-size:12px}.timer-panel{display:grid;grid-template-columns:1.25fr 1fr}.timer-topline{grid-column:1/-1;padding:18px 28px}.money-card{padding:29px 28px}.employer-amount{font-size:68px}.net-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;border-top:0;border-left:1px solid var(--line)}.net-amount{font-size:48px}.net-caption{font-size:12px}.counter-label{font-size:10px}.meter-line{margin-top:27px}.controls-wrap{max-width:480px;margin:8px auto 0}.controls{grid-template-columns:1fr 64px}.start-button,.reset-button{min-height:64px}.start-button{font-size:15px}.timer-hint{font-size:11px}.footer{margin-top:40px;font-size:10px}.brand{font-size:35px}.brand-caption{font-size:10px}}@media(max-width:350px){.app{width:calc(100% - 28px);padding-top:20px}.brand-row{padding-bottom:20px}.brand{font-size:29px}.brand-caption{font-size:8px;letter-spacing:1.5px}.intro{padding-top:26px;padding-bottom:25px}h1{font-size:35px}.burn-mark{width:55px}.burn-mark svg{width:39px;height:52px}.person-content{gap:5px;min-height:76px;flex-direction:column;padding:10px 4px}.avatar{width:24px;height:24px;font-size:10px}.person-name{font-size:10px}.people-grid{gap:7px}.timer-topline{padding:15px 14px}.money-card{padding-left:14px;padding-right:14px}.counter-label{font-size:8px;letter-spacing:1.2px}.net-caption{font-size:9px}.net-amount{font-size:28px}.employer-amount{font-size:47px}.elapsed-label{font-size:7px;gap:7px}.elapsed-label time{font-size:11px}.net-card{gap:7px}.controls{grid-template-columns:1fr 53px}.start-button{font-size:13px;padding-left:16px;padding-right:16px}.footer{margin-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}