:root{--bg:#111418;--surface:#1c2128;--text:#e8eaed;--text-sub:#9aa0a6;--accent:#4dabf7;--tab-height:64px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}body{margin:0}html{min-height:calc(100% + env(safe-area-inset-top))}#screen{padding:16px;padding-top:calc(env(safe-area-inset-top) + 16px);padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom) + 16px)}h1{margin:0 0 12px;font-size:1.4rem}.placeholder{color:var(--text-sub)}.tab-bar{height:var(--tab-height);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid #2d333b;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text-sub);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tab-label{font-size:.75rem}.tab-icon{display:block}.tab.active{color:var(--accent);font-weight:700}.input{box-sizing:border-box;width:100%;min-height:48px;color:var(--text);background:var(--bg);border:1px solid #3a414a;border-radius:10px;padding:0 12px;font-size:16px}.btn{min-height:48px;color:var(--text);background:#2d333b;border:none;border-radius:10px;padding:0 16px;font-size:1rem}.btn-primary{background:var(--accent);color:#0b1a26;font-weight:700}.btn-danger{color:#ff8787;background:0 0}.error{color:#ff8787;min-height:1.2em;margin:8px 0}.add-form{gap:8px;display:flex}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{text-align:left;width:100%;min-height:56px;color:var(--text);background:var(--surface);border:none;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.item-name{font-size:1.1rem}.item-sub{color:var(--text-sub);font-size:.85rem}.edit-box{background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:14px}.edit-box form{flex-direction:column;gap:12px;display:flex}.edit-box label{color:var(--text-sub);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.button-row{gap:8px;display:flex}.button-row .btn{flex:1}.archived{color:var(--text-sub);margin-top:24px}.archived summary{align-items:center;min-height:48px;display:flex}.archived-item{background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;padding:4px 4px 4px 14px;display:flex}.record-screen{padding-bottom:270px}.record-header{flex-direction:column;gap:8px;display:flex}.date-row{gap:8px;display:flex}.date-input{flex:1}.exercise-select{font-size:1.1rem}.notice{color:#ffd43b;margin:0}.link-btn{align-items:center;text-decoration:none;display:inline-flex}.section-title{color:var(--text-sub);margin:20px 0 8px;font-size:1rem}.set-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.set-row{background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:1.1rem;display:flex}.set-no{width:28px;height:28px;color:var(--bg);background:var(--text-sub);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.record-panel{left:0;right:0;bottom:calc(var(--tab-height) + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #2d333b;padding:12px 16px;position:fixed}.record-panel .error{margin:4px 0}.btn-record{width:100%;min-height:60px;font-size:1.2rem}.btn:disabled{opacity:.5}.stepper{align-items:center;gap:8px;margin-bottom:8px;display:flex}.stepper-label{width:2.5em;color:var(--text-sub)}.stepper-btn{width:56px;min-height:56px;padding:0;font-size:1.6rem}.stepper-input{text-align:center;flex:1;min-width:0;min-height:56px;font-size:1.5rem}.stepper-unit{width:1.5em;color:var(--text-sub)}.previous{color:var(--text-sub);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:.95rem;display:flex}.previous-date{margin-right:4px}.previous-set{color:var(--text);background:var(--surface);border-radius:6px;padding:2px 8px}.previous-set.current{color:#0b1a26;background:var(--accent);font-weight:700}.day{margin-bottom:8px}.day[open]{margin-bottom:16px}.day-title{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-wrap:wrap;align-items:center;column-gap:8px;min-height:52px;padding:4px 4px 4px 0;font-size:1.1rem;font-weight:700;list-style:none;display:flex}.day-title::-webkit-details-marker{display:none}.day-chevron{width:1em;color:var(--text-sub);transition:transform .15s}.day[open] .day-chevron{transform:rotate(90deg)}.day-label{align-items:baseline;gap:8px;display:inline-flex}.day-year{color:var(--text-sub);font-size:.8rem;font-weight:400}.day-summary{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;padding-left:calc(1em + 8px);font-size:.85rem;font-weight:400;overflow:hidden}.day[open] .day-summary{display:none}.day-exercise{background:var(--surface);border-radius:12px;margin-bottom:10px;padding:10px 12px}.day-exercise-name{margin:0 0 6px;font-size:1rem}.history-sets{margin:0;padding:0;list-style:none}.history-set{width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;border:none;border-top:1px solid #2d333b;align-items:center;gap:12px;padding:0 4px;font-size:1.05rem;display:flex}.history-edit{background:var(--bg);border:1px solid var(--accent);border-radius:12px;margin:6px 0;padding:12px}.history-edit form{flex-direction:column;display:flex}.edit-title{color:var(--text-sub);margin:0 0 10px}.history-edit .btn-danger{margin-top:8px}.toast{top:calc(env(safe-area-inset-top) + 12px);z-index:10;min-height:52px;color:var(--text);background:#2d333b;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 4px 16px;display:flex;position:fixed;left:12px;right:12px;box-shadow:0 4px 16px #00000080}.toast-action{min-height:44px;color:var(--accent);background:0 0;border:none;padding:0 14px;font-size:1rem;font-weight:700}.settings-section p{line-height:1.6}.settings-note{color:var(--text-sub);font-size:.9rem}.btn-wide{box-sizing:border-box;width:100%}.file-button{cursor:pointer;justify-content:center;align-items:center;display:flex}.sub-tabs{background:var(--surface);border-radius:12px;margin-bottom:16px;padding:4px;display:flex}.sub-tab{min-height:44px;color:var(--text-sub);border-radius:9px;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.sub-tab.active{color:var(--text);background:#2d333b;font-weight:700}.edit-label{color:var(--text-sub);margin:0 0 6px;font-size:.85rem}.routine-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.routine-item{align-items:center;gap:6px;display:flex}.routine-item-name{overflow-wrap:anywhere;flex:1;min-width:0}.icon-btn{width:44px;min-height:44px;padding:0}.routine-cards{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.routine-card{min-width:96px;max-width:160px;min-height:56px;color:var(--text);text-align:left;background:var(--surface);border:2px solid #0000;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:2px;padding:6px 12px;display:flex}.routine-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.routine-card-count{color:var(--text-sub);font-size:.85rem}.routine-card.done .routine-card-count{color:#69db7c}.routine-card.current{border-color:var(--accent)}.chart-filters{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.range-buttons{gap:6px;display:flex}.range-btn{flex:1;min-height:44px}.range-btn.active{color:var(--text);outline:2px solid var(--accent);outline-offset:-2px;font-weight:700}.chart-card{background:var(--surface);border-radius:12px;margin-bottom:12px;padding:12px 12px 4px}.chart-note{margin-top:-4px}.chart-header{margin-bottom:4px}.chart-title{margin:0;font-size:1rem}.chart-summary{color:var(--text-sub);margin:2px 0 0;font-size:.85rem}.chart-plot{position:relative}.chart-svg{display:block;overflow:visible}.chart-svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.chart-grid{stroke:#2d333b;stroke-width:1px}.chart-axis{fill:var(--text-sub);font-variant-numeric:tabular-nums;font-size:11px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.chart-dot-active{stroke:var(--text)}.chart-crosshair{stroke:var(--text-sub);stroke-width:1px}.chart-hit{fill:#0000;touch-action:pan-y;cursor:crosshair}.chart-tooltip{white-space:nowrap;pointer-events:none;background:#2d333b;border-radius:8px;flex-direction:column;align-items:center;padding:4px 10px;display:flex;position:absolute;top:-8px;transform:translate(-50%,-100%);box-shadow:0 2px 8px #0006}.chart-tooltip strong{font-size:1rem}.chart-tooltip span{color:var(--text-sub);font-size:.8rem}.chart-table summary{min-height:48px;color:var(--text-sub);align-items:center;display:flex}.chart-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.chart-table th,.chart-table td{text-align:right;border-bottom:1px solid #2d333b;padding:8px 4px}.chart-table th:first-child,.chart-table td:first-child{text-align:left}.chart-table th{color:var(--text-sub);font-size:.8rem;font-weight:400}