:root{--background: oklch(.98 .005 60);--card: oklch(1 0 0);--secondary: oklch(.95 .02 60);--muted: oklch(.94 .01 60);--foreground: oklch(.18 .02 45);--secondary-fg: oklch(.25 .02 45);--muted-foreground: oklch(.45 .02 45);--primary: oklch(.55 .15 35);--primary-fg: oklch(.99 0 0);--green: oklch(.65 .12 150);--green-light: oklch(.95 .04 150);--red: oklch(.577 .245 27.325);--red-light: oklch(.96 .025 27);--amber: oklch(.75 .12 80);--amber-light: oklch(.96 .03 80);--purple: oklch(.6 .1 290);--purple-light: oklch(.96 .02 290);--border: oklch(.9 .01 60);--border2: oklch(.87 .01 60);--radius: .75rem;--shadow: 0 2px 8px oklch(.18 .02 45 / .06);--shadow-sm: 0 1px 3px oklch(.18 .02 45 / .04);--bg: var(--background);--bg2: var(--card);--bg3: var(--secondary);--bg4: var(--muted);--text: var(--foreground);--text2: var(--secondary-fg);--text3: var(--muted-foreground);--accent: var(--primary);--r: calc(var(--radius) + 4px);--r2: var(--radius);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--background);color:var(--foreground);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app-shell{display:flex;flex-direction:column;height:100dvh;background:var(--background);max-width:430px;margin:0 auto}.app-sidebar{display:none}.app-body{flex:1;display:flex;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding-bottom:max(80px,calc(64px + env(safe-area-inset-bottom)));-webkit-overflow-scrolling:touch}.app-bottom-nav{display:flex;background:var(--card);border-top:1px solid var(--border);padding:8px 0 max(8px,env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:50}@media (min-width: 768px){.app-shell{flex-direction:column;max-width:none;margin:0;width:100%}.app-body{flex-direction:row}.app-sidebar{display:flex;flex-direction:column;width:220px;min-width:220px;border-right:1px solid var(--border);background:var(--card);padding:12px;gap:2px;overflow-y:auto}.app-bottom-nav{display:none}.app-content{padding-bottom:24px;max-width:860px}}button,input,select,textarea{font-family:var(--font);font-size:15px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--secondary) inset!important;-webkit-text-fill-color:var(--foreground)!important;caret-color:var(--foreground)}a{color:var(--primary);text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeSlideIn .2s ease;padding-top:16px}.action-btn:active{transform:scale(.95);background:var(--secondary)!important}.action-btn{transition:transform .1s ease,background .15s ease}