*,*:before,*:after{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0f0f13;--surface1: #1a1a24;--surface2: #22222e;--surface3: #2c2c3a;--border: #35354a;--text1: #eeeef5;--text2: #9090aa;--text3: #5a5a72;--blue: #4facfe;--pink: #f77f8b;--blue-dim: rgba(79, 172, 254, .12);--pink-dim: rgba(247, 127, 139, .12)}body{margin:0;background:var(--bg);color:var(--text1);min-height:100vh}#root{min-height:100vh}button{font-family:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard{display:flex;flex-direction:column;gap:16px}.today-card{background:linear-gradient(135deg,#3a3fbf,#5a2d8a);border-radius:18px;padding:20px;color:#fff;box-shadow:0 4px 24px #5a3cb459}.today-title{font-size:.82rem;font-weight:500;opacity:.7;margin:0 0 16px;text-transform:uppercase;letter-spacing:.8px}.today-stats{display:flex;align-items:center;margin-bottom:14px}.today-stat{flex:1;text-align:center;background:none;border:none;color:#fff;font-family:inherit;cursor:pointer;border-radius:12px;padding:8px 4px;transition:background .15s}.today-stat:hover{background:#ffffff1a}.stat-num{display:block;font-size:3rem;font-weight:800;line-height:1}.stat-label{font-size:.82rem;opacity:.7;margin-top:5px;display:block}.today-divider{width:1px;height:52px;background:#fff3}.last-events{display:flex;flex-direction:column;gap:6px}.last-event{font-size:.8rem;opacity:.65;margin:0;background:#ffffff1a;border-radius:8px;padding:6px 10px}.range-row{display:flex;align-items:center;justify-content:space-between}.range-label{font-size:.95rem;font-weight:600;color:var(--text1)}.range-tabs{display:flex;background:var(--surface2);border-radius:10px;padding:3px;gap:2px}.range-tabs button{border:none;background:transparent;padding:6px 16px;border-radius:8px;font-size:.83rem;cursor:pointer;color:var(--text2);font-weight:500;transition:all .2s}.range-tabs button.active{background:var(--surface3);color:var(--text1);font-weight:600;box-shadow:0 1px 4px #0000004d}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{background:var(--surface1);border:1px solid var(--border);border-radius:14px;padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.sc-icon{font-size:1.25rem}.sc-value{font-size:1.5rem;font-weight:700;color:var(--text1);line-height:1}.sc-desc{font-size:.7rem;color:var(--text2);text-align:center;line-height:1.35}.chart-container{background:var(--surface1);border:1px solid var(--border);border-radius:16px;padding:18px 16px 12px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.chart-title{font-size:.95rem;font-weight:600;color:var(--text1)}.chart-type-tabs{display:flex;background:var(--surface2);border-radius:8px;padding:3px;gap:2px}.chart-type-tabs button{border:none;background:transparent;padding:5px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;color:var(--text2);font-weight:500;transition:all .2s}.chart-type-tabs button.active.may{background:var(--blue-dim);color:var(--blue);font-weight:700}.chart-type-tabs button.active.go{background:var(--pink-dim);color:var(--pink);font-weight:700}.chart-empty{text-align:center;color:var(--text3);font-size:.85rem;padding:40px 0}.recharts-cartesian-grid-horizontal line{stroke:var(--border)!important}.chart-tooltip{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;box-shadow:0 4px 16px #0006;font-size:.85rem}.ct-label{font-weight:600;color:var(--text2);margin:0 0 6px}.ct-row{margin:3px 0;color:var(--text1)}.heatmap-card{background:var(--surface1);border:1px solid var(--border);border-radius:16px;padding:16px}.heatmap-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.heatmap-title{font-size:.88rem;font-weight:700;color:var(--text1)}.heatmap-meta{font-size:.72rem;color:var(--text3)}.heatmap-periods{display:flex;flex-direction:column;gap:10px}.heatmap-period{display:flex;align-items:center;gap:10px}.heatmap-period-label{font-size:.72rem;color:var(--text3);width:72px;flex-shrink:0}.heatmap-cells{display:flex;gap:4px;flex:1}.heatmap-cell{flex:1;aspect-ratio:1;border-radius:6px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;min-width:0;transition:opacity .15s;cursor:default}.heatmap-cell-hour{font-size:.58rem;color:#fff9;line-height:1}.heatmap-cell.i0{background:var(--surface3)}.heatmap-cell.i0 .heatmap-cell-hour{color:var(--text3)}.heatmap-cell.i1{background:#4facfe40}.heatmap-cell.i2{background:#4facfe80}.heatmap-cell.i3{background:#4facfebf}.heatmap-cell.i4{background:#4facfe}.heatmap-footer{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.heatmap-peak-label{font-size:.72rem;color:var(--text3)}.heatmap-peak-val{font-size:.75rem;font-weight:600;color:var(--blue);flex:1}.heatmap-legend{display:flex;align-items:center;gap:3px}.heatmap-legend-label{font-size:.65rem;color:var(--text3);margin:0 2px}.heatmap-legend-cell{width:14px;height:14px;border-radius:3px}.heatmap-legend-cell.i0{background:var(--surface3)}.heatmap-legend-cell.i1{background:#4facfe40}.heatmap-legend-cell.i2{background:#4facfe80}.heatmap-legend-cell.i3{background:#4facfebf}.heatmap-legend-cell.i4{background:#4facfe}.pregnancy-card{background:var(--surface1);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.pregnancy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4facfe,#a855f7)}.pregnancy-card.empty{cursor:pointer;transition:background .15s}.pregnancy-card.empty:hover{background:var(--surface2)}.pc-emoji{font-size:1.8rem;flex-shrink:0}.pc-empty-title{font-size:.9rem;font-weight:600;color:var(--text1);margin:0}.pc-empty-sub{font-size:.75rem;color:var(--text3);margin:2px 0 0}.pc-arrow{font-size:1.4rem;color:var(--text3);margin-left:auto}.pc-week-block{display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:80px}.pc-week-num{font-size:1rem;font-weight:800;color:var(--blue);white-space:nowrap}.pc-days-left{font-size:.7rem;color:var(--text3);margin-top:2px;white-space:nowrap}.pc-divider{width:1px;height:40px;background:var(--border);flex-shrink:0}.pc-milestone{flex:1;display:flex;align-items:center;gap:8px;min-width:0;background:none;border:none;padding:6px 4px;border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.pc-milestone:hover{background:var(--surface2)}.pc-milestone-emoji{font-size:1.3rem;flex-shrink:0}.pc-milestone-text{flex:1;font-size:.78rem;color:var(--text2);line-height:1.4;margin:0}.pc-milestone-more{font-size:1.1rem;color:var(--text3);flex-shrink:0}.pc-edit-btn{background:none;border:none;font-size:.9rem;cursor:pointer;opacity:.4;padding:4px;flex-shrink:0;transition:opacity .15s}.pc-edit-btn:hover{opacity:1}.pc-edit-overlay{position:fixed;inset:0;background:#0009;z-index:400;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.pc-edit-box{background:var(--surface1);border:1px solid var(--border);border-radius:16px;padding:24px 20px;width:280px;animation:slideUp .2s ease}.pc-edit-label{font-size:.85rem;font-weight:600;color:var(--text2);margin:0 0 10px}.pc-edit-input{width:100%;background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-size:.95rem;color:var(--text1);outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .2s}.pc-edit-input:focus{border-color:var(--blue)}.pc-edit-actions{display:flex;gap:8px;margin-top:14px}.pc-edit-cancel{flex:1;padding:10px;background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;color:var(--text2);font-size:.88rem;font-weight:500;cursor:pointer;font-family:inherit}.pc-edit-save{flex:2;padding:10px;background:var(--blue);border:none;border-radius:10px;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit}.pc-detail-overlay{position:fixed;inset:0;background:#000000b3;z-index:400;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.pc-detail-sheet{background:var(--surface1);border-top:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:0 20px 36px;animation:slideUp .25s ease}.pc-detail-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:14px auto 0}.pc-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 0 4px}.pc-detail-week{font-size:.82rem;font-weight:700;color:var(--blue);background:var(--blue-dim);padding:4px 12px;border-radius:20px}.pc-detail-close{background:none;border:none;font-size:1rem;color:var(--text2);cursor:pointer;padding:4px 8px}.pc-detail-emoji{font-size:3rem;text-align:center;margin:16px 0 8px}.pc-detail-title{font-size:1rem;font-weight:700;color:var(--text1);text-align:center;margin:0 0 16px}.pc-detail-body{font-size:.9rem;color:var(--text2);line-height:1.7;margin:0 0 20px}.pc-detail-footer{border-top:1px solid var(--border);padding-top:14px;text-align:center}.pc-detail-days{font-size:.78rem;color:var(--text3)}.day-detail-overlay{position:fixed;inset:0;background:#000000b3;z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.day-detail-sheet{background:var(--surface1);border-top:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .25s ease;overflow:hidden}.dd-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:14px auto 0;flex-shrink:0}.dd-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-shrink:0}.dd-title{font-size:1rem;font-weight:700;color:var(--text1)}.dd-close{background:none;border:none;font-size:1rem;color:var(--text2);cursor:pointer;padding:4px 8px}.dd-summary{display:flex;gap:10px;padding:0 20px 12px;flex-shrink:0}.dd-badge{padding:5px 12px;border-radius:20px;font-size:.82rem;font-weight:600}.dd-badge.may{background:var(--blue-dim);color:var(--blue)}.dd-badge.go{background:var(--pink-dim);color:var(--pink)}.dd-tabs{display:flex;gap:6px;padding:0 20px 12px;flex-shrink:0}.dd-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface2);color:var(--text2);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.dd-tab-count{background:var(--surface3);border-radius:10px;padding:1px 6px;font-size:.72rem;color:var(--text3)}.dd-tab.active.all{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.dd-tab.active.all .dd-tab-count{background:transparent}.dd-tab.active.may{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.dd-tab.active.may .dd-tab-count{background:#4facfe33;color:var(--blue)}.dd-tab.active.go{border-color:var(--pink);background:var(--pink-dim);color:var(--pink)}.dd-tab.active.go .dd-tab-count{background:#f77f8b33;color:var(--pink)}.dd-empty{text-align:center;color:var(--text3);padding:30px;font-size:.9rem}.dd-list{list-style:none;padding:0 16px 24px;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.dd-item{background:var(--surface2);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-left:3px solid transparent}.dd-item.may{border-left-color:var(--blue)}.dd-item.go{border-left-color:var(--pink)}.dd-item-left{display:flex;align-items:flex-start;gap:10px}.dd-item-icon{font-size:1.2rem;line-height:1;margin-top:2px}.dd-item-type{display:block;font-weight:600;font-size:.88rem;color:var(--text1)}.dd-item-time{display:block;font-size:.8rem;color:var(--text2);margin-top:2px}.dd-item-note{display:block;font-size:.78rem;color:var(--text3);margin-top:4px;font-style:italic}.dd-item-info{display:flex;flex-direction:column}.dd-note-btn{background:none;border:none;padding:0;cursor:pointer;text-align:left;margin-top:4px;font-family:inherit}.dd-note-placeholder{font-size:.75rem;color:var(--text3);font-style:italic}.dd-note-edit{margin-top:6px;display:flex;flex-direction:column;gap:6px}.dd-note-input{background:var(--surface3);border:1.5px solid var(--blue);border-radius:8px;padding:6px 10px;font-size:.82rem;color:var(--text1);font-family:inherit;outline:none;width:180px}.dd-note-edit-actions{display:flex;gap:6px}.dd-note-save,.dd-note-cancel{padding:4px 12px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;border:none}.dd-note-save{background:var(--blue);color:#fff}.dd-note-cancel{background:var(--surface3);color:var(--text2)}.dd-delete{background:none;border:none;cursor:pointer;font-size:.95rem;opacity:.4;padding:4px;flex-shrink:0;align-self:flex-start;transition:opacity .15s}.dd-delete:hover{opacity:1}.dd-diary{display:flex;flex-direction:column;padding:0 16px 24px;gap:8px;overflow-y:auto}.dd-diary-textarea{background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-size:.9rem;color:var(--text1);font-family:inherit;line-height:1.6;resize:none;outline:none;min-height:180px;transition:border-color .2s}.dd-diary-textarea:focus{border-color:var(--blue)}.dd-diary-textarea::placeholder{color:var(--text3);font-style:italic}.dd-diary-status{min-height:18px;text-align:right}.dd-diary-saving{font-size:.75rem;color:var(--text3)}.dd-diary-saved{font-size:.75rem;color:#4ade80}.dd-tab.active.diary{border-color:#a855f7;background:#a855f71f;color:#a855f7}.history-page{display:flex;flex-direction:column;gap:14px;padding-bottom:120px}.hp-toolbar{display:flex;align-items:center;justify-content:space-between}.hp-count{font-size:.82rem;color:var(--text2)}.hp-export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;color:var(--text1);font-size:.83rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}.hp-export-btn:hover{border-color:var(--blue);color:var(--blue)}.hp-table{background:var(--surface1);border:1px solid var(--border);border-radius:16px;overflow:hidden}.hp-table-head{display:grid;grid-template-columns:1fr 80px 80px 80px;padding:10px 16px;background:var(--surface2);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.hp-row{display:grid;grid-template-columns:1fr 80px 80px 80px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .15s}.hp-row:last-child{border-bottom:none}.hp-row:hover{background:var(--surface2)}.hp-cell-date{display:flex;flex-direction:column}.hp-date{font-size:.9rem;font-weight:600;color:var(--text1)}.hp-dow{font-size:.72rem;color:var(--text3);margin-top:1px}.hp-cell-count{display:flex;align-items:baseline;gap:3px}.hp-num{font-size:1.15rem;font-weight:700}.hp-unit{font-size:.7rem;color:var(--text3)}.hp-cell-count.may .hp-num{color:var(--blue)}.hp-cell-count.go .hp-num{color:var(--pink)}.hp-detail-btn{background:var(--surface3);border:1px solid var(--border);border-radius:8px;color:var(--text2);font-size:.75rem;font-weight:600;padding:5px 10px;cursor:pointer;transition:all .2s;white-space:nowrap}.hp-detail-btn:hover{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}.hp-pagination{display:flex;justify-content:center;align-items:center;gap:6px}.hp-page-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface1);color:var(--text2);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.hp-page-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.hp-page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.hp-page-btn:disabled{opacity:.3;cursor:default}.hp-empty{text-align:center;color:var(--text3);padding:60px 20px;font-size:.9rem;line-height:2}.hp-empty p:first-child{font-size:2.5rem;margin-bottom:8px}.diary-page{display:flex;flex-direction:column;gap:12px}.diary-header{display:flex;align-items:center;justify-content:space-between}.diary-header-title{font-size:.95rem;font-weight:700;color:var(--text1)}.diary-today-btn{padding:8px 16px;background:var(--blue);border:none;border-radius:20px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.diary-today-btn:hover{opacity:.85}.diary-loading{text-align:center;color:var(--text3);font-size:.9rem;padding:30px}.diary-empty{text-align:center;padding:40px 20px}.diary-empty-emoji{font-size:2.5rem;margin:0 0 8px}.diary-empty-text{font-size:.95rem;font-weight:600;color:var(--text2);margin:0 0 6px}.diary-empty-sub{font-size:.8rem;color:var(--text3);margin:0}.diary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.diary-item{background:var(--surface1);border:1px solid var(--border);border-radius:14px;display:flex;align-items:stretch;position:relative;overflow:hidden;transition:background .15s}.diary-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#a855f7,#4facfe);border-radius:3px 0 0 3px}.diary-item-body{flex:1;padding:14px 16px;cursor:pointer;min-width:0}.diary-item-body:hover{background:var(--surface2)}.diary-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.diary-item-date{font-size:.82rem;font-weight:700;color:var(--text1)}.diary-item-time{font-size:.72rem;color:var(--text3)}.diary-item-preview{font-size:.83rem;color:var(--text2);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.diary-item-empty{color:var(--text3);font-style:italic}.diary-item-delete{background:none;border:none;border-left:1px solid var(--border);padding:0 14px;font-size:1rem;cursor:pointer;color:var(--text3);opacity:.45;flex-shrink:0;transition:opacity .15s}.diary-item-delete:hover{opacity:1}.diary-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0 4px}.diary-page-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text1);font-size:1.1rem;width:36px;height:36px;cursor:pointer;font-family:inherit;transition:background .15s}.diary-page-btn:disabled{opacity:.3;cursor:default}.diary-page-btn:not(:disabled):hover{background:var(--surface3)}.diary-page-info{font-size:.82rem;color:var(--text2);min-width:48px;text-align:center}.diary-overlay{position:fixed;inset:0;background:#000000b3;z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.diary-sheet{background:var(--surface1);border-top:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:0 20px 32px;display:flex;flex-direction:column;max-height:80vh;animation:slideUp .25s ease}.diary-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:14px auto 0;flex-shrink:0}.diary-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 0 12px;flex-shrink:0}.diary-sheet-date{font-size:.9rem;font-weight:700;color:var(--text1)}.diary-sheet-actions{display:flex;align-items:center;gap:4px}.diary-sheet-delete{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.4;padding:4px 8px;transition:opacity .15s}.diary-sheet-delete:hover{opacity:1}.diary-sheet-close{background:none;border:none;font-size:1rem;color:var(--text2);cursor:pointer;padding:4px 8px}.diary-sheet-textarea{background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-size:.9rem;color:var(--text1);font-family:inherit;line-height:1.65;resize:none;outline:none;min-height:200px;flex:1;transition:border-color .2s}.diary-sheet-textarea:focus{border-color:#a855f7}.diary-sheet-textarea::placeholder{color:var(--text3);font-style:italic}.diary-sheet-status{min-height:20px;text-align:right;padding-top:6px;flex-shrink:0}.diary-saving{font-size:.75rem;color:var(--text3)}.diary-saved{font-size:.75rem;color:#4ade80}.note-overlay{position:fixed;inset:0;background:#000000a6;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.note-modal{background:var(--surface1);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:16px 20px 32px;width:100%;max-width:480px;animation:slideUp .25s ease}.note-modal-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.note-modal-title{font-size:1rem;font-weight:600;margin:0 0 14px;color:var(--text1)}.quick-notes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.quick-note-chip{background:var(--surface2);border:1.5px solid var(--border);color:var(--blue);border-radius:20px;padding:5px 13px;font-size:.82rem;cursor:pointer;transition:background .15s}.quick-note-chip:hover{background:var(--blue-dim);border-color:var(--blue)}.note-modal-textarea{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-size:.92rem;resize:none;font-family:inherit;outline:none;background:var(--surface2);color:var(--text1);transition:border-color .2s;box-sizing:border-box}.note-modal-textarea::placeholder{color:var(--text3)}.note-modal-textarea:focus{border-color:var(--blue)}.note-modal-actions{display:flex;gap:10px;margin-top:14px}.btn-cancel{flex:1;padding:12px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text2);font-size:.95rem;cursor:pointer;font-weight:500}.btn-confirm{flex:2;padding:12px;border:none;border-radius:12px;color:#fff;font-size:.95rem;cursor:pointer;font-weight:600}.btn-confirm.may{background:linear-gradient(135deg,#4facfe,#00c6fb)}.btn-confirm.go{background:linear-gradient(135deg,#f77f8b,#f44336)}.floating-buttons{position:fixed;bottom:32px;right:24px;display:flex;flex-direction:column;gap:16px;z-index:100}.float-btn{width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 6px 24px #00000073;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.float-btn:hover{transform:scale(1.08);box-shadow:0 8px 30px #0000008c}.float-btn:active{transform:scale(.95)}.float-btn.may{background:linear-gradient(145deg,#4facfe,#00c6fb);color:#fff}.float-btn.go{background:linear-gradient(145deg,#f77f8b,#f44336);color:#fff}.float-btn-icon{font-size:1.5rem;line-height:1}.float-btn-label{font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.float-btn.flash:after{content:"";position:absolute;inset:0;border-radius:50%;background:#ffffff80;animation:ripple .6s ease forwards}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.install-banner{position:fixed;bottom:0;left:0;right:0;z-index:400;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:14px 16px 20px;background:var(--surface2);border-top:1px solid var(--border);box-shadow:0 -8px 32px #0006;animation:slideUp .3s ease}.install-icon{font-size:2rem;flex-shrink:0}.install-text{flex:1;display:flex;flex-direction:column;gap:2px}.install-text strong{font-size:.88rem;color:var(--text1)}.install-text span{font-size:.75rem;color:var(--text3)}.install-actions{display:flex;gap:8px;flex-shrink:0}.install-btn-dismiss{padding:7px 12px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text2);font-size:.8rem;cursor:pointer;font-weight:500}.install-btn-confirm{padding:7px 14px;background:var(--blue);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .2s}.install-btn-confirm:hover{opacity:.85}.update-prompt{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:400;display:flex;align-items:center;gap:12px;background:var(--surface1);border:1px solid var(--blue);border-radius:14px;padding:12px 16px;box-shadow:0 4px 20px #0006;animation:slideUp .3s ease;white-space:nowrap}.update-prompt-text{font-size:.88rem;font-weight:500;color:var(--text1)}.update-prompt-btn{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0}.nn-overlay{position:fixed;inset:0;background:#000000a6;z-index:500;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.nn-sheet{background:var(--surface1);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:0 20px 36px;width:100%;max-width:480px;animation:slideUp .25s ease}.nn-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:14px auto 20px}.nn-title{font-size:1rem;font-weight:700;color:var(--text1);margin:0 0 6px}.nn-hint{font-size:.8rem;color:var(--text3);margin:0 0 16px}.nn-input{width:100%;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-size:1rem;font-weight:600;color:var(--text1);outline:none;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.nn-input::placeholder{color:var(--text3);font-weight:400}.nn-input:focus{border-color:var(--blue)}.nn-actions{display:flex;gap:10px;margin-top:14px}.nn-btn-cancel{flex:1;padding:12px;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;color:var(--text2);font-size:.95rem;font-weight:500;cursor:pointer;font-family:inherit}.nn-btn-save{flex:2;padding:12px;background:linear-gradient(135deg,#4facfe,#00c6fb);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-header{background:var(--surface1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top)}.app-header-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.app-title{font-size:1.1rem;font-weight:800;color:var(--text1);letter-spacing:-.3px}.app-subtitle-btn{display:flex;align-items:center;gap:5px;background:none;border:none;padding:0;cursor:pointer;margin-top:2px;font-size:.75rem;color:var(--text3);font-family:inherit;text-align:left}.app-subtitle-btn strong{color:var(--blue);font-weight:600}.app-subtitle-btn:hover .app-edit-icon{opacity:1}.app-edit-icon{font-size:.7rem;opacity:.4;transition:opacity .2s;flex-shrink:0}.app-nav{display:flex;border-top:1px solid var(--border)}.app-nav-tab{flex:1;background:none;border:none;padding:10px 0;font-size:.88rem;font-weight:600;color:var(--text2);cursor:pointer;border-bottom:2.5px solid transparent;transition:color .2s,border-color .2s}.app-nav-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.app-main{flex:1;padding:16px 16px 0;display:flex;flex-direction:column;gap:16px}.bottom-spacer{height:160px}.app-loading{text-align:center;color:var(--text3);font-size:.88rem;padding:48px 0;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.app-reload-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text2);font-size:1.1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .25s;font-family:inherit;line-height:1}.app-reload-btn:hover{background:var(--surface3)}.app-reload-btn:active{transform:rotate(180deg)}.app-error-badge{font-size:.75rem;background:#f77f8b26;color:var(--pink);border:1px solid rgba(247,127,139,.3);border-radius:8px;padding:4px 10px;cursor:help}