*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #000;--surface: #1c1c1e;--surface2: #2c2c2e;--blue: #0a84ff;--blue-row: #0f2d4a;--green: #30d158;--text: #fff;--text2: #8e8e93;--sep: #3a3a3c;--r: 14px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh;max-width:430px;margin:0 auto}.content{flex:1;overflow-y:auto;padding:28px 16px 100px;display:flex;flex-direction:column;gap:32px}.time-pill{background:var(--surface);border-radius:10px;padding:8px 14px;display:inline-flex;align-items:center;font-size:17px;font-weight:600;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0}.time-pill span{pointer-events:none;min-width:42px;text-align:center}.time-pill input[type=time]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;background:none;padding:0;margin:0}.section{display:flex;flex-direction:column;gap:10px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-label{font-size:17px;color:var(--text2);font-weight:400;flex-shrink:0}.section-controls{display:flex;align-items:center;gap:10px}.btn-now{background:none;border:none;color:var(--blue);font-size:17px;font-family:inherit;cursor:pointer;padding:4px 0}.suggestions{display:flex;flex-direction:column;gap:8px}.suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 14px 20px;border-radius:var(--r);background:var(--surface)}.suggestion--on{background:var(--blue-row)}.sug-time{font-size:27px;font-weight:700;letter-spacing:-.5px;flex-shrink:0}.sug-meta{font-size:14px;color:#fff9;flex:1}.alarm-btn{background:none;border:none;cursor:pointer;padding:6px;color:var(--text2);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .15s}.alarm-btn--on{color:var(--blue)}.alarm-btn:active{opacity:.6}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#161618f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--sep);display:flex;padding-bottom:env(safe-area-inset-bottom,8px)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text2);cursor:pointer;padding:10px 0;font-size:10px;font-family:inherit;letter-spacing:.2px;transition:color .15s}.nav-item--active{color:var(--blue)}.card{background:var(--surface);border-radius:var(--r);overflow:hidden;margin-bottom:8px}.card-sep{height:.5px;background:var(--sep);margin-left:16px}.card-section-title{font-size:13px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;padding:14px 16px 4px}.page-title{font-size:34px;font-weight:700;letter-spacing:-.5px;margin-bottom:24px}.stepper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px}.stepper-label-group{display:flex;flex-direction:column;gap:2px}.stepper-label{font-size:17px}.stepper-hint{font-size:12px;color:var(--text2)}.stepper-right{display:flex;align-items:center;gap:12px}.stepper-val{font-size:17px;color:var(--text2);min-width:48px;text-align:right}.stepper-btns{display:flex;align-items:center;background:var(--surface2);border-radius:9px;overflow:hidden}.stepper-btn{background:none;border:none;color:var(--text);font-size:20px;width:40px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.stepper-btn:disabled{color:var(--sep);cursor:default}.stepper-sep{width:.5px;height:20px;background:var(--sep);flex-shrink:0}.history-page{display:flex;flex-direction:column;gap:0}.import-card{padding:14px 16px;margin-bottom:8px}.import-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.import-icon{font-size:28px;flex-shrink:0;line-height:1}.import-info{display:flex;flex-direction:column;gap:4px}.import-title{font-size:15px;font-weight:600}.import-desc{font-size:12px;color:var(--text2);line-height:1.5}.import-desc em{color:var(--text);font-style:normal}.import-btn{display:block;width:100%;text-align:center;background:var(--surface2);color:var(--blue);border:none;border-radius:10px;padding:11px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.import-btn--busy{opacity:.5;cursor:default;color:var(--text2)}.import-msg{margin-top:10px;font-size:13px;text-align:center;padding:2px 0}.import-msg--ok{color:var(--green)}.import-msg--err{color:#ff453a}.stats-card{display:flex;align-items:center;padding:16px;margin-bottom:8px}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-val{font-size:22px;font-weight:700}.stat-label{font-size:11px;color:var(--text2);text-align:center}.stat-sep{width:.5px;height:36px;background:var(--sep)}.chart-card{padding:14px 16px 10px;margin-bottom:8px}.chart-title{font-size:13px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:100px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.bar-top-label{font-size:9px;color:var(--text2);line-height:1}.bar-track{flex:1;width:100%;background:var(--surface2);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:var(--blue);border-radius:4px;min-height:4px;transition:height .4s ease}.bar-bottom-label{font-size:10px;color:var(--text2)}.ideal-line-label{display:flex;align-items:center;gap:6px;margin-top:8px}.ideal-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.ideal-line-label span{font-size:12px;color:var(--text2)}.add-card{margin-bottom:8px}.add-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px}.add-label{font-size:17px}.save-btn{display:block;width:calc(100% - 32px);margin:12px 16px 16px;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:13px;font-size:17px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}.save-btn--done{background:var(--green)}.list-header{font-size:13px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;padding:4px 4px 8px}.history-list{display:flex;flex-direction:column;gap:8px}.history-entry{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:var(--r);padding:14px 16px}.entry-main{display:flex;flex-direction:column;gap:3px;flex:1}.entry-date{font-size:13px;color:var(--text2)}.entry-times{font-size:15px;font-weight:500}.entry-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.entry-dur{font-size:15px;font-weight:600}.entry-cycles{font-size:12px;color:var(--text2)}.entry-del{background:none;border:none;color:var(--text2);font-size:22px;cursor:pointer;padding:4px;line-height:1;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 0;color:var(--text2);font-size:15px}.empty-icon{font-size:40px}.settings-page{display:flex;flex-direction:column;gap:0}.settings-note{font-size:13px;color:var(--text2);line-height:1.55;padding:4px 16px 20px}.support-card{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:var(--r);padding:16px;margin-bottom:8px;text-decoration:none;color:var(--text)}.support-icon{font-size:26px;flex-shrink:0}.support-text{display:flex;flex-direction:column;gap:3px;flex:1}.support-title{font-size:17px;font-weight:500}.support-sub{font-size:13px;color:var(--text2)}.support-arrow{font-size:22px;color:var(--text2)}.info-card{padding:16px;margin-top:8px}.info-title{font-size:13px;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.info-body{font-size:14px;color:var(--text2);line-height:1.65}.info-body strong{color:var(--text);font-weight:600}.info-body em{color:var(--text);font-style:normal;font-weight:500}.info-divider{height:.5px;background:var(--sep);margin:16px 0}.cycle-table{display:flex;flex-direction:column;gap:8px}.cycle-row{display:flex;align-items:center;gap:10px}.cycle-num{font-size:14px;min-width:64px}.cycle-dur{font-size:14px;color:var(--text2);flex:1}.cycle-tag{font-size:12px;font-weight:500}.cycle-tag--good{color:var(--green)}.cycle-tag--ok{color:#ffd60a}.cycle-tag--low{color:#ff453a}