:root{color-scheme:light dark;--font-main: "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #f4f5f9;--surface: #ffffff;--surface-muted: #f2f3f8;--line: rgba(60, 60, 67, .14);--line-strong: rgba(60, 60, 67, .24);--text: #111114;--text-secondary: #5f6471;--text-tertiary: #8f95a3;--health-red: #ff2d55;--health-orange: #ff9f0a;--health-green: #34c759;--health-blue: #0a84ff;--health-purple: #bf5af2;--accent: var(--health-red);--card-shadow: 0 10px 30px rgba(17, 17, 20, .08);--float-shadow: 0 20px 40px rgba(17, 17, 20, .18);--radius-card: 22px;--radius-control: 16px}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--surface-muted: #2c2c2e;--line: rgba(118, 118, 128, .34);--line-strong: rgba(118, 118, 128, .48);--text: #f4f4f7;--text-secondary: #c4c7d0;--text-tertiary: #8f95a3;--card-shadow: 0 10px 30px rgba(0, 0, 0, .42);--float-shadow: 0 22px 44px rgba(0, 0, 0, .58)}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-main);color:var(--text);background:radial-gradient(circle at 2% -12%,rgba(255,45,85,.2) 0%,transparent 34%),radial-gradient(circle at 95% -14%,rgba(52,199,89,.15) 0%,transparent 34%),var(--bg)}a{color:inherit}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding-left:1.15rem}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;max-width:980px;margin:0 auto}.top-header{position:sticky;top:0;z-index:40;padding:calc(.86rem + env(safe-area-inset-top)) .92rem .8rem;border-bottom:1px solid var(--line);background:#f6f7fbd6;-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1)}@media(prefers-color-scheme:dark){.top-header{background:#000c}}.header-main{display:grid;gap:.22rem;margin-bottom:0}.header-date{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.top-header h1{font-size:1.45rem;font-weight:780;letter-spacing:-.03em}.top-header p{font-size:.91rem;color:var(--text-secondary)}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(10px,env(safe-area-inset-bottom));z-index:70;width:min(942px,calc(100% - 12px));display:flex;gap:.34rem;overflow-x:auto;scrollbar-width:none;border-radius:20px;padding:.32rem;border:1px solid var(--line-strong);background:#ffffffe6;-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08);box-shadow:var(--float-shadow)}.bottom-nav::-webkit-scrollbar{display:none}@media(prefers-color-scheme:dark){.bottom-nav{background:#1c1c1ed6}}.nav-tab{flex:0 0 auto;min-width:74px;text-align:center;padding:.55rem .82rem;border-radius:13px;border:1px solid transparent;font-size:.87rem;font-weight:630;text-decoration:none;color:var(--text-secondary)}.bottom-nav .nav-tab{flex:1 1 0;min-width:max-content}.nav-tab-active{background:var(--surface);color:var(--accent);border-color:#ff2d5540;box-shadow:inset 0 1px #ffffff8c}.page-content{padding:.95rem;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page{display:grid;gap:.94rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.72rem;flex-wrap:wrap}.section-head h2{letter-spacing:-.02em}.text-link{text-decoration:none;color:var(--health-blue);font-weight:650}.safety-reminders{display:flex;gap:.5rem;flex-wrap:wrap}.reminder-pill{border-radius:999px;border:1px solid var(--line);background:var(--surface);padding:.5rem .8rem;font-size:.86rem;color:var(--text-secondary);font-weight:620}.reminder-strong{border-color:#ff2d5552;color:var(--health-red)}.session-panel,.tile,.module-card,.module-summary-card,.events-summary-card,.treat-score-card,.summary-card,.warning-card,.timer-card,.trigger-panel,.reaction-panel,.noise-panel,.note-panel,.settings-card,.chart-card,.trigger-top-card,.history-row,.empty-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--card-shadow);padding:1rem}.session-panel{display:grid;gap:.64rem}.session-panel h2{font-size:1.08rem;letter-spacing:-.02em}.session-panel p{font-size:.92rem;color:var(--text-secondary)}.primary-btn,.secondary-btn,.danger-btn,.primary-link-btn,.count-btn,.event-btn,.chip-btn,.chip-removable{min-height:52px;border-radius:var(--radius-control);border:1px solid transparent;font-weight:680;cursor:pointer;transition:transform .14s ease,filter .14s ease}.primary-btn,.primary-link-btn{color:#fff;background:linear-gradient(180deg,#ff5f7f,var(--health-red));border-color:#c20e3799;box-shadow:0 12px 24px #ff2d5547}.secondary-btn{color:var(--text);background:var(--surface-muted);border-color:var(--line-strong)}.danger-btn{color:#fff;background:linear-gradient(180deg,#ff6057,#ff3b30);border-color:#b0120a94}.primary-btn:active,.primary-link-btn:active,.secondary-btn:active,.danger-btn:active,.count-btn:active,.event-btn:active,.chip-btn:active,.chip-removable:active{transform:translateY(1px) scale(.99);filter:brightness(.96)}.primary-link-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.7rem 1rem}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(242px,1fr));gap:.82rem}.module-card{--module-accent: var(--health-red);--progress: 0%;position:relative;overflow:hidden;display:grid;gap:.56rem}.module-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.34) 0%,transparent 52%)}.module-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 112% -24%,rgba(255,45,85,.13),transparent 46%)}.module-card>*{position:relative;z-index:1}.module-card-recall{--module-accent: var(--health-blue)}.module-card-handle{--module-accent: var(--health-green)}.module-card-bike{--module-accent: var(--health-orange)}.module-card-noise{--module-accent: var(--health-purple)}.module-card-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.module-title-wrap{display:inline-flex;align-items:center;gap:.5rem}.module-title-wrap h3{font-size:1.07rem;letter-spacing:-.016em}.module-ring{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--module-accent) 0 var(--progress),rgba(143,149,163,.28) var(--progress) 100%)}.module-ring i{width:22px;height:22px;border-radius:inherit;background:var(--surface);border:1px solid var(--line)}.module-chip{border-radius:999px;padding:.24rem .56rem;font-size:.75rem;font-weight:640;color:var(--module-accent);border:1px solid rgba(60,60,67,.2);background:#ffffff8c;white-space:nowrap}.goal-text{color:var(--text-secondary);font-size:.91rem}.set-def{color:var(--text-tertiary);font-size:.85rem;line-height:1.35}.module-progress{height:7px;border-radius:999px;overflow:hidden;background:var(--surface-muted)}.module-progress span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#ffffff 0%,var(--module-accent) 8%,var(--module-accent) 100%)}.module-stats-row{display:flex;justify-content:space-between;gap:.56rem;font-size:.89rem;color:var(--text-secondary)}.module-stats-row strong{color:var(--text);font-weight:770}.event-quick-bar{position:fixed;left:50%;transform:translate(-50%);bottom:max(10px,env(safe-area-inset-bottom));width:min(942px,calc(100% - 14px));z-index:55;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.48rem;border-radius:24px;border:1px solid var(--line-strong);background:#ffffffdb;-webkit-backdrop-filter:blur(24px) saturate(1.1);backdrop-filter:blur(24px) saturate(1.1);box-shadow:var(--float-shadow)}@media(prefers-color-scheme:dark){.event-quick-bar{background:#1c1c1ed1}}.event-btn{min-height:58px;display:grid;justify-items:center;align-content:center;gap:.05rem;border-color:var(--line);background:var(--surface)}.event-btn:nth-child(1){border-color:#ff2d5552}.event-btn:nth-child(1) .event-plus{color:var(--health-red)}.event-btn:nth-child(2){border-color:#ff9f0a57}.event-btn:nth-child(2) .event-plus{color:var(--health-orange)}.event-btn:nth-child(3){border-color:#0a84ff54}.event-btn:nth-child(3) .event-plus{color:var(--health-blue)}.event-label{font-size:.79rem;color:var(--text-secondary)}.event-value{font-size:1.32rem;line-height:1;font-weight:780}.event-plus{font-size:.78rem;font-weight:720}.timer-card{display:grid;gap:.7rem}.timer-value{margin-top:.32rem;font-size:1.72rem;letter-spacing:-.02em;font-weight:800}.timer-actions{display:flex;gap:.56rem;flex-wrap:wrap}.counter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem}.count-btn{min-height:106px;display:grid;justify-items:center;align-content:center;gap:.2rem;font-size:1.08rem}.count-btn span{font-size:2rem;font-weight:790}.count-success{border-color:#34c75957;background:#34c7591f}.count-fail{border-color:#ff2d5559;background:#ff2d551f}.trigger-panel,.reaction-panel,.noise-panel,.note-panel,.settings-card,.treat-score-card,.events-summary-card,.summary-card,.module-summary-card,.trigger-top-card,.history-row,.empty-card{display:grid;gap:.62rem}.field-label,.field-inline{display:inline-flex;align-items:center;gap:.48rem;flex-wrap:wrap}select,input[type=text],input[type=date],textarea{width:100%;min-height:46px;border-radius:13px;border:1px solid var(--line-strong);background:var(--surface-muted);color:var(--text);outline:none;padding:.54rem .7rem}select:focus,input[type=text]:focus,input[type=date]:focus,textarea:focus{border-color:#ff2d5573;box-shadow:0 0 0 3px #ff2d5529}textarea{min-height:92px;resize:vertical}.field-inline input[type=date]{width:auto;min-width:10rem}input[type=range]{width:100%;accent-color:var(--health-red)}input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--health-red)}.toggle-wrap{display:inline-flex;align-items:center;gap:.44rem;font-size:.9rem;color:var(--text-secondary)}.hint-text{font-size:.86rem;color:var(--text-secondary)}.reaction-grid,.chip-list,.action-row{display:flex;flex-wrap:wrap;gap:.44rem}.chip-btn,.chip{min-height:0;border-radius:999px;border:1px solid var(--line);background:var(--surface-muted);padding:.42rem .78rem;font-size:.86rem}.chip-fixed{border-color:#ff2d5547;color:var(--health-red)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:.7rem}.tile h3{color:var(--text-secondary);font-size:.91rem;font-weight:620}.tile p{margin-top:.2rem;font-size:1.64rem;font-weight:790;letter-spacing:-.03em}.module-summary-list,.history-list{display:grid;gap:.72rem}.module-summary-card p{color:var(--text-secondary);font-size:.91rem}.event-inline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.event-inline-grid div{display:grid;justify-items:center;gap:.16rem;border:1px solid var(--line);border-radius:14px;padding:.58rem;background:var(--surface-muted)}.event-inline-grid strong{font-size:1.35rem;font-weight:780}.event-inline-grid span{color:var(--text-secondary);font-size:.85rem}.chart-controls{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;color:var(--text-secondary)}.chart-controls select{width:auto;min-width:9rem}.chart-card{display:grid;gap:.56rem}.chart-card svg{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:var(--surface-muted)}.axis{stroke:var(--line-strong);stroke-width:1}.grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.x-label,.y-label{fill:var(--text-tertiary);font-size:11px}.chart-legend{display:flex;flex-wrap:wrap;gap:.58rem}.legend-item{display:inline-flex;align-items:center;gap:.34rem;font-size:.84rem;color:var(--text-secondary)}.legend-item i{width:11px;height:11px;border-radius:999px;display:inline-block}.history-row{display:grid;gap:.56rem}.history-row h3{letter-spacing:-.012em}.history-row p{color:var(--text-tertiary);font-size:.86rem}.history-metrics{display:flex;flex-wrap:wrap;gap:.54rem;color:var(--text-secondary);font-size:.88rem}.hidden-input{display:none}.status-text{margin-top:.2rem;color:var(--health-red);font-weight:690}@media(max-width:760px){.top-header{padding-left:.75rem;padding-right:.75rem}.top-header h1{font-size:1.3rem}.page-content{padding:.78rem;padding-bottom:calc(124px + env(safe-area-inset-bottom))}.counter-panel{grid-template-columns:1fr}.count-btn{min-height:96px}.event-inline-grid{grid-template-columns:1fr}.event-quick-bar{width:calc(100% - 12px);border-radius:20px;gap:.35rem}.event-btn{min-height:56px}.module-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}