:root{--bg-canvas: #FAF6EE;--bg-canvas-gradient: radial-gradient(circle at 10% 20%, #FFFDF9 0%, #FAF6EE 50%, #F5ECE0 100%);--surface-card: #FFFFFF;--surface-card-muted: #F8F5EE;--surface-card-dark: #18181B;--surface-card-dark-secondary: #27272A;--color-primary: #F5C842;--color-primary-hover: #EAB308;--color-primary-light: #FEF08A;--color-primary-muted: rgba(245, 200, 66, .18);--text-primary: #18181B;--text-secondary: #71717A;--text-muted: #A1A1AA;--text-inverted: #FFFFFF;--border-subtle: rgba(230, 224, 212, .75);--border-card: rgba(0, 0, 0, .04);--border-active: #F5C842;--status-success: #22C55E;--status-warning: #F59E0B;--status-danger: #EF4444;--status-info: #38BDF8;--font-family-base: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-outer-card: 28px;--radius-card: 24px;--radius-widget: 18px;--radius-pill: 9999px;--radius-sm: 8px;--shadow-bento: 0 10px 30px -10px rgba(180, 160, 130, .12), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-float: 0 20px 40px -15px rgba(24, 24, 27, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background:var(--bg-canvas-gradient);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1400px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.bento-card{background:var(--surface-card);border-radius:var(--radius-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-bento);padding:24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.bento-card-dark{background:var(--surface-card-dark);color:var(--text-inverted);border:none}.capsule-nav{display:inline-flex;align-items:center;gap:6px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);box-shadow:0 4px 12px #00000008}.nav-pill-item{padding:8px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;border:none;background:transparent;transition:all .15s ease}.nav-pill-item:hover{color:var(--text-primary);background:#0000000a}.nav-pill-item.active{background:var(--surface-card-dark);color:var(--text-inverted)}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.pill-btn-primary{background:var(--color-primary);color:var(--text-primary)}.pill-btn-primary:hover{background:var(--color-primary-hover)}.pill-btn-dark{background:var(--surface-card-dark);color:var(--text-inverted)}.pill-btn-dark:hover{background:var(--surface-card-dark-secondary)}.pill-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-yellow{background:var(--color-primary-muted);color:#b45309}.badge-dark{background:var(--surface-card-dark);color:var(--text-inverted)}