.nav{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);position:sticky;top:0}.nav-inner{max-width:1200px;padding:0 var(--space-lg);align-items:center;gap:var(--space-md);height:56px;margin:0 auto;display:flex}.nav-logo{color:var(--text-primary);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.nav-logo span{background:linear-gradient(135deg, var(--finance), var(--finance-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-links{gap:var(--space-xs);margin-left:auto;display:flex}.nav-link{border-radius:var(--radius-pill);color:var(--text-secondary);padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{background:var(--bg-card);color:var(--text-primary)}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-pill);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--text-primary)}html.light .theme-toggle .moon-icon{display:block}html.light .theme-toggle .sun-icon{display:none}html.dark .theme-toggle .sun-icon{display:block}html.dark .theme-toggle .moon-icon{display:none}.main{min-height:100vh}.hero{padding:var(--space-4xl) var(--space-lg) var(--space-3xl);text-align:center;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(at 30% 20%,#f59e0b14 0%,#0000 60%),radial-gradient(at 70% 80%,#06b6d40f 0%,#0000 60%);position:absolute;inset:0}.hero-content{max-width:600px;margin:0 auto;position:relative}.hero-badge{border-radius:var(--radius-pill);color:var(--finance);letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--space-md);background:linear-gradient(135deg,#f59e0b1a,#f973161a);padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.hero-title{margin:0 0 var(--space-sm);color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(32px,5vw,48px);font-weight:700}.hero-subtitle{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.history-section{max-width:800px;padding:0 var(--space-lg) var(--space-4xl);margin:0 auto}.history-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.stat-badge{color:var(--text-secondary);border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-glass);padding:6px 14px;font-size:14px}.stat-badge strong{color:var(--text-primary)}.history-actions{gap:var(--space-xs);display:flex}.btn{border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:1px solid var(--hairline);background:var(--bg-card);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg, var(--finance), var(--finance-end));color:#fff;border:none}.btn-primary:hover{opacity:.9}.btn-danger{color:#ef4444}.btn-danger:hover{background:#ef44441a;border-color:#ef4444}.history-empty{align-items:center;gap:var(--space-md);padding:var(--space-5xl) var(--space-lg);text-align:center;flex-direction:column;display:flex}.history-empty h3{color:var(--text-primary);margin:0;font-size:20px}.history-empty p{color:var(--text-secondary);max-width:400px;margin:0;font-size:14px;line-height:1.6}.history-empty p strong{color:var(--finance)}.history-list{display:none}.h-card{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);transition:all .2s;animation:.3s fadeInUp;display:flex}.h-card:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-level-2)}.h-card-main{flex:1;min-width:0}.h-card-top{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.h-badge{border-radius:var(--radius-pill);color:var(--finance);background:linear-gradient(135deg,#f59e0b1a,#f973161a);padding:3px 10px;font-size:12px;font-weight:600}.h-date{color:var(--text-mute);font-size:12px}.h-tags{margin-bottom:var(--space-xs);flex-wrap:wrap;gap:4px;display:flex}.h-tag{background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--text-mute);padding:2px 8px;font-size:11px}.h-result-primary{color:var(--finance);margin:var(--space-xs) 0;font-size:20px;font-weight:700}.h-notes{color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);background:var(--canvas-soft);border-radius:var(--radius-sm);margin-top:var(--space-xs);font-size:13px;font-style:italic}.h-card-actions{flex-shrink:0;gap:4px;display:flex}.h-action-btn{border:1px solid var(--hairline);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-mute);cursor:pointer;background:0 0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.h-action-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.h-action-btn.delete-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.footer{border-top:1px solid var(--border-glass);padding:var(--space-xl) 0}.footer-inner{max-width:1200px;padding:0 var(--space-lg);text-align:center;color:var(--text-mute);margin:0 auto;font-size:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}