:root{--bg-primary: #0c0f1a;--bg-secondary: #161b2e;--bg-tertiary: #1f2640;--bg-card: #161b2e;--bg-elevated: #1c2238;--text-primary: #eef0f6;--text-secondary: #8b92a8;--text-muted: #565e78;--accent: #6366f1;--accent-light: #a5b4fc;--accent-soft: rgba(99, 102, 241, .12);--accent-glow: rgba(99, 102, 241, .2);--border: rgba(255, 255, 255, .06);--border-focus: rgba(99, 102, 241, .5);--danger: #fb4e6a;--danger-soft: rgba(251, 78, 106, .12);--success: #34d399;--success-soft: rgba(52, 211, 153, .12);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-xs: 8px;--radius-sm: 12px;--radius: 16px;--radius-lg: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--font-sans: "PingFang SC", -apple-system, BlinkMacSystemFont, "Noto Sans SC", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Menlo", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.6}input,textarea,button{font-family:inherit}input,textarea{-webkit-user-select:text;user-select:text}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.header{padding:calc(var(--safe-top) + var(--sp-3)) var(--sp-5) var(--sp-3);display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);z-index:10;flex-shrink:0}.header-title{font-size:21px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-light) 0%,#c4b5fd 50%,#f9a8d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:var(--sp-2);align-items:center}.icon-btn{width:var(--sp-10);height:var(--sp-10);border-radius:var(--radius-full);border:none;background:var(--bg-secondary);color:var(--text-secondary);font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.icon-btn:active{transform:scale(.9);background:var(--bg-tertiary)}.tab-bar{display:flex;padding:0 var(--sp-4);gap:var(--sp-1);flex-shrink:0;background:var(--bg-primary);border-bottom:1px solid var(--border)}.tab-item{flex:1;padding:var(--sp-3) 0;text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);position:relative}.tab-item.active{color:var(--accent-light);border-bottom-color:var(--accent)}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-4);padding-bottom:calc(80px + var(--safe-bottom));-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.content::-webkit-scrollbar{width:0}.idea-card{background:var(--bg-card);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-3);border:1px solid var(--border);transition:transform var(--duration-fast) var(--ease-out);position:relative}.idea-card:active{transform:scale(.985)}.idea-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3);gap:var(--sp-2)}.idea-card .card-category{font-size:11px;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-weight:600;letter-spacing:.02em}.idea-card .card-time{font-size:11px;color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.idea-card .card-content{font-size:15px;line-height:1.7;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word}.idea-card .card-content a{color:var(--accent-light);text-decoration:none;border-bottom:1px solid var(--accent-soft);transition:border-color var(--duration-fast)}.idea-card .card-content a:hover{border-bottom-color:var(--accent-light)}.idea-card .card-image{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius-sm);margin-top:var(--sp-3)}.idea-card .card-actions{display:flex;gap:var(--sp-4);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border)}.card-action-btn{font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--sp-1) 0;font-weight:500;transition:color var(--duration-fast)}.card-action-btn:active{color:var(--text-primary)}.card-action-btn.danger:active{color:var(--danger)}.date-group{margin-bottom:var(--sp-2)}.date-label{font-size:12px;font-weight:700;color:var(--text-muted);padding:var(--sp-2) var(--sp-1);position:sticky;top:0;background:var(--bg-primary);z-index:2;letter-spacing:.04em;text-transform:uppercase}.fab{position:fixed;bottom:calc(var(--sp-6) + var(--safe-bottom));left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:var(--radius-full);background:var(--accent);color:#fff;border:none;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 24px var(--accent-glow),0 0 0 4px #6366f114;z-index:100;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.fab:active{transform:translate(-50%) scale(.88);box-shadow:0 2px 12px var(--accent-glow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn var(--duration-normal) var(--ease-out)}.modal-sheet{background:var(--bg-elevated);width:100%;max-width:480px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--sp-5);padding-bottom:calc(var(--sp-5) + var(--safe-bottom));max-height:85vh;overflow-y:auto;animation:slideUp var(--duration-slow) var(--ease-out)}.modal-center{align-items:center}.modal-center .modal-sheet{border-radius:var(--radius-lg);margin:0 var(--sp-4);max-height:80vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.modal-handle{width:32px;height:4px;background:var(--bg-tertiary);border-radius:2px;margin:0 auto var(--sp-4)}.modal-title{font-size:18px;font-weight:700;margin-bottom:var(--sp-4);letter-spacing:-.01em}.form-group{margin-bottom:var(--sp-4)}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-2);display:block;letter-spacing:.01em}.form-input{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:15px;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);font-family:inherit;line-height:1.6}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{min-height:100px;resize:vertical}.btn-primary{width:100%;padding:var(--sp-4);border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast);letter-spacing:.01em}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{width:100%;padding:var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast)}.btn-secondary:active{transform:scale(.98);background:var(--bg-secondary)}.category-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.category-tag{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-size:13px;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast),border-color var(--duration-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.category-tag:active{transform:scale(.94)}.category-tag.selected{border-color:#ffffff4d;box-shadow:0 0 12px #ffffff0f}.category-tag.add-tag{background:var(--bg-tertiary);color:var(--text-secondary);border:1.5px dashed var(--text-muted)}.category-tag.add-tag:active{background:var(--bg-primary);border-color:var(--accent);color:var(--accent-light)}.inline-cat-creator{display:flex;gap:var(--sp-2);margin-top:var(--sp-3);animation:fadeIn var(--duration-normal) var(--ease-out)}.inline-cat-creator input{flex:1;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none}.inline-cat-creator input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.inline-cat-creator button{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out)}.inline-cat-creator button:active{transform:scale(.95)}.empty-cat-hint{color:var(--text-muted);font-size:13px;text-align:center;padding:var(--sp-4);line-height:1.6}.view-toggle{display:flex;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:3px;gap:2px;flex:1}.view-toggle-btn{flex:1;padding:var(--sp-2) 0;text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);border:none;background:none;border-radius:var(--radius-xs);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast) var(--ease-out)}.view-toggle-btn.active{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 1px 4px #00000026}.view-toggle-btn:active{transform:scale(.97)}.cat-view-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast) var(--ease-out);margin-bottom:2px}.cat-view-header:active{background:var(--bg-tertiary);transform:scale(.99)}.filter-bar{display:flex;gap:var(--sp-2);padding:var(--sp-1) 0 var(--sp-3);overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast);white-space:nowrap}.filter-chip.active{border-color:var(--accent);color:var(--accent-light);background:var(--accent-soft)}.report-section{margin-bottom:var(--sp-5)}.report-section-title{font-size:15px;font-weight:700;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.report-section-title .dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.report-stat{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}.stat-card{flex:1;background:var(--bg-card);border-radius:var(--radius-sm);padding:var(--sp-4);text-align:center;border:1px solid var(--border)}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-light),#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:11px;color:var(--text-muted);margin-top:var(--sp-1);font-weight:500;letter-spacing:.04em}.report-idea-item{padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);border:1px solid var(--border)}.report-idea-item .ri-time{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.report-idea-item .ri-content{font-size:14px;margin-top:var(--sp-1);line-height:1.6}.week-selector{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-2) 0 var(--sp-4)}.week-nav-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast)}.week-nav-btn:active{background:var(--bg-tertiary)}.week-label{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-5);text-align:center}.empty-icon{font-size:40px;margin-bottom:var(--sp-4);opacity:.8}.empty-title{font-size:16px;font-weight:700;color:var(--text-secondary);margin-bottom:var(--sp-2)}.empty-desc{font-size:13px;color:var(--text-muted);line-height:1.6;max-width:240px}.suggest-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);font-size:11px;background:var(--accent-soft);color:var(--accent-light);margin-top:var(--sp-2);cursor:pointer;font-weight:500}.color-picker{display:flex;gap:var(--sp-3);flex-wrap:wrap}.color-dot{width:28px;height:28px;border-radius:var(--radius-full);cursor:pointer;border:2px solid transparent;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast)}.color-dot.selected{border-color:#fff;transform:scale(1.2)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);background:var(--bg-card);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);border:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast)}.settings-item:active{background:var(--bg-tertiary)}.settings-item-label{font-size:15px;font-weight:500}.settings-item-arrow{color:var(--text-muted)}.toast{position:fixed;top:calc(var(--safe-top) + 56px);left:50%;transform:translate(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-full);font-size:14px;font-weight:500;z-index:999;animation:fadeIn var(--duration-normal) var(--ease-out);box-shadow:0 4px 24px #0006,0 0 0 1px var(--border)}.backup-banner{position:fixed;top:calc(var(--safe-top) + 56px);left:var(--sp-2);right:var(--sp-2);max-width:464px;margin:0 auto;z-index:300;animation:slideBannerDown var(--duration-slow) var(--ease-out)}@keyframes slideBannerDown{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}.backup-banner.hiding{animation:slideBannerUp .3s ease-in forwards}@keyframes slideBannerUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-120%);opacity:0}}.backup-banner-inner{background:linear-gradient(135deg,#0f1f14,var(--bg-secondary));border:1px solid rgba(52,211,153,.15);border-radius:var(--radius);padding:var(--sp-4);box-shadow:0 8px 32px #00000080,0 0 24px #34d3990a}.backup-banner .bb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.backup-banner .bb-title{font-size:14px;font-weight:700;color:var(--success);display:flex;align-items:center;gap:var(--sp-2)}.backup-banner .bb-close{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:#ffffff0f;color:var(--text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast)}.backup-banner .bb-close:active{background:#ffffff1f}.backup-banner .bb-rows{display:flex;flex-direction:column;gap:var(--sp-2)}.backup-banner .bb-row{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:12px;line-height:1.6}.backup-banner .bb-row-icon{flex-shrink:0;width:18px;text-align:center;margin-top:1px}.backup-banner .bb-row-label{color:var(--text-muted);flex-shrink:0;min-width:56px}.backup-banner .bb-row-value{color:var(--text-primary);word-break:break-all}.backup-banner .bb-row-value.highlight{color:var(--success);font-weight:600}.backup-banner .bb-safe-note{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--success-soft);border-radius:var(--radius-xs);font-size:11px;color:var(--text-secondary);line-height:1.7;display:flex;align-items:flex-start;gap:var(--sp-2)}.backup-banner .bb-safe-note .note-icon{flex-shrink:0;margin-top:1px}.backup-banner-inner.error{background:linear-gradient(135deg,#1f0f10,var(--bg-secondary));border-color:#fb4e6a26}.backup-banner-inner.error .bb-title{color:var(--danger)}.confirm-buttons{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}.confirm-buttons button{flex:1;padding:var(--sp-3);border-radius:var(--radius-sm);border:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.confirm-buttons button:active{transform:scale(.97)}.confirm-buttons .cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.confirm-buttons .danger-btn{background:var(--danger);color:#fff}