:root{color:#132025;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efe5da;font-family:Fraunces,Ibarra Real Nova,Georgia,serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{background:#efe5da;min-width:320px;min-height:100vh;margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.break-suggestions{text-align:left;background:linear-gradient(135deg,#d977060a 0%,#d9770603 100%);border:1px solid #d977061f;border-radius:14px;margin-bottom:16px;padding:16px}.break-suggestions__header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.break-suggestions__icon{font-size:1.3rem}.break-suggestions__title{flex-direction:column;gap:2px;display:flex}.break-suggestions__label{color:#d97706;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.break-suggestions__duration{color:#7b8a8f;font-size:.85rem}.break-suggestions__list{text-align:left;margin:0;padding-left:24px;list-style-type:disc}.break-suggestions__item{color:#4a5b61;text-align:left;padding:4px 0;font-size:.85rem;line-height:1.6}.break-suggestions__item::marker{color:#d97706}.affiliate-recommendation{color:inherit;background:linear-gradient(120deg,#0f3b350d,#0f3b3505);border-left:3px solid #0f3b3533;border-radius:10px;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.affiliate-recommendation:hover{background:linear-gradient(120deg,#0f3b3514,#0f3b350a);border-left-color:#0f3b3566;transform:translate(2px)}.affiliate-recommendation__label{color:#0f3b35;white-space:nowrap;background:#0f3b351a;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:700;display:inline-block}.affiliate-recommendation__title{color:#132025;flex:1;font-weight:600}.affiliate-recommendation__description{color:#607076;white-space:nowrap;font-size:.75rem}.affiliate-recommendation__arrow{color:#0f3b35;flex-shrink:0;font-weight:600}:root{--font-body:"Zen Kaku Gothic Antique", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-display:"M PLUS Rounded 1c", "Hiragino Mincho ProN", "Yu Mincho", sans-serif;--bg:#f4ede3;--surface:#fdfbf7;--surface-alt:#f6efe6;--line:#0f3b351f;--text:#132025;--muted:#607076;--subtle:#8a9299;--accent:#0f3b35}.app{max-width:980px;min-height:100vh;color:var(--text);background:linear-gradient(180deg, var(--bg), #efe6db 65%);font-family:var(--font-body);letter-spacing:.01em;flex-direction:column;align-items:center;margin:0 auto;padding:8px;display:flex;position:relative;overflow:hidden}.app__header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.app__brand{align-items:center;gap:10px;display:flex}.app__logo{object-fit:contain;background:#fff;border-radius:10px;width:52px;height:52px;box-shadow:0 6px 16px #0c18201f}.settings-cta{align-items:center;gap:10px;display:flex;position:relative}.settings-cta__prompt{color:#7f1017;white-space:nowrap;background:linear-gradient(120deg,#ffe3e3,#ff9ea1);border:1px solid #d5374299;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:700;animation:1.2s ease-in-out infinite prompt-wiggle;display:inline-flex;position:relative;box-shadow:0 10px 20px #d5374233}.settings-cta__prompt:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid #ff9ea1;width:0;height:0;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.settings-cta__text{line-height:1.2}.app__title{color:var(--accent);font-size:1.55rem;font-weight:600;font-family:var(--font-display);letter-spacing:.05em;margin:0}.btn-settings{background:var(--surface);cursor:pointer;border:none;border-radius:14px;width:40px;height:40px;font-size:1.2rem;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 10px 24px #0c182014}.btn-settings--alert{animation:1.8s ease-in-out infinite settings-pulse;box-shadow:0 0 0 3px #d5374233,0 12px 26px #d5374238}.btn-settings:hover{background:#fff;transform:scale(1.05);box-shadow:0 16px 28px #0c18201f}@keyframes prompt-wiggle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-1deg)}50%{transform:translate(3px)rotate(1deg)}75%{transform:translate(-2px)rotate(-.5deg)}}@keyframes settings-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.app__main{flex-direction:column;flex:1;gap:12px;width:100%;display:flex}.standby-card{background:var(--surface);text-align:center;border:1px solid #ffffffe6;border-radius:26px;justify-items:center;gap:12px;padding:32px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 38px #0c18201f}.standby-card:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#0f3b351f,#0000 60%);position:absolute;inset:0}.standby-chip{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:#0f3b351f;border-radius:999px;padding:6px 16px;font-size:.75rem;font-weight:700}.standby-title{font-size:1.5rem;font-family:var(--font-display);color:var(--accent);margin:0}.standby-description{color:var(--muted);max-width:500px;margin:0;font-size:1rem;line-height:1.6}.standby-description__note{color:var(--subtle);white-space:nowrap;margin-top:12px;margin-bottom:40px;font-size:.85rem;font-weight:500;display:block}.btn-start{cursor:pointer;color:#fdfbf7;background:linear-gradient(120deg,#0f3b35,#1f6a5f);border:none;border-radius:999px;padding:14px 32px;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 26px #0f3b3540}.btn-start:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 16px 32px #0f3b3552}.standby-note{color:#6f7d82;margin:0;font-size:.9rem}.overview-grid{grid-template-columns:minmax(0,1fr) minmax(250px,360px);align-items:start;gap:10px;width:100%;display:grid}.actions-card{text-align:center;color:#f7f1e6;isolation:isolate;background:linear-gradient(135deg,#0f3b35,#185047 85%);border:1px solid #ffffff2e;border-radius:22px;margin-top:4px;padding:22px 24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 28px 52px #0c182033}.actions-card:hover{transform:translateY(-2px);box-shadow:0 32px 60px #0c182047}.actions-card:before{content:"";opacity:.7;pointer-events:none;z-index:-1;background:radial-gradient(circle at 100% 0,#ffffff59,#0000 55%);position:absolute;inset:0}.actions-card__label{letter-spacing:.12em;text-transform:uppercase;color:#f7f1e6cc;margin:0 0 20px;font-size:.9rem;font-weight:700}.actions-card__state{color:#f7f1e6;margin:0 0 20px;font-size:1rem;font-weight:600}.actions-card--inactive{background:linear-gradient(135deg,#162d2b,#0f1f1d);border-color:#ffffff14;box-shadow:0 16px 36px #060a0c73}.actions-card--inactive .actions-card__label,.actions-card--inactive .actions-card__state{color:#f7f1e699}.timer-card{background:var(--surface);text-align:center;border:1px solid #ffffffe6;border-radius:24px;flex-shrink:0;padding:14px 16px;box-shadow:0 18px 36px #0c18201a}.mode-chip{color:var(--accent);background:#0f3b3514;border-radius:999px;justify-content:center;align-items:center;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.mode-chip--focus{background:#0f3b3526}.mode-chip--break{color:#c63c3c;background:#c63c3c26}.mode-chip--postpone{background:#0f3b3514;border:1px dashed #0f3b354d}.mode-description{color:var(--muted);margin:8px 0 2px;font-size:1rem}.timer-label{margin:0 0 10px;font-size:1.05rem;font-weight:500}.timer-display{justify-content:center;margin:6px 0 8px;display:flex}.pulse{place-items:center;width:150px;height:95px;display:grid;position:relative}.pulse__core{color:#f7f1e6;letter-spacing:.04em;z-index:1;-webkit-user-select:none;user-select:none;cursor:default;white-space:nowrap;background:linear-gradient(#245a53 0%,#17443f 100%);border:1px solid #ffffff59;border-radius:999px;place-items:center;min-width:112px;height:54px;padding:0 18px;font-size:1.2rem;font-weight:700;display:grid;box-shadow:0 6px 14px #0814182e}.pulse__core--alert{color:#fff6e5;background:linear-gradient(#d35a5a 0%,#b93f3f 100%)}.pulse__ring{border:1px solid #0f3b3538;border-radius:50%;width:126px;height:78px;animation:4s infinite pulse;position:absolute}.pulse--alert .pulse__ring{display:none}.pulse__ring--delay{animation-delay:2s}@keyframes pulse{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.1)}}.timer-note{color:#7b8a8f;margin:20px 0 0;font-size:.95rem}.timer-remaining{color:var(--accent);margin:8px 0 0;font-size:1.35rem;font-weight:700}.timer-schedule{color:var(--muted);margin:6px 0 0;font-size:.95rem}.affiliate-banner{background:linear-gradient(90deg,#c63c3c14,#c63c3c0a);border:1px solid #c63c3c2e;border-left:4px solid #c63c3c4d;border-radius:8px;margin:0 0 16px;padding:12px 16px}.affiliate-banner__text{color:#5a3434;text-align:left;margin:0;font-size:.85rem;font-weight:500;line-height:1.5}.affiliate-disclosure{border-left:1px solid #0f3b3533;align-items:center;gap:8px;margin-left:12px;padding-left:12px;display:flex}.affiliate-disclosure__text{color:var(--muted);white-space:nowrap;font-size:.8rem;line-height:1.3}.workcycle-panel{text-align:left;background:#0f3b350f;border:1px solid #0f3b3529;border-radius:16px;gap:8px;margin-top:12px;padding:12px 14px;display:grid}.workcycle-header{justify-content:space-between;align-items:center;display:flex}.workcycle-label{color:#0b5d4d;font-size:.85rem;font-weight:600}.workcycle-value{color:#0b5d4d;font-weight:700}.workcycle-range{accent-color:#0b5d4d;width:100%}.workcycle-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#0b5d4d,#18a389);border-radius:999px;height:6px}.workcycle-range::-webkit-slider-thumb{-webkit-appearance:none;background:#f4ede3;border:2px solid #0b5d4d;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 4px 10px #0b5d4d4d}.workcycle-range::-moz-range-track{background:linear-gradient(90deg,#0b5d4d,#18a389);border-radius:999px;height:6px}.workcycle-range::-moz-range-thumb{background:#f4ede3;border:2px solid #0b5d4d;border-radius:50%;width:18px;height:18px;box-shadow:0 4px 10px #0b5d4d4d}.workcycle-input{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workcycle-input input{color:#0b5d4d;background:#fff;border:1px solid #10b98159;border-radius:10px;width:90px;padding:6px 8px;font-weight:600}.workcycle-input span{color:var(--muted);font-size:.85rem}.btn-apply{color:#fdfbf7;cursor:pointer;background:#0b5d4d;border:none;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-apply:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-apply:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f3b3533}.workcycle-note{color:var(--muted);margin:0;font-size:.82rem}.actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.actions--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.actions--compact>:last-child{grid-column:1/-1}.actions--stack{grid-template-columns:1fr;gap:16px}.actions>button,.postpone-control,.postpone-control .btn-postpone{width:100%}.postpone-control{position:relative}.postpone-menu{z-index:5;background:#fffffffa;border:1px solid #0f3b352e;border-radius:14px;min-width:200px;margin-top:8px;padding:12px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 18px 36px #0a181f2e}.postpone-menu__title{color:#7b8a8f;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.75rem}.postpone-menu__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.postpone-menu__item{color:#0f3b35;cursor:pointer;background:#0f3b350f;border:1px solid #0f3b3533;border-radius:999px;padding:6px 0;font-size:.85rem;font-weight:600}.postpone-menu__item:hover{background:#0f3b3524}.btn-action{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;min-height:60px;padding:20px 24px;font-size:1.15rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.btn-action:hover{transform:translateY(-2px);box-shadow:0 12px 24px #10171d29}.btn-action:disabled{cursor:not-allowed;opacity:.85;box-shadow:none;color:#0f3b3573;background:#ffffff40;border:1px dashed #fff6;transform:none}.btn-execute{color:var(--accent);background:#fff;box-shadow:0 8px 20px #0f3b3540}.btn-postpone{color:var(--accent);background:#fffffff2;border:none;box-shadow:0 6px 16px #0f3b352e}.btn-skip{color:var(--accent);background:#ffffffe6;border:none;box-shadow:0 4px 12px #0f3b351f}.actions__hint{color:#f7f1e6d9;text-align:center;margin:14px 0 0;font-size:.95rem;font-weight:500}.actions-card--inactive .actions__hint{color:#f7f1e68c}.actions-card{z-index:3;transform:translateY(-10px)translate(6px)}@media (width<=960px){.actions-card{z-index:auto;margin-left:0;transform:none}}.status-pill{letter-spacing:.08em;text-transform:uppercase;background:#0f3b3514;border-radius:999px;padding:4px 10px;font-size:.7rem}.status-pill--on{color:#0f3b35;background:#0f3b3529}.status-pill--off{color:#c63c3c;background:#c63c3c2e}.status-pill--warn{color:#8a5b0d;background:#f1ad4033}.status-pill--idle{color:#4a5b61;background:#0f3b3514}.settings-notification{border-top:1px solid #0f3b351f;flex-direction:column;gap:8px;padding-top:8px;display:flex}.settings-notification__header{justify-content:space-between;align-items:center;display:flex}.settings-notification__actions{flex-wrap:wrap;gap:8px;display:flex}.btn-secondary--strong{background:#0f3b3514;border-color:#0f3b354d}.notification-status{background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.notification-status__label{color:var(--muted);font-size:.78rem}.notification-status__list{color:var(--muted);margin:0;padding-left:18px;font-size:.82rem;line-height:1.4}.notification-guide{border:1px solid var(--line);background:#ffffffb3;border-radius:12px;padding:8px 10px}.notification-guide summary{cursor:pointer;color:var(--accent);font-weight:600}.notification-guide__body{color:var(--muted);margin-top:8px;font-size:.85rem;line-height:1.5}.notification-guide__body ol{margin:8px 0;padding-left:18px}.notification-guide__section{color:var(--accent);letter-spacing:.04em;margin:8px 0 4px;font-size:.82rem;font-weight:700}.notification-guide__section:first-child{margin-top:4px}.notification-guide__note{color:var(--subtle);margin-top:2px;font-size:.78rem;line-height:1.5;display:block}.settings-debug{border-top:1px solid #0f3b351f;margin-top:16px;padding-top:12px}.settings-debug summary{cursor:pointer;color:#4a5b61;font-weight:600;list-style:none}.settings-debug summary::-webkit-details-marker{display:none}.settings-debug summary:before{content:"▶ ";transition:transform .2s;display:inline-block}.settings-debug[open] summary:before{transform:rotate(90deg)}.settings-debug__body{gap:12px;margin-top:12px;display:grid}.settings-debug__actions{flex-wrap:wrap;gap:8px;display:flex}.debug-log{color:#dce7e3;background:#0f1f1d;border-radius:12px;gap:6px;max-height:220px;padding:12px;font-size:.75rem;display:grid;overflow:auto}.debug-log__empty{color:#dce7e3b3;margin:0}.debug-log__row{grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px;display:grid}.debug-log__time{color:#dce7e3b3}.debug-log__level{letter-spacing:.04em;font-weight:700}.debug-log__level--info{color:#9bd6b9}.debug-log__level--warn{color:#f5c66a}.debug-log__level--error{color:#f29898}.debug-log__message{color:#dce7e3}.debug-log__detail{color:#dce7e3b3;grid-column:1/-1}.stats-details{background:var(--surface);border:1px solid #ffffffe6;border-radius:16px;flex-shrink:0;margin-top:0;padding:10px;box-shadow:0 16px 32px #0c182014}.stats-details summary{cursor:pointer;color:#4a5b61;-webkit-user-select:none;user-select:none;font-weight:600;list-style:none}.stats-details summary::-webkit-details-marker{display:none}.stats-details summary:before{content:"▶ ";transition:transform .2s;display:inline-block}.stats-details[open] summary:before{transform:rotate(90deg)}.stats-hint{color:#5c6b70;margin:8px 0 4px;font-size:.85rem}.stats-toolbar{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.stats-toolbar__right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stats-note{color:#9aa8ad;font-size:.75rem}.stats-chip{color:#0f3b35;background:#0f3b3514;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex}.stats-chip__note{color:#7b8a8f;font-size:.75rem}.stats-select{color:#5c6b70;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.stats-select select{color:#0f3b35;background:#fff;border:1px solid #0f3b3533;border-radius:8px;padding:4px 8px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:10px;display:grid}.stats-compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.stats-compact .stat-item{padding:12px}.stat-item{background:var(--surface);text-align:left;border:1px solid #0f3b350f;border-left:4px solid var(--accent);border-radius:12px;padding:12px;transition:transform .2s,box-shadow .2s}.stat-item--focus{background:linear-gradient(135deg,#2f7a750a 0%,#fff 100%);border-left-color:#2f7a75}.stat-item--rate{background:linear-gradient(135deg,#d977060a 0%,#fff 100%);border-left-color:#d97706}.stat-item--score{background:linear-gradient(135deg,#2563eb0a 0%,#fff 100%);border-left-color:#2563eb}.stat-header{flex-direction:column;gap:4px;display:flex}.stat-label{color:#7b8a8f;margin-bottom:0;font-size:.8rem;display:block}.stat-helper{color:#9aa8ad;font-size:.75rem;line-height:1.3}.stat-value{color:#0f3b35;font-size:1.25rem;font-weight:700;display:block}.stats-charts{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:12px;display:grid}.chart-card:nth-child(3){grid-column:1/-1}.chart-axis{color:#6a7a80;letter-spacing:.02em;justify-content:space-between;margin-top:8px;font-size:.7rem;font-weight:500;display:flex}.chart-axis--spaced{justify-content:space-around;padding:0 12px}.chart-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(155deg,#fffffff2,#ecf4f1d9);border:1px solid #ffffffbf;border-radius:18px;padding:16px;position:relative;overflow:hidden;box-shadow:0 18px 34px #0a181f1f}.chart-card:before{content:"";opacity:.7;pointer-events:none;background:radial-gradient(circle at 0 0,#fff9,#0000 55%);position:absolute;inset:0}.chart-header{color:#4a5b61;z-index:1;justify-content:space-between;margin-bottom:8px;font-size:.95rem;display:flex;position:relative}.chart-current{color:#0f3b35;font-weight:600;font-family:var(--font-body)}.chart-wrapper{align-items:stretch;gap:8px;display:flex;position:relative}.chart-y-axis{color:#6e7c80;text-align:right;flex-direction:column;justify-content:space-between;width:40px;padding:4px 0;font-size:.7rem;display:flex}.chart-y-axis__label{justify-content:flex-end;align-items:center;height:0;display:flex}.chart-canvas{z-index:1;cursor:crosshair;background:linear-gradient(#fff9,#e3edeb80);border:1px solid #0f3b3514;border-radius:14px;flex:1;height:120px;position:relative}.chart-tooltip{color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#0f3b35;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600;position:absolute;top:-26px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0f3b3533}.chart-tooltip:after{content:"";border:4px solid #0000;border-top-color:#0f3b35;position:absolute;top:100%;left:50%;transform:translate(-50%)}.chart-line{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 6px 10px #0f3b352e)}.chart-area{opacity:.85}.chart-empty{color:#9aa8ad;background:#ffffffb3;border-radius:14px;place-items:center;height:120px;font-size:.8rem;display:grid}.btn-notification{color:#0f3b35;cursor:pointer;background:linear-gradient(120deg,#0f3b3533,#2f7a753d);border:none;border-radius:999px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s}.btn-notification--request{color:#fdfbf7;background:linear-gradient(120deg,#0f3b35,#1f6a5f);box-shadow:0 8px 20px #0f3b3540}.btn-notification--request:hover{background:linear-gradient(120deg,#0d3330,#1a5c52);transform:translateY(-2px);box-shadow:0 12px 26px #0f3b3552}.btn-notification:hover{background:#0f3b3526;transform:translateY(-1px)}.btn-notification:disabled{opacity:.5;cursor:not-allowed;transform:none}.notification-note{color:#7b8a8f;margin-top:4px;font-size:.85rem}.notification-cta{color:#7f1017;background:linear-gradient(120deg,#ffe3e3,#ff9ea1);border:1px solid #d5374299;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:600;display:grid;box-shadow:0 10px 20px #d5374233}.notification-cta--main{margin-top:12px}.notification-cta__icon{font-size:1.1rem}.notification-cta__text{line-height:1.5}.settings-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#06161973;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-panel{background:#fff;border-radius:24px;width:min(520px,100%);max-height:90vh;padding:16px;overflow-y:auto;box-shadow:0 24px 60px #0a181f40}.settings-panel__header{background:#fff;border-bottom:1px solid #0f3b3514;justify-content:space-between;align-items:flex-start;gap:16px;margin:-16px -16px 14px;padding:12px 16px;display:flex;position:sticky;top:0}.settings-panel__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#7b8a8f;margin:0;font-size:.8rem}.settings-panel__title{color:#0f3b35;margin:4px 0;font-size:1.4rem}.settings-panel__subtitle{color:#5c6b70;margin:0;font-size:.9rem}.btn-icon{cursor:pointer;background:#0000000d;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:1.1rem}.settings-panel__body{flex-direction:column;gap:10px;margin-top:14px;display:flex}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-field__label{color:#4a5b61;font-size:.95rem}.settings-field__value{color:#0f3b35;font-size:1.25rem;font-weight:700}.settings-field input[type=range]{width:100%}.settings-field__description{color:#7b8a8f;margin:0;font-size:.85rem}.settings-number-input{background:#0f3b350d;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;display:inline-flex}.settings-number-input input{color:#0f3b35;text-align:right;background:0 0;border:none;width:72px;font-size:1rem;font-weight:600}.settings-number-input input:focus{border-radius:6px;outline:2px solid #0f3b3566}.settings-number-input span{color:#4a5b61;font-size:.9rem}.settings-panel__footer{z-index:6;background:#fff;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;margin-top:16px;padding:12px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 24px #0616190f}.settings-panel__reset{background:#0f3b3508;border:1px solid #0f3b3514;border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.settings-reset__description{color:#7b8a8f;margin:0;font-size:.75rem}.reset-note{color:#4a5b61;font-size:.75rem}.settings-footer-actions{gap:12px;display:flex}.btn-primary,.btn-secondary,.btn-reset{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:600}@media (width<=960px){.overview-grid{grid-template-columns:1fr}.actions-card{padding:20px}}.btn-primary{color:#f7f1e6;background:#0f3b35}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:#0f3b35;background:#0f3b3514;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-reset{color:#c63c3c;background:#c63c3c1f}@media (width<=640px){.app{padding:6px}.app__header{margin-bottom:4px}.app__title{font-size:1rem}.app__logo{border-radius:8px;width:32px;height:32px}.app__main{gap:6px}.standby-card{gap:8px;padding:16px 14px}.standby-title{font-size:1.05rem}.standby-description{font-size:.85rem}.standby-description__note{white-space:normal;margin-top:4px;margin-bottom:8px;font-size:.78rem}.btn-start{padding:10px 20px;font-size:.9rem}.standby-note{margin:0;font-size:.78rem}.overview-grid{grid-template-columns:1fr;gap:6px}.timer-card{padding:10px 12px}.mode-chip{padding:4px 12px;font-size:.78rem}.mode-description{margin:4px 0 1px;font-size:.85rem}.timer-label{margin:0 0 4px;font-size:.88rem}.timer-display{margin:2px 0 4px}.pulse{width:120px;height:68px}.pulse__core{min-width:88px;height:42px;padding:0 14px;font-size:1rem}.pulse__ring{width:100px;height:60px}.timer-remaining{margin:3px 0 0;font-size:1.05rem}.timer-schedule{margin:2px 0 0;font-size:.75rem}.workcycle-panel{gap:4px;margin-top:6px;padding:6px 10px}.workcycle-range{display:none}.workcycle-label,.workcycle-value{font-size:.8rem}.workcycle-input input{width:64px;padding:4px 6px}.btn-apply{padding:5px 10px;font-size:.78rem}.workcycle-note{display:none}.actions-card{margin-top:0;padding:10px 12px}.actions-card__label{letter-spacing:.08em;margin:0 0 6px;font-size:.78rem}.actions-card__state{margin:0 0 8px;font-size:.88rem}.actions--stack{gap:8px}.btn-action{min-height:44px;padding:10px 16px;font-size:.92rem}.actions__hint{margin:6px 0 0;font-size:.8rem}.actions{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-charts{grid-template-columns:1fr}.chart-card:nth-child(3){grid-column:1}.settings-panel{border-radius:20px;max-height:95vh;padding:16px}.settings-overlay{align-items:flex-end;padding:8px}.settings-cta__prompt{display:none}.stats-compact{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1rem}}