*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{background:linear-gradient(180deg,#fff,#fff 85%,#f5e6ec);font-family:Noto Sans TC,sans-serif;display:flex;flex-direction:column}:root{--bg: #f2f2f2;--card: #fff;--border: #d1d4d9;--bl: rgba(209, 212, 217, .5);--t1: #374151;--t2: #6b7280;--t3: #9ca3af;--pri: #169e6b;--pri50: #e6f7f1;--pri700: #0f7750;--pink: #ff6b81;--pink-bg: #fff0f3;--pink100: #f4c0d1;--pink700: #be185d;--purple: #805ad5;--purple-bg: #faf5ff;--purple700: #553c9a;--warn: #f59e0b;--ok: #10b981;--r8: 8px;--r12: 12px;--r16: 16px;--safe-bottom: env(safe-area-inset-bottom, 0px);--fs-xs: 12px;--fs-sm: 14px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 17px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 22px;--fs-4xl: 26px;--fs-5xl: 28px;--fs-6xl: 40px;--fs-icon: 24px}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;gap:16px;transition:opacity .3s ease}#loading-screen.hide{opacity:0;pointer-events:none}.loading-icon{width:56px;height:56px;border-radius:16px;background:var(--pink-bg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-5xl)}.loading-spinner{width:24px;height:24px;border:2px solid var(--bl);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#onboarding{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:100;display:flex;flex-direction:column;overflow:hidden}#onboarding.hidden{display:none}.ob-progress{height:3px;background:var(--bl);flex-shrink:0}.ob-progress-fill{height:100%;background:var(--pink);transition:width .4s cubic-bezier(.4,0,.2,1)}.ob-pages{flex:1;display:flex;overflow:hidden;position:relative}.ob-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:0 24px;overflow-y:auto;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.ob-page.enter-from-right{transform:translate(100%);opacity:0}.ob-page.enter-from-left{transform:translate(-100%);opacity:0}.ob-page.active{transform:translate(0);opacity:1}.ob-page.exit-left{transform:translate(-100%);opacity:0}.ob-page.exit-right{transform:translate(100%);opacity:0}.ob-welcome{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:32px;min-height:0}.ob-badge{width:120px;height:120px;border-radius:24px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:var(--fs-6xl);margin-bottom:16px}.ob-badge img{width:120px;height:120px;object-fit:contain}.ob-title{font-size:var(--fs-4xl);font-weight:700;color:var(--t1);line-height:1.3;margin-bottom:12px}.ob-title span{color:var(--pink)}.ob-desc{font-size:var(--fs-md);color:var(--t2);line-height:1.75;margin-bottom:36px}.ob-features{display:flex;flex-direction:column;gap:14px;margin-bottom:40px}.ob-feature{display:flex;align-items:center;gap:14px}.ob-feat-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);flex-shrink:0}.ob-feat-text{font-size:var(--fs-sm);color:var(--t1);line-height:1.5}.ob-feat-text b{font-weight:600}.ob-privacy{font-size:var(--fs-xs);color:var(--t3);line-height:1.6;padding:14px;background:var(--bg);border-radius:var(--r12);margin-bottom:8px}.ob-pg-inner{flex:1;display:flex;flex-direction:column;padding-top:48px;padding-bottom:32px}.ob-step-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--pink);margin-bottom:12px}.ob-pg-title{font-size:var(--fs-3xl);font-weight:700;color:var(--t1);line-height:1.35;margin-bottom:10px}.ob-pg-sub{font-size:var(--fs-sm);color:var(--t2);line-height:1.65;margin-bottom:32px}.drum-wrap{flex:1;position:relative;border-radius:var(--r16);overflow:hidden;background:var(--bg);margin-bottom:28px;min-height:200px;max-height:240px}.drum-highlight{position:absolute;top:50%;left:12px;right:12px;height:48px;transform:translateY(-50%);background:#fff;border-radius:var(--r12);border:1.5px solid var(--pink100);z-index:1;pointer-events:none}.drum-fade-top{position:absolute;top:0;left:0;right:0;height:88px;background:linear-gradient(to bottom,var(--bg),transparent);z-index:2;pointer-events:none}.drum-fade-bot{position:absolute;bottom:0;left:0;right:0;height:88px;background:linear-gradient(to top,var(--bg),transparent);z-index:2;pointer-events:none}.drum-cols{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:0 12px;z-index:3}.drum-col{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.drum-col::-webkit-scrollbar{display:none}.drum-col-year{flex:1.8}.drum-item{height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);font-weight:500;color:var(--t3);scroll-snap-align:center;flex-shrink:0;transition:font-size .1s,color .1s,opacity .1s}.drum-spacer{height:96px;flex-shrink:0}.ob-settings-row{background:var(--bg);border-radius:var(--r16);padding:20px;margin-bottom:16px}.ob-settings-lbl{font-size:var(--fs-sm);font-weight:600;color:var(--t2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.ob-settings-title{font-size:var(--fs-lg);font-weight:500;color:var(--t1);margin-bottom:4px}.ob-settings-sub{font-size:var(--fs-sm);color:var(--t3);margin-bottom:16px;line-height:1.5}.ob-settings-sub-small{font-size:var(--fs-xs);color:var(--t3);margin-bottom:12px}.stepper{display:flex;align-items:center;gap:0}.step-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);background:var(--card);font-size:var(--fs-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t1);flex-shrink:0}.step-track{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.step-val{font-size:var(--fs-5xl);font-weight:700;color:var(--t1)}.step-unit{font-size:var(--fs-sm);color:var(--t3)}.ob-bottom{flex-shrink:0;padding:16px 24px;padding-bottom:calc(16px + var(--safe-bottom));background:#fff;border-top:1px solid var(--bl)}.ob-btn-primary{width:100%;padding:16px;border-radius:24px;border:none;background:var(--pink);color:#fff;font-size:var(--fs-lg);font-weight:600;cursor:pointer;font-family:Noto Sans TC,sans-serif;transition:opacity .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px}.ob-btn-primary:active{opacity:.85;transform:scale(.99)}.ob-btn-secondary{width:100%;padding:12px;border-radius:24px;border:1px solid var(--border);background:transparent;color:var(--t3);font-size:var(--fs-md);cursor:pointer;margin-top:10px;font-family:Noto Sans TC,sans-serif}.ob-btn-back{background:none;border:none;padding:6px 0;font-size:var(--fs-sm);color:var(--t3);cursor:pointer;margin-top:12px;font-family:Noto Sans TC,sans-serif;display:flex;align-items:center;gap:4px}.saving-indicator{font-size:var(--fs-sm);color:var(--t2);display:flex;align-items:center;gap:8px;justify-content:center;padding:8px 0}#login-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:400px}.login-title{font-size:var(--fs-4xl);font-weight:700;color:var(--t1);margin-bottom:12px}.login-desc{font-size:var(--fs-md);color:var(--t2);margin-bottom:40px}.line-login-btn{width:100%;padding:16px;border-radius:24px;border:none;background:#06c755;color:#fff;font-size:var(--fs-lg);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s;font-family:Noto Sans TC,sans-serif}.line-login-btn:active{opacity:.8}#app{display:none;flex-direction:column;height:100%;height:100dvh}#app.visible{display:flex}.tb{background:#fff;padding:14px 18px 12px;padding-top:calc(14px + env(safe-area-inset-top,0px));flex-shrink:0;box-shadow:0 2px 8px #ff6b810f}.tb-row{display:flex;align-items:center;gap:10px}.tb-iw{width:36px;height:36px;border-radius:var(--r8);background:var(--pink-bg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);flex-shrink:0}.tb-ttl{font-size:var(--fs-lg);font-weight:500;color:var(--t1);flex:1}.gear-btn{width:30px;height:30px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:var(--fs-lg)}.tab-bar{display:flex;background:#fff;padding:0 16px;flex-shrink:0;box-shadow:0 1px 4px #ff6b810a}.tab-btn{flex:1;padding:10px 0;font-size:var(--fs-sm);font-weight:500;color:var(--t3);text-align:center;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s}.tab-btn.active{color:var(--pink);border-bottom-color:var(--pink)}.det-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0;-webkit-overflow-scrolling:touch}.slabel{font-size:var(--fs-xs);font-weight:500;letter-spacing:.7px;color:var(--t3);text-transform:uppercase;padding:0 2px;flex-shrink:0}.cal-card{background:linear-gradient(135deg,#fffbfc,#fff);border-radius:var(--r16);border:1px solid var(--bl);padding:16px;flex-shrink:0;box-shadow:0 2px 8px #ff6b8114}.cal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cal-month-lbl{font-size:var(--fs-md);font-weight:500;color:var(--t1)}.cal-nav{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-size:var(--fs-md);color:var(--t2);display:flex;align-items:center;justify-content:center}.cal-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.leg-i{display:flex;align-items:center;gap:4px}.leg-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.leg-t{font-size:var(--fs-xs);color:var(--t2)}.cal-wk{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.cal-wk-lbl{text-align:center;font-size:var(--fs-xs);color:var(--t3);padding:3px 0}.cal-row{display:grid;grid-template-columns:repeat(7,1fr)}.cc{height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;font-size:var(--fs-sm);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--t1);margin:2px}.cc.other,.cc.future{color:var(--t3);pointer-events:none}.cc.today-cell{font-weight:500}.cc-today-lbl{display:none;position:absolute;top:1px;font-size:var(--fs-xs);color:var(--pink);font-weight:500}.cc.today-cell .cc-today-lbl{display:block}.cc.period{background:var(--pink);color:#fff}.cc.ovulation-day{background:var(--purple);color:#fff}.cc.ovulation-period{background:#805ad526}.cc.ovulation-period .cc-num{color:var(--purple700)}.cc.fertile{background:#805ad526}.cc.fertile .cc-num{color:var(--purple700)}.cc.pred{background:#ff6b814d;border-left:3px solid var(--pink)}.cc.pred .cc-num{color:var(--pink700);font-weight:500}.cc.sel-cell{outline:2.5px solid var(--pink);outline-offset:1px}.cc-sym-dot{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--warn)}.cc-num{font-size:var(--fs-sm);line-height:1}.day-inline-card{background:#f0eeff;border-radius:var(--r12);padding:12px 14px;margin:4px 0;flex-shrink:0}.dic-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.dic-mark-btn{background:var(--pink);color:#fff;border:none;border-radius:20px;padding:6px 14px;font-size:var(--fs-sm);font-weight:500;cursor:pointer}.dic-cancel-btn{background:var(--card);color:var(--t2);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:var(--fs-sm);cursor:pointer}.period-fields{margin-top:10px;padding-top:10px;border-top:1px solid rgba(128,90,213,.2);display:flex;flex-direction:column;gap:4px}.pf-label{font-size:var(--fs-xs);font-weight:500;color:var(--purple700);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.flow-row{display:flex;gap:8px}.flow-btn{flex:1;padding:8px 4px;border-radius:var(--r8);border:1.5px solid var(--border);background:var(--card);text-align:center;cursor:pointer;transition:all .15s}.flow-btn.on{border-color:var(--pink);background:var(--pink-bg)}.flow-ico{font-size:var(--fs-md);margin-bottom:2px}.flow-lbl{font-size:var(--fs-xs);color:var(--t2);font-weight:500}.flow-btn.on .flow-lbl{color:var(--pink700)}.chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 11px;border-radius:16px;border:1px solid var(--border);font-size:var(--fs-sm);cursor:pointer;color:var(--t2);background:var(--card);transition:all .15s}.chip.on{background:var(--pink-bg);border-color:var(--pink);color:var(--pink700)}.chip.emo.on{background:var(--purple-bg);border-color:var(--purple);color:var(--purple700)}.save-row{display:flex;gap:8px}.pf-save{flex:1;background:var(--pink);color:#fff;border:none;border-radius:var(--r8);padding:10px;font-size:var(--fs-sm);font-weight:500;cursor:pointer}.pf-skip{background:var(--card);color:var(--t3);border:1px solid var(--border);border-radius:var(--r8);padding:10px 14px;font-size:var(--fs-sm);cursor:pointer}.ana-card{background:linear-gradient(135deg,#fffbfc,#fff);border-radius:var(--r16);border:1px solid var(--bl);padding:14px;flex-shrink:0;box-shadow:0 2px 8px #ff6b8114}.blood-color-row{display:flex;gap:8px;margin-bottom:14px}.blood-color-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:var(--r12);border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .15s}.blood-color-btn.on{border-color:var(--pink);background:var(--pink-bg)}.blood-color-swatch{width:28px;height:28px;border-radius:50%;flex-shrink:0}.blood-color-lbl{font-size:var(--fs-xs);color:var(--t2);font-weight:500;text-align:center;line-height:1.3}.blood-color-btn.on .blood-color-lbl{color:var(--pink700)}.blood-color-tag{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.clot-row{display:flex;gap:8px;margin-bottom:14px}.clot-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:var(--r12);border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .15s;text-align:center}.clot-btn.on{border-color:var(--pink);background:var(--pink-bg)}.clot-btn.warn-on{border-color:#e24b4a;background:#fcebeb}.clot-icon{font-size:var(--fs-2xl)}.clot-lbl{font-size:var(--fs-sm);color:var(--t2);font-weight:500;line-height:1.3}.clot-btn.on .clot-lbl{color:var(--pink700)}.clot-btn.warn-on .clot-lbl{color:#a32d2d}.clot-warn{background:#fcebeb;border:1px solid #f09595;border-radius:var(--r8);padding:8px 12px;display:flex;gap:8px;align-items:flex-start;margin-top:-6px;margin-bottom:8px}.clot-warn-text{font-size:var(--fs-sm);color:#791f1f;line-height:1.55}.quick-overlay-section{margin-bottom:16px}.quick-overlay-label{font-size:var(--fs-sm);font-weight:500;color:var(--t2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}.clot-btn-name{font-size:var(--fs-sm);font-weight:500;color:var(--t2);line-height:1.3;margin-bottom:1px;word-break:keep-all}.clot-btn-desc{font-size:var(--fs-xs);color:var(--t3);line-height:1.3;text-align:center}.clot-btn-score{font-size:var(--fs-xs);font-weight:600;color:var(--pink);margin-top:2px}.clot-warn-box{background:#fcebeb;border:1px solid #f09595;border-radius:var(--r8);padding:8px 12px;margin-top:8px;font-size:var(--fs-xs);color:#791f1f;line-height:1.55}.pbac-overlay-btn-add{width:100%;padding:14px;border-radius:24px;border:none;background:var(--pink);color:#fff;font-size:var(--fs-lg);font-weight:500;cursor:pointer;font-family:Noto Sans TC,sans-serif;transition:opacity .2s}.pbac-overlay-btn-add:disabled{opacity:.4;cursor:default}.pbac-overlay-btn-cancel{width:100%;padding:10px;border-radius:24px;border:none;background:transparent;color:var(--t3);font-size:var(--fs-md);cursor:pointer;margin-top:6px;font-family:Noto Sans TC,sans-serif}.pbac-overlay-content{padding:0 20px calc(28px + var(--safe-bottom))}.pbac-overlay-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:14px auto 16px}.pbac-overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pbac-overlay-title{font-size:var(--fs-lg);font-weight:500;color:var(--t1)}.pbac-overlay-summary{font-size:var(--fs-sm);color:var(--t2)}.pbac-overlay-day{font-size:var(--fs-xs);color:var(--t3);margin-bottom:16px}.pbac-product-icon-img{width:48px;height:48px;object-fit:contain}.pbac-bar-card{background:linear-gradient(135deg,#fff5f7,#fff);border-radius:var(--r16);border:1px solid var(--bl);padding:12px 14px;flex-shrink:0;box-shadow:0 2px 8px #ff6b810f}.pbac-bar-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.pbac-bar-title{font-size:var(--fs-xs);font-weight:500;color:var(--t2)}.pbac-bar-nums{display:flex;align-items:baseline;gap:4px}.pbac-bar-score{font-size:var(--fs-2xl);font-weight:700}.pbac-bar-limit{font-size:var(--fs-xs);color:var(--t3)}.pbac-bar-quick-btn{background:var(--pink);color:#fff;border:none;border-radius:20px;padding:6px 14px;font-size:var(--fs-sm);font-weight:500;cursor:pointer;font-family:Noto Sans TC,sans-serif}.pbac-bar-est{font-size:var(--fs-sm);color:var(--t3);margin-top:8px;text-align:right}.pbac-bar-track{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-bottom:8px}.pbac-bar-fill{height:100%;border-radius:4px;transition:width .4s}.pbac-bar-status{font-size:var(--fs-xs);display:flex;align-items:center;gap:6px;border-radius:8px;padding:6px 10px}.pbac-info-modal-content{padding:24px;max-height:85%;overflow-y:auto}.pbac-info-modal-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:-10px auto 18px}.pbac-info-modal-title{font-size:var(--fs-xl);font-weight:700;color:var(--t1)}.pbac-info-modal-body{font-size:var(--fs-sm);color:var(--t2);line-height:1.6;margin-bottom:12px}.pbac-info-score-box{background:var(--pink-bg);border-left:3px solid var(--pink);padding:12px;border-radius:var(--r8);margin-bottom:12px}.pbac-info-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:var(--fs-sm)}.pbac-info-std-box{background:#f0f9ff;border-left:3px solid #3b82f6;padding:10px;border-radius:var(--r8);font-size:var(--fs-sm);color:#1e3a5f;line-height:1.5}.pbac-info-footer{font-size:var(--fs-xs);color:var(--t3);margin-top:12px;line-height:1.6;font-style:italic}.pbac-info-btn{width:100%;padding:14px;border-radius:24px;border:none;background:var(--pink);color:#fff;font-size:var(--fs-lg);font-weight:600;cursor:pointer;margin-top:12px}.pbac-icon-sm{width:14px;height:14px;display:inline-block;margin-right:4px}.pbac-icon-std{width:12px;height:12px;display:inline-block;vertical-align:middle}.pbac-bar-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pbac-log-list{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.pbac-log-item{display:flex;align-items:center;gap:36px;padding:7px 10px;background:var(--bg);border-radius:var(--r8)}.pbac-log-svg{flex-shrink:0}.pbac-log-info{flex:1;min-width:0}.pbac-log-name{font-size:var(--fs-xs);font-weight:500;color:var(--t1)}.pbac-log-time{font-size:var(--fs-xs);color:var(--t3)}.pbac-log-score{font-size:var(--fs-sm);font-weight:500;color:var(--pink700);flex-shrink:0;margin-right:4px}.pbac-log-del{width:22px;height:22px;border-radius:50%;border:none;background:#0000000f;color:var(--t3);font-size:var(--fs-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.pbac-add-sheet{background:var(--bg);border-radius:var(--r12);padding:10px;margin-bottom:8px}.pbac-add-title{font-size:var(--fs-xs);font-weight:500;color:var(--t2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.pbac-add-options{display:flex;flex-direction:column;gap:6px}.pbac-add-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--card);border-radius:var(--r8);border:1.5px solid var(--border);cursor:pointer;transition:all .15s}.pbac-add-opt:active{transform:scale(.98)}.pbac-add-opt.selected{border-color:var(--pink);background:var(--pink-bg)}.pbac-add-opt-info{flex:1}.pbac-add-opt-name{font-size:var(--fs-sm);font-weight:500;color:var(--t1)}.pbac-add-opt-desc{font-size:var(--fs-xs);color:var(--t3)}.pbac-add-opt.selected .pbac-add-opt-name{color:var(--pink700)}.pbac-add-confirm{width:100%;padding:11px;border-radius:var(--r12);border:none;background:var(--pink);color:#fff;font-size:var(--fs-sm);font-weight:500;cursor:pointer;margin-top:8px;font-family:Noto Sans TC,sans-serif;transition:opacity .15s}.pbac-add-confirm:disabled{opacity:.4;cursor:default}.pbac-add-btn{width:100%;padding:10px;border-radius:var(--r12);border:1.5px dashed var(--border);background:transparent;color:var(--t2);font-size:var(--fs-sm);font-weight:500;cursor:pointer;font-family:Noto Sans TC,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px}.pbac-toggle-btn{flex:1;padding:6px 0;border-radius:17px;border:none;background:transparent;font-size:var(--fs-xs);font-weight:500;color:var(--t2);cursor:pointer;font-family:Noto Sans TC,sans-serif;transition:all .2s}.pbac-toggle-btn.on{background:var(--card);color:var(--pink700);box-shadow:0 1px 4px #00000014}.pbac-product-row{display:flex;gap:8px;margin-bottom:16px}.pbac-product-btn{flex:1;padding:10px 8px;border-radius:var(--r12);border:1.5px solid var(--border);background:var(--card);text-align:center;cursor:pointer;transition:all .15s}.pbac-product-btn.on{border-color:var(--pink);background:var(--pink-bg)}.pbac-product-icon{font-size:var(--fs-2xl);margin-bottom:4px}.pbac-product-label{font-size:var(--fs-sm);color:var(--t2);font-weight:500}.pbac-product-btn.on .pbac-product-label{color:var(--pink700)}.pbac-level-row{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.pbac-level-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r12);border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .15s}.pbac-level-item.selected{border-color:var(--pink);background:var(--pink-bg)}.pbac-svg-wrap{flex-shrink:0}.pbac-level-info{flex:1;min-width:0}.pbac-level-name{font-size:var(--fs-sm);font-weight:500;color:var(--t1);margin-bottom:2px}.pbac-level-desc{font-size:var(--fs-xs);color:var(--t3);line-height:1.4}.pbac-counter{display:flex;align-items:center;gap:8px;flex-shrink:0}.pbac-counter-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg);font-size:var(--fs-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t1);line-height:1}.pbac-counter-val{font-size:var(--fs-lg);font-weight:500;color:var(--t1);min-width:20px;text-align:center}.pbac-score-bar{margin-bottom:14px}.pbac-score-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.pbac-score-val{font-size:var(--fs-3xl);font-weight:700}.pbac-score-label{font-size:var(--fs-xs);color:var(--t2)}.pbac-score-limit{font-size:var(--fs-xs);color:var(--t3)}.pbac-track{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.pbac-track-fill{height:100%;border-radius:4px;transition:width .3s,background .3s}.pbac-status{font-size:var(--fs-xs);margin-top:6px;display:flex;align-items:center;gap:5px}.pbac-cycle-total{background:var(--bg);border-radius:var(--r8);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pbac-cycle-lbl{font-size:var(--fs-xs);color:var(--t2)}.pbac-cycle-val{font-size:var(--fs-sm);font-weight:500}.ai-inline{margin-top:12px;padding-top:12px;border-top:1px solid var(--bl);display:flex;gap:10px;align-items:flex-start}.ai-inline-ic{width:28px;height:28px;border-radius:8px;background:var(--pink-bg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);flex-shrink:0;margin-top:1px}.ai-inline-body{flex:1}.ai-inline-lbl{font-size:var(--fs-xs);font-weight:500;color:var(--pink700);letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px}.ai-inline-text{font-size:var(--fs-sm);color:var(--t1);line-height:1.6}.ai-inline-loading{font-size:var(--fs-sm);color:var(--t3);line-height:1.6;display:flex;align-items:center;gap:6px}.insight-page{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.phase-banner{border-radius:var(--r16);padding:14px 16px;flex-shrink:0;background:var(--phase-bg);border:1px solid var(--phase-border)}.phase-banner-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.phase-banner-title{font-size:var(--fs-xl);font-weight:700;color:var(--phase-text)}.phase-banner-advice-btn{display:flex;align-items:center;padding:10px;margin:-10px;cursor:pointer}.phase-banner-advice-lbl{font-size:var(--fs-sm);font-weight:600;color:var(--phase-lbl);white-space:nowrap}.phase-banner-desc{color:var(--phase-text);font-size:var(--fs-md);line-height:1.6;font-weight:500}.phase-banner-divider{border-top:1px solid var(--phase-border);margin-bottom:12px}.phase-cycle-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.phase-cycle-item{background:#fff9;border-radius:var(--r8);padding:10px}.phase-cycle-lbl{font-size:var(--fs-xs);color:var(--phase-lbl);opacity:.8;margin-bottom:4px}.phase-cycle-val{font-size:var(--fs-md);font-weight:600;color:var(--phase-text);margin-bottom:2px}.phase-cycle-note{font-size:var(--fs-xs);color:var(--phase-text);opacity:.6}.insight-card{background:linear-gradient(135deg,#fffbfc,#fff);border-radius:var(--r16);border:1px solid var(--bl);padding:14px 16px;flex-shrink:0;box-shadow:0 2px 8px #ff6b8114}.insight-card-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}.insight-card-ic{width:32px;height:32px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);flex-shrink:0}.insight-card-title{font-size:var(--fs-sm);font-weight:500;color:var(--t1)}.insight-action-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--bl)}.insight-action-item:last-child{border-bottom:none;padding-bottom:0}.insight-action-num{width:20px;height:20px;border-radius:50%;background:var(--pink-bg);color:var(--pink700);font-size:var(--fs-xs);font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.insight-action-text{font-size:var(--fs-sm);color:var(--t1);line-height:1.6;flex:1}.insight-action-text b{font-weight:500;color:var(--t1)}.insight-action-text small{font-size:var(--fs-xs);color:var(--t2);display:block;margin-top:2px;line-height:1.5}.insight-stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.insight-stat{background:var(--bg);border-radius:var(--r8);padding:10px;text-align:center}.insight-stat-val{font-size:var(--fs-xl);font-weight:700;color:var(--t1)}.insight-stat-lbl{font-size:var(--fs-xs);color:var(--t2);margin-top:2px}.insight-warn{background:#fffbeb;border:1px solid rgba(245,158,11,.3);border-radius:var(--r8);padding:10px 12px;display:flex;gap:8px;align-items:flex-start}.insight-warn-ic{font-size:var(--fs-md);flex-shrink:0;margin-top:1px}.insight-warn-text{font-size:var(--fs-sm);color:#78350f;line-height:1.55}.insight-ok{background:#ecfdf5;border:1px solid rgba(16,185,129,.25);border-radius:var(--r8);padding:10px 12px;display:flex;gap:8px;align-items:flex-start}.insight-ok-text{font-size:var(--fs-sm);color:#065f46;line-height:1.55}.next-period-row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.next-period-date{font-size:var(--fs-2xl);font-weight:700;color:var(--pink700)}.next-period-sub{font-size:var(--fs-sm);color:var(--t2)}.fertile-row{display:flex;gap:6px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--bl)}.fertile-ic{width:8px;height:8px;border-radius:50%;background:var(--purple);flex-shrink:0}.fertile-text{font-size:var(--fs-sm);color:var(--t2)}.insight-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:14px}.insight-loading-text{font-size:var(--fs-md);color:var(--t2)}.insight-error{background:#fff0f3;border:1px solid var(--pink100);border-radius:var(--r12);padding:16px;text-align:center;margin:8px 0}.insight-error-text{font-size:var(--fs-sm);color:var(--pink700);line-height:1.6;margin-bottom:12px}.insight-retry-btn{background:var(--pink);color:#fff;border:none;border-radius:20px;padding:8px 20px;font-size:var(--fs-sm);font-weight:500;cursor:pointer;font-family:Noto Sans TC,sans-serif}.ana-title{font-size:var(--fs-sm);font-weight:500;color:var(--t1);margin-bottom:4px}.ana-sub{font-size:var(--fs-xs);color:var(--t2);margin-bottom:12px}.bar-row{display:flex;gap:6px;align-items:flex-end;height:80px}.bar-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px;height:100%;justify-content:flex-end}.bar-fill{width:100%;border-radius:4px 4px 0 0;min-height:10px}.bar-lbl{font-size:var(--fs-xs);color:var(--t2)}.sym-list{display:flex;flex-direction:column;gap:8px}.sym-row{display:flex;align-items:center;gap:8px}.sym-name{font-size:var(--fs-sm);color:var(--t1);width:32px;flex-shrink:0}.sym-bar{flex:1;height:6px;border-radius:3px;background:var(--bg);overflow:hidden}.sym-fill{height:100%;color:var(--t2);width:28px;text-align:right;flex-shrink:0}.settings-container{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#fff}.settings-sub-header{display:flex;align-items:center;padding:8px 16px;gap:2px}.back-arrow{font-size:var(--fs-3xl);color:var(--t2);cursor:pointer;padding:0 10px}.settings-icon-box{width:36px;height:36px;background:#fff0f1;border-radius:8px;flex-shrink:0}.settings-title{font-size:18px;font-weight:500;color:var(--t1)}.settings-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.setting-card{background:#fff;border-radius:var(--r16);border:1px solid #f0f0f0;overflow:hidden;box-shadow:0 4px 12px #00000008}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid #f0f0f0}.setting-row:last-child{border-bottom:none}.setting-lbl{font-size:16px;font-weight:500;color:var(--t1);margin-bottom:4px}.setting-sub{font-size:13px;color:var(--t2);line-height:1.4}.setting-range{font-size:12px;color:#bbb;margin-top:4px}.mini-stepper{display:flex;align-items:center;gap:12px}.ms-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);font-size:var(--fs-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t1)}.ms-val{font-size:var(--fs-xl);font-weight:500;color:var(--t1);min-width:32px;text-align:center}.save-settings-btn{background:#ff6b81;color:#fff;border:none;border-radius:22px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;margin-top:0;margin-bottom:24px;width:100%;box-shadow:0 4px 12px #ff6b8133}#s-settings{display:none;flex-direction:column;flex:1;overflow:hidden}#s-settings.active{display:flex}#s-main{display:none;flex-direction:column;flex:1;overflow:hidden}#s-main.active{display:flex}#s-history{display:none;flex-direction:column;flex:1;overflow:hidden}#s-history.active{display:flex}.history-scroll{overflow-y:auto;padding:4px;flex:1}.history-empty-state{text-align:center;padding:40px 20px;color:var(--t3)}.history-error-banner{padding:10px 14px;margin:8px 12px;background:#fff3cd;border-radius:8px;font-size:var(--fs-xs);color:#856404}.history-list{display:flex;flex-direction:column;gap:2px}.h-detail-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.h-section-ttl-no-mb{margin-bottom:0!important}.h-info-icon{cursor:pointer;color:var(--t3);display:flex;align-items:center;padding:4px;margin:-4px}.empty-record-text{font-size:var(--fs-xs);color:var(--t3)}.leg-dot-pink{background:var(--pink)}.leg-dot-pred{background:#ff6b814d}.leg-dot-ov-period{background:#805ad54d}.leg-dot-ov-day{background:var(--purple)}.toast{position:fixed;bottom:calc(16px + var(--safe-bottom));left:50%;transform:translate(-50%) translateY(20px);background:#374151;color:#fff;padding:10px 20px;border-radius:24px;font-size:var(--fs-sm);opacity:0;transition:all .3s ease;pointer-events:none;white-space:nowrap;z-index:200}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.api-saving{position:fixed;bottom:calc(80px + var(--safe-bottom));right:16px;background:var(--card);border:1px solid var(--bl);border-radius:12px;padding:8px 12px;font-size:var(--fs-sm);color:var(--t2);display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:200}.api-saving.show{opacity:1}.api-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0}.api-dot.saving{background:var(--warn);animation:pulse 1s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--r12);padding:12px 14px;font-size:var(--fs-sm);color:#991b1b;display:flex;align-items:center;gap:8px;flex-shrink:0}#tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none}#tutorial-overlay:not(.hidden){pointer-events:auto}#tutorial-overlay.hidden{display:none}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;animation:fadeIn .4s ease;z-index:500}.tutorial-spotlight{position:fixed;width:0;height:0;border-radius:50%;background:#ff6b811a;box-shadow:0 0 0 9999px #000000bf;z-index:501;animation:spotlightGlow 1.5s ease-in-out infinite,spotlightOuterBreathe 3s ease-in-out infinite,spotlightPulse 3s ease-in-out infinite}@keyframes spotlightGlow{0%{box-shadow:0 0 0 9999px #000000bf,0 0 30px #ff6b8166}50%{box-shadow:0 0 0 9999px #000000bf,0 0 50px #ff6b8199}to{box-shadow:0 0 0 9999px #000000bf,0 0 30px #ff6b8166}}@keyframes spotlightOuterBreathe{0%{box-shadow:0 0 0 9999px #000000a6}50%{box-shadow:0 0 0 9999px #000c}to{box-shadow:0 0 0 9999px #000000a6}}@keyframes spotlightPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip{position:fixed;background:#fff;border-radius:var(--r12);box-shadow:0 8px 24px #00000026;z-index:502;animation:tooltipSlideUp .4s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.tutorial-tooltip.hidden{display:none}@keyframes tooltipSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tutorial-arrow{position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;bottom:-10px;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tutorial-content{padding:14px 16px;text-align:center}.tutorial-text{font-size:var(--fs-lg);font-weight:500;color:var(--t1);margin-bottom:12px;line-height:1.5}.tutorial-btn{background:var(--pink);color:#fff;border:none;border-radius:20px;padding:8px 24px;font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;font-family:Noto Sans TC,sans-serif}.tutorial-btn:active{opacity:.85;transform:scale(.98)}.tutorial-btn:hover{opacity:.95}.svg-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;flex-shrink:0}.test-tube-wrapper{position:relative;width:20px;height:55px;margin:5px auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.08));transform:rotate(15deg)}.test-tube-rim{position:absolute;top:-1px;left:-2px;width:24px;height:3px;background:#fff;border-radius:2px;z-index:10;box-shadow:0 1px 2px #0000000d}.test-tube-body{position:absolute;width:100%;height:100%;background:#fff6;border:1px solid #ffffff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;display:flex;flex-direction:column-reverse;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.test-tube-body:before{content:"";position:absolute;top:10%;left:10%;width:12%;height:75%;background:linear-gradient(to bottom,rgba(255,255,255,.7),transparent);border-radius:5px;z-index:15;pointer-events:none}.liquid-sample{width:100%;border-top:.5px solid rgba(255,255,255,.3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{width:100%;max-width:500px;background:#fff;border-radius:24px 24px 0 0;padding:0 20px;padding-bottom:calc(28px + var(--safe-bottom));position:relative;max-height:85%;overflow-y:auto;box-shadow:0 -10px 25px #00000026;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:14px auto 18px;flex-shrink:0}.advice-modal-header{margin-bottom:12px}.advice-items{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.advice-item{display:flex;gap:12px;align-items:flex-start}.advice-item-ic{min-width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);flex-shrink:0}.advice-item-body{flex:1}.advice-item-ttl{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.advice-item-text{font-size:var(--fs-md);line-height:1.65}.advice-summary-box{border-radius:12px;padding:14px 16px;margin-bottom:20px}.advice-summary-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.advice-summary-text{font-size:var(--fs-md);line-height:1.7}.advice-confirm-btn{width:100%;padding:14px;border-radius:24px;border:none;color:#fff;font-size:var(--fs-lg);font-weight:600;cursor:pointer;font-family:Noto Sans TC,sans-serif;transition:transform .1s}.advice-confirm-btn:active{transform:scale(.98)}.history-card-wrap{background:var(--card);border-radius:var(--r16);border:1px solid var(--bl);overflow:hidden;margin-bottom:12px}.history-card-main{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:64px}.history-card-info{flex:1;min-width:0}.h-card-dates{font-size:var(--fs-sm);font-weight:600;color:var(--t1)}.h-card-dur{font-size:var(--fs-xs);color:var(--t2);margin-top:2px}.h-card-badges{display:flex;align-items:center;gap:6px}.h-badge-pbac{font-size:var(--fs-xs);font-weight:500;padding:2px 8px;border-radius:10px}.h-badge-status{font-size:var(--fs-xs);padding:2px 8px;border-radius:10px;background:var(--bg);color:var(--t3);margin-left:4px}.h-badge-status.current{background:var(--pink-bg);color:var(--pink700)}.h-card-arr{font-size:var(--fs-sm);font-weight:500;color:var(--t3);transition:all .25s;display:inline-block;margin-left:6px;white-space:nowrap}.h-card-arr.open{transform:rotate(180deg)}.history-card-detail{padding:14px;border-top:1px solid var(--bl);display:flex;flex-direction:column;gap:16px;background:linear-gradient(to bottom,#fafafa,#fff)}.h-detail-section{display:flex;flex-direction:column;gap:8px}.h-section-ttl{font-size:var(--fs-xs);font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.h-chip.sym{padding:3px 10px;border-radius:12px;background:var(--pink-bg);color:var(--pink700);font-size:var(--fs-xs);border:1px solid var(--pink100)}.h-chip.emo{padding:3px 10px;border-radius:12px;background:var(--purple-bg);color:var(--purple700);font-size:var(--fs-xs);border:1px solid rgba(128,90,213,.2)}.h-tubes{display:flex;gap:8px;justify-content:space-between;padding:4px 0}.h-tube-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.h-tube-day{font-size:var(--fs-xs);color:var(--t3);white-space:nowrap}.h-tube-clot{font-size:var(--fs-xs);line-height:1.2;text-align:center;min-height:2.4em;display:flex;align-items:center;justify-content:center}.h-pbac-bars{display:flex;gap:8px;align-items:flex-end;padding-bottom:4px}.h-pbac-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px;min-width:0}.h-pbac-score{font-size:var(--fs-xs);color:var(--t2);font-weight:600}.h-pbac-track{width:100%;background:var(--bg);border-radius:3px;height:48px;display:flex;align-items:flex-end;overflow:hidden}.h-pbac-fill{width:100%;border-radius:3px 3px 0 0;transition:height .3s ease}.h-pbac-label{font-size:10px;color:var(--t3)}.h-tubes{display:flex;gap:8px;justify-content:space-around;padding:4px 0}.h-tube-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.h-tube-day{font-size:var(--fs-xs);color:var(--t3)}.h-tube-clot{font-size:10px;text-align:center;line-height:1.2}.h-chips{display:flex;flex-wrap:wrap;gap:6px}.h-chip{padding:4px 10px;border-radius:12px;font-size:var(--fs-xs);font-weight:500}.h-chip.sym{background:var(--pink-bg);color:var(--pink700);border:1px solid var(--pink100)}.h-chip.emo{background:var(--purple-bg);color:var(--purple700);border:1px solid rgba(128,90,213,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dic-title-row{display:flex;align-items:center;gap:6px;font-size:var(--fs-md);font-weight:500;color:var(--t1)}.dic-status{font-size:var(--fs-xs);color:var(--t3);font-weight:400}.pbac-summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pbac-summary-left{font-size:var(--fs-sm);color:var(--t2)}.pbac-summary-left b{font-weight:500;color:var(--t1)}.pbac-summary-right{font-size:var(--fs-sm);color:var(--t2);display:flex;align-items:center;gap:6px}.pbac-summary-right b{font-weight:500}.pbac-color-grid{display:flex;gap:6px}.pbac-color-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:var(--r12);border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .15s}.pbac-color-item.selected{border-color:var(--pink);background:var(--pink-bg)}.pbac-color-circle{width:22px;height:22px;border-radius:50%}.pbac-color-label{font-size:var(--fs-xs);color:var(--t2);font-weight:500;text-align:center}.pbac-clot-grid{display:flex;gap:6px}.pbac-clot-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:var(--r12);border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .15s;text-align:center}.pbac-clot-item.selected{border-color:var(--pink);background:var(--pink-bg)}.pbac-clot-item.selected.warn{border-color:#e24b4a;background:#fcebeb}.pbac-clot-label{font-size:var(--fs-sm);color:var(--t2);font-weight:500;line-height:1.3;margin-bottom:2px;word-break:keep-all}.pbac-clot-desc{font-size:var(--fs-xs);color:var(--t3);line-height:1.3}.pbac-clot-score{font-size:var(--fs-xs);font-weight:600;color:var(--pink)}.pbac-clot-warn-box{background:#fcebeb;border:1px solid #f09595;border-radius:var(--r8);padding:8px 10px;margin-top:6px;font-size:var(--fs-xs);color:#791f1f;line-height:1.55}.pbac-add-cancel{width:100%;margin-top:8px;background:none;border:none;color:var(--t3);font-size:var(--fs-sm);cursor:pointer;padding:4px}.pf-label-mt10{margin-top:10px}.pf-label-mt20{margin-top:20px}.pbac-add-confirm-mt12{margin-top:12px}.pbac-add-plus{font-size:var(--fs-lg);line-height:1}.pbac-add-title-mt10{margin-top:10px}.pbac-empty{font-size:var(--fs-sm);color:var(--t3);text-align:center;padding:12px 0}.pli-dot-sep{font-weight:400}.pli-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);color:var(--t2);margin-right:4px}.pli-color-circle{width:8px;height:8px;border-radius:50%;display:inline-block}.pli-badge-warn{color:#a32d2d!important}.save-row-mt20{margin-top:20px}.pbac-log-svg{width:32px;height:32px;align-self:flex-start;margin-top:2px}.pbac-log-name{font-size:14px;letter-spacing:-.2px}.pli-badge{font-weight:500;color:#374151}.pli-color-dot{font-size:12px;margin-right:2px}.pbac-log-time{font-size:12px;color:#9ca3af;margin-top:2px}.pli-right-wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2px}.pli-score-val{font-size:15px;color:#e11d48}.pbac-log-del{width:20px;height:20px;font-size:14px}.pli-right-wrap{min-width:45px;align-items:flex-end;padding-right:4px}.pli-score-val{margin-right:4px}.pbac-summary-right b.success{color:#059669}.pbac-summary-right b.warning{color:#854f0b}.pbac-summary-right b.danger{color:#a32d2d}.pli-badge.warn{color:#a32d2d!important}.pbac-info-modal-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.pbac-info-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--t2);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.pbac-info-section{margin-bottom:12px}.pbac-info-subtitle{color:var(--t3);font-size:var(--fs-sm)}.pbac-info-range-safe{color:var(--pink700)}.pbac-info-range-warn{color:var(--warn);font-weight:600}.pbac-info-range-danger{color:#a32d2d;font-weight:600}.pbac-info-dot-blue{color:#6b9bd1}.pbac-color-clot-modal-content{width:100%;max-width:500px;padding:26px}.pbac-color-clot-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:none}.pbac-color-clot-modal-title{font-size:var(--fs-lg);font-weight:700;color:var(--t1)}.pbac-color-clot-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--t2);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease}.pbac-color-clot-modal-close:hover{color:var(--t1)}.pbac-color-clot-modal-body{line-height:1.7}.pbac-color-clot-section{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.pbac-color-clot-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pbac-color-clot-section strong{color:var(--t1);display:block;margin-bottom:8px;font-size:var(--fs-md)}.pbac-color-clot-section p{color:var(--t2);font-size:var(--fs-md);margin:0;line-height:1.6}.h-info-icon{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:background-color .2s ease,color .2s ease;color:var(--t3)}.h-info-icon:hover{background-color:#e3183714;color:var(--t2)}.dic-today{color:var(--t1);font-weight:700}.dic-status{color:var(--t3);font-weight:400;margin-left:4px}.modal-overlay.bottom-sheet{align-items:flex-end}.modal-content-bottom{background:#fff;border-radius:24px 24px 0 0;padding:24px;width:100%;box-shadow:0 -2px 16px #0000001a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header-simple{margin-bottom:12px}.modal-title-left{font-size:var(--fs-lg);font-weight:600;color:var(--t1)}.modal-body-simple{display:flex;flex-direction:column}.modal-desc-text{font-size:var(--fs-md);color:var(--t2);line-height:1.6;margin-bottom:20px}.modal-btn-col{display:flex;flex-direction:column;gap:12px}.modal-btn-white{width:100%;padding:14px;border-radius:16px;border:1px solid var(--border);background:#fff;color:var(--t1);font-size:var(--fs-lg);font-weight:500;cursor:pointer}.modal-btn-pink{width:100%;padding:14px;border-radius:16px;border:none;background:var(--pink);color:#fff;font-size:var(--fs-lg);font-weight:500;cursor:pointer}.modal-btn-ghost{width:100%;padding:14px;border-radius:16px;border:none;background:transparent;color:var(--t3);font-size:var(--fs-lg);font-weight:500;cursor:pointer}