*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--rose-50:#fff0f1;--rose-100:#ffe0e3;--rose-200:#fec3cb;--rose-300:#fd9baa;--rose-400:#fb6f84;--rose-500:#f43e60;--rose-600:#e21d48;--coral:#f57356;--warm-white:#fcfaf8;--stone-50:#fafaf9;--stone-100:#f5f5f4;--stone-200:#e7e5e4;--stone-400:#928b87;--stone-500:#78726d;--stone-700:#433f3d;--stone-900:#1d1816;--bg:#fbfaf8;--bg-card:#fff;--bg-elevated:#f7f5f3;--border:#e2e0df;--border-subtle:#eeedec;--text-primary:#1d1816;--text-secondary:#6e635e;--text-tertiary:#9f9793;--shadow-sm:0 1px 3px #1d18160f, 0 1px 2px #1d18160a;--shadow-md:0 4px 20px #1d181614, 0 1px 4px #1d18160a;--shadow-lg:0 12px 48px #1d18161f;--btn-shadow:0 4px 24px #f43e6061;--btn-shadow-active:0 2px 10px #f43e6040;--nav-bg:#fcfaf8e0;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", monospace}:root.dark{--bg:#12151c;--bg-card:#1b1f27;--bg-elevated:#272b35;--border:#323743;--border-subtle:#2a2e37;--text-primary:#f5f2f0;--text-secondary:#afa69d;--text-tertiary:#7a736c;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #00000061;--shadow-lg:0 12px 48px #0000008c;--nav-bg:#12151ce6}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(circle at 10% 0%, #f43e601a, transparent 30rem), var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}.skip-link{z-index:1000;background:var(--text-primary);color:var(--bg);border-radius:.75rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.page-wrapper{width:min(1180px,100% - 3rem);max-width:none;margin:0 auto;padding:clamp(3rem,6vw,5.5rem) 0 4rem}.app-intro{grid-template-columns:minmax(0,1.75fr) minmax(18rem,.75fr);align-items:flex-end;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(3rem,6vw,4.5rem);display:grid}.app-intro-copy{min-width:0}.app-intro-support{justify-items:start;gap:1.25rem;max-width:24rem;padding-bottom:.25rem;display:grid}.app-kicker{color:var(--rose-500);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;font-size:.72rem;font-weight:700}.app-title{max-width:13.5ch;color:var(--text-primary);letter-spacing:-.065em;font-size:clamp(2.8rem,6vw,5.25rem);font-weight:650;line-height:.95}.app-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.65}.privacy-note{color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:.8rem;flex:none;align-items:center;gap:.5rem;padding:.65rem .8rem;font-size:.78rem;line-height:1.35;display:flex}.privacy-note .ui-icon{color:var(--rose-500)}.alert-banner{color:#fff;background:linear-gradient(135deg,#e21d48,#f44867);border-radius:1.25rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.125rem 1.5rem;animation:.45s cubic-bezier(.34,1.56,.64,1) alert-slide-in;display:none;box-shadow:0 6px 32px #f43e6073}.alert-banner.visible{display:flex}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-.75rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.alert-icon{flex-shrink:0;font-size:1.75rem}.alert-text-group{flex:1}.alert-title{margin-bottom:.15rem;font-size:1rem;font-weight:700}.alert-sub{opacity:.88;font-size:.85rem;font-weight:300}.app-grid{grid-template-columns:1fr;align-items:stretch;gap:1rem;min-width:0;display:grid}@media (width>=900px){.app-grid{grid-template-columns:minmax(0,28rem) minmax(0,1fr)}}.left-panel{border:1px solid var(--border-subtle);background:var(--bg-card);min-width:0;box-shadow:var(--shadow-sm);border-radius:1.5rem;flex-direction:column;align-items:center;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.session-heading{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.session-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:600}.session-helper{color:var(--text-tertiary);margin-top:.2rem;font-size:.75rem}.session-icon{background:var(--bg-elevated);width:2.25rem;height:2.25rem;color:var(--rose-500);border-radius:.75rem;flex:none;place-items:center;display:grid}.timer-area{flex-direction:column;align-items:center;width:100%;padding:.5rem 0 1rem;display:flex;position:relative}.pulse-rings{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.pulse-ring{border:2px solid var(--rose-400);opacity:0;border-radius:50%;position:absolute;top:50%;left:50%}.pulse-ring-1{width:260px;height:260px;margin:-130px 0 0 -130px}.pulse-ring-2{width:305px;height:305px;margin:-152px 0 0 -152px}.pulse-ring-3{width:350px;height:350px;margin:-175px 0 0 -175px}.is-active .pulse-ring-1{animation:3.2s ease-out infinite ring-pulse}.is-active .pulse-ring-2{animation:3.2s ease-out .8s infinite ring-pulse}.is-active .pulse-ring-3{animation:3.2s ease-out 1.6s infinite ring-pulse}.pulse-rings.is-starting .pulse-ring-1{animation:.7s cubic-bezier(.16,1,.3,1) both ring-start}.pulse-rings.is-starting .pulse-ring-2{animation:.8s cubic-bezier(.16,1,.3,1) 80ms both ring-start}.pulse-rings.is-starting .pulse-ring-3{animation:.9s cubic-bezier(.16,1,.3,1) .16s both ring-start}@keyframes ring-pulse{0%{opacity:.42;transform:scale(.88)}70%,to{opacity:0;transform:scale(1.04)}}@keyframes ring-start{0%{opacity:0;transform:scale(.7)}22%{opacity:.72}to{opacity:0;transform:scale(1.04)}}.main-btn{z-index:2;cursor:pointer;background:linear-gradient(145deg, var(--rose-500), var(--rose-600));color:#fff;width:210px;height:210px;box-shadow:var(--btn-shadow);isolation:isolate;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .35s;display:flex;position:relative;overflow:hidden}.main-btn:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #fff3;position:absolute;inset:10px;transform:scale(.82)}.main-btn:hover{transform:scale(1.04);box-shadow:0 10px 40px #f43e6085}.main-btn:active{box-shadow:var(--btn-shadow-active);transform:scale(.96)}.main-btn:focus-visible{outline:3px solid var(--bg);outline-offset:4px;box-shadow:0 0 0 7px var(--rose-400), var(--btn-shadow)}.main-btn.is-starting{animation:.58s cubic-bezier(.16,1,.3,1) button-start}.main-btn.is-starting:before{animation:.72s ease-out button-start-highlight}.main-btn.is-starting .btn-status,.main-btn.is-starting .btn-timer,.main-btn.is-starting .btn-hint{animation:.48s cubic-bezier(.16,1,.3,1) both button-copy-settle}.main-btn.is-starting .btn-timer{animation-delay:40ms}.main-btn.is-starting .btn-hint{animation-delay:80ms}@keyframes button-start{0%{transform:scale(.96)}48%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes button-start-highlight{0%{opacity:0;transform:scale(.82)}35%{opacity:.7}to{opacity:0;transform:scale(1)}}@keyframes button-copy-settle{0%{transform:translateY(6px)}to{transform:translateY(0)}}.main-btn.is-active{background:linear-gradient(145deg,#353d50,#252a37);box-shadow:0 6px 28px #14171f73}:root.dark .main-btn.is-active{background:linear-gradient(145deg,#434c60,#2e3442)}.main-btn.is-active:hover{box-shadow:0 10px 40px #14171f8c}.btn-status{letter-spacing:.08em;text-transform:uppercase;opacity:.82;font-size:.75rem;font-weight:600}.btn-timer{font-family:var(--font-mono);letter-spacing:.02em;font-size:2.875rem;font-weight:300;line-height:1}.btn-hint{opacity:.6;font-size:.72rem;font-weight:300}.stats-row{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:1rem;grid-template-columns:1fr 1fr 1fr;gap:0;width:100%;display:grid;overflow:hidden}.stat-card{text-align:center;background:0 0;border:0;border-radius:0;gap:0;min-width:0;padding:1.125rem 1rem}.stat-card+.stat-card{border-left:1px solid var(--border-subtle)}.stat-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-tertiary);margin-bottom:.4rem;font-size:.625rem;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.25rem;font-weight:400;line-height:1}.stat-value.highlight{color:var(--rose-500)}.rule-progress{border:0;border-top:1px solid var(--border-subtle);background:0 0;border-radius:0;width:100%;padding:1.25rem 0 0}.rule-progress-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.rule-progress-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.7rem;font-weight:600}.rule-progress-badge{letter-spacing:.04em;color:var(--text-tertiary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.rule-progress-badge.met{color:#1f6b3b;background:#e4f6eb;border-color:#b0ddc1}:root.dark .rule-progress-badge.met{color:#8de2ac;background:#38945a38;border-color:#59c07e61}.rule-bars{flex-direction:column;gap:.625rem;display:flex}.rule-bar-row{align-items:center;gap:.75rem;display:flex}.rule-bar-label{color:var(--text-secondary);flex-shrink:0;width:80px;font-size:.72rem;font-weight:500}.rule-bar-track{background:var(--bg-elevated);border-radius:100px;flex:1;height:6px;overflow:hidden}.rule-bar-fill{background:var(--rose-400);border-radius:100px;width:0%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.rule-bar-fill.met{background:#33cc6b}.rule-bar-val{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;flex-shrink:0;width:36px;font-size:.72rem}.rule-bar-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.right-panel{flex-direction:column;min-width:0;height:100%;display:flex}.history-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:1.5rem;flex:1;min-height:100%;overflow:hidden}.history-card-header{justify-content:space-between;align-items:center;padding:2rem 2rem 0;display:flex}.history-title-group{align-items:baseline;gap:.5rem;display:flex}.history-actions{align-items:center;gap:.5rem;display:flex}.history-title{letter-spacing:-.01em;color:var(--text-primary);font-size:1rem;font-weight:600}.history-count-badge{color:var(--text-tertiary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:none}.history-count-badge.visible{display:inline-block}.clear-btn{border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;border-radius:8px;padding:.35rem .875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:none}.clear-btn:hover{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border)}.clear-btn.visible{display:block}.undo-btn{color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;border:0;border-radius:8px;min-height:0;padding:.35rem .5rem;font-weight:600;display:none}.undo-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.undo-btn.visible{display:inline-flex}.history-col-headers{border-bottom:1px solid var(--border-subtle);grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.75rem;margin-top:1rem;padding:.875rem 1.5rem .625rem;display:none}.history-col-headers.visible{display:grid}.col-header{text-transform:uppercase;letter-spacing:.09em;color:var(--text-tertiary);font-size:.625rem;font-weight:600}.col-header.right{text-align:right}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{background:var(--bg-elevated);width:52px;height:52px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.empty-text{color:var(--text-tertiary);font-size:.9rem;font-weight:300;line-height:1.7}.history-list{flex-direction:column;list-style:none;display:flex}.history-item{border-bottom:1px solid var(--border-subtle);cursor:default;grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:background .15s;animation:.3s cubic-bezier(.34,1.56,.64,1) item-in;display:grid}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--bg-elevated)}@keyframes item-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.item-index{background:var(--bg-elevated);border:1px solid var(--border);width:28px;height:28px;color:var(--text-tertiary);font-size:.7rem;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.item-index.newest{background:var(--rose-50);border-color:var(--rose-200);color:var(--rose-600)}:root.dark .item-index.newest{color:var(--rose-400);background:#f43e6026;border-color:#f43e604d}.item-time-col{flex-direction:column;gap:2px;min-width:0;display:flex}.item-clock{color:var(--text-primary);white-space:nowrap;font-size:.875rem;font-weight:500}.item-relative{color:var(--text-tertiary);font-size:.7rem;font-weight:300}.item-dur-col{flex-direction:column;align-items:flex-end;gap:2px;min-width:70px;display:flex}.item-dur{font-family:var(--font-mono);color:var(--text-primary);font-size:.9375rem;font-weight:400}.dur-bar{background:var(--bg-elevated);border-radius:100px;align-self:flex-end;width:60px;height:3px;overflow:hidden}.dur-bar-fill{background:var(--rose-400);border-radius:100px;height:100%;transition:width .4s}.item-freq-col{flex-direction:column;align-items:flex-end;gap:2px;min-width:60px;display:flex}.item-freq{font-family:var(--font-mono);color:var(--text-secondary);font-size:.9375rem;font-weight:400}.item-freq.freq-ok{color:#30a65b}.item-freq.freq-close{color:#f29e0d}.item-col-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);font-size:.6rem;font-weight:600}@media (width<=899px){.page-wrapper{width:calc(100% - 3rem);padding:3rem 0}.app-intro{grid-template-columns:1fr;align-items:start;gap:1.25rem;margin-bottom:3rem}.app-intro-support{max-width:42rem;padding-bottom:0}.app-grid{gap:1rem}.main-btn{width:196px;height:196px}}@media (width<=520px){.page-wrapper{width:calc(100% - 2.5rem)}.left-panel{padding:1.25rem}}@media (width<=420px){.main-btn{width:176px;height:176px}.btn-timer{font-size:2.375rem}.stats-row{gap:.5rem}.stat-card{padding:.875rem .625rem}.history-card-header,.history-col-headers,.history-item{padding-inline:1rem}.history-col-headers,.history-item{grid-template-columns:1.75rem 1fr auto}.history-col-headers>:last-child,.item-freq-col{display:none}.pulse-ring-2{width:270px;height:270px;margin:-135px 0 0 -135px}.pulse-ring-3{width:300px;height:300px;margin:-150px 0 0 -150px}}@media (width<=340px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.main-btn,.main-btn:before,.main-btn>span,.pulse-ring{transition-duration:.01ms!important;animation:none!important}}