.app{flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1.25rem .75rem 2rem;display:flex}.tabs{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);width:100%;max-width:600px;display:flex;overflow:hidden}.tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:500;transition:background .1s;display:flex}.tab.on{background:var(--color-background-secondary);color:var(--color-text-primary)}.tab:not(:last-child){border-right:.5px solid var(--color-border-secondary)}.panel{width:100%;max-width:600px}.cat-label{color:var(--color-text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 8px;padding:0 2px;font-size:11px}.pattern-row{flex-wrap:wrap;gap:6px;display:flex}.pbtn{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;padding:6px 11px;font-size:12px;line-height:1.3;transition:background .1s}.pbtn:hover{background:var(--color-background-secondary)}.pbtn .pn{font-size:12px;font-weight:500;display:block}.pbtn .pt{color:var(--color-text-tertiary);font-size:10px;display:block}.pbtn.active{color:#0c447c;background:#e6f1fb;border:1.5px solid #378add}.pbtn.active .pt{color:#185fa5}hr.div{border:none;border-top:.5px solid var(--color-border-tertiary);width:100%;max-width:600px;margin:16px 0}.circle-wrap{justify-content:center;align-items:center;width:280px;height:280px;margin:20px 0;display:flex;position:relative}.info-area{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:68px;display:flex}.ph-name{color:var(--color-text-primary);font-size:24px;font-weight:500}.ph-count{color:var(--color-text-secondary);font-size:15px}.ph-hint{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.desc{color:var(--color-text-secondary);text-align:center;max-width:340px;min-height:28px;font-size:12px;line-height:1.55}.warn{color:#a32d2d;border-radius:var(--border-radius-md);text-align:center;background:#fcebeb;max-width:340px;padding:5px 12px;font-size:11px}.settings-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.tog{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;background:0 0;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:background .1s;display:flex}.tog.on{color:#0c447c;background:#e6f1fb;border-color:#378add}.tog:hover:not(.on){background:var(--color-background-secondary)}.tog svg{width:16px;height:16px}.goal-section{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);background:var(--color-background-primary);flex-direction:column;gap:8px;width:100%;max-width:440px;padding:10px 12px;display:flex}.goal-tabs{gap:5px;display:flex}.gtab{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;text-align:center;background:0 0;flex:1;padding:5px 8px;font-size:12px;font-weight:500;transition:background .1s}.gtab.on{color:#0c447c;background:#e6f1fb;border-color:#378add}.gtab:hover:not(.on){background:var(--color-background-secondary)}.goal-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.goal-row label{color:var(--color-text-secondary);white-space:nowrap;font-size:12px}.spinner-wrap{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);align-items:center;display:flex;overflow:hidden}.sp-btn{background:var(--color-background-secondary);width:28px;height:30px;color:var(--color-text-primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex}.sp-btn:hover{filter:brightness(.93)}.sp-val{text-align:center;min-width:34px;color:var(--color-text-primary);pointer-events:none;background:0 0;border:none;padding:0 2px;font-size:13px;font-weight:500}.sp-unit{color:var(--color-text-tertiary);white-space:nowrap;padding:0 7px 0 2px;font-size:11px}.set-btn{border-radius:var(--border-radius-md);color:#0f6e56;cursor:pointer;white-space:nowrap;background:#e1f5ee;border:.5px solid #1d9e75;padding:4px 12px;font-size:12px;font-weight:500}.set-btn:hover{background:#9fe1cb}.preset-btns{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pbtn2{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;background:0 0;padding:4px 10px;font-size:12px;transition:background .1s}.pbtn2:hover{background:var(--color-background-secondary)}.pbtn2.on{color:#0c447c;background:#e6f1fb;border-color:#378add}.goal-status{align-items:center;gap:10px;width:100%;display:flex}.goal-countdown{color:var(--color-text-primary);min-width:44px;font-size:17px;font-weight:500}.prog-wrap{background:var(--color-border-tertiary);border-radius:2px;flex:1;height:4px;overflow:hidden}.prog-bar{border-radius:2px;width:0%;height:100%;transition:width .4s linear}.prog-bar.time{background:#378add}.prog-bar.cycles{background:#1d9e75}.stats{gap:16px;margin-top:16px;display:flex}.stat{text-align:center}.sv{color:var(--color-text-primary);font-size:16px;font-weight:500}.sl{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.dots{gap:5px;margin-top:16px;display:flex}.dot{background:var(--color-border-secondary);border-radius:50%;width:7px;height:7px;transition:background .3s}.dot.done{background:#378add}.dot.cur{background:#1d9e75}.btn-row{gap:8px;margin-top:16px;display:flex}.cb{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 24px;font-size:14px;font-weight:500;transition:background .1s;display:flex}.cb:hover{background:var(--color-background-secondary)}.cb.pri{color:#0c447c;background:#e6f1fb;border-color:#378add}.cb.pri:hover{background:#b5d4f4}.builder{flex-direction:column;gap:8px;display:flex}.builder-phases{flex-direction:column;gap:5px;display:flex}.bphase{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);align-items:center;gap:7px;padding:7px 10px;display:flex}.bphase select,.bphase input[type=number]{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);padding:3px 5px;font-size:13px}.bphase select{min-width:108px}.bphase input[type=number]{width:54px}.bphase .del-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 3px;font-size:15px}.bphase .del-btn:hover{color:#a32d2d}.builder-actions{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.ba{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;display:flex}.ba:hover{background:var(--color-background-secondary)}.ba.go{color:#0f6e56;background:#e1f5ee;border-color:#1d9e75}.name-row input[type=text]{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);width:100%;color:var(--color-text-primary);padding:6px 10px;font-size:13px}.cycle-preview{color:var(--color-text-secondary);padding:1px 0;font-size:12px}.complete-overlay{background:var(--color-background-primary);opacity:.95;z-index:10;cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.complete-title{color:#1d9e75;font-size:13px;font-weight:500}.complete-sub{color:var(--color-text-secondary);text-align:center;padding:0 10px;font-size:11px}.countdown-overlay{z-index:11;background:var(--color-background-primary);opacity:.95;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-num{color:var(--color-text-primary);font-size:52px;font-weight:500}.countdown-lbl{color:var(--color-text-tertiary);font-size:12px}.history-list{flex-direction:column;gap:6px;width:100%;max-width:600px;display:flex}.hist-item{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);align-items:center;gap:10px;padding:8px 12px;display:flex}.hist-pattern{color:var(--color-text-primary);min-width:80px;font-size:13px;font-weight:500}.hist-meta{color:var(--color-text-secondary);font-size:12px}.hist-empty{color:var(--color-text-tertiary);text-align:center;padding:16px 0;font-size:13px}.svg-ring{transform-origin:50%;transform:rotate(-90deg)}.svg-blob{transition:fill .3s}:root.dark .tog.on,:root.dark .gtab.on,:root.dark .pbtn.active,:root.dark .pbtn2.on,:root.dark .cb.pri{color:#e0e7ff;background:#1e3a8a;border-color:#3b82f6}:root.dark .pbtn.active .pt{color:#93c5fd}