:root{color-scheme:light;--bg: #fbf0e4;--panel: #fffaf4;--ink: #2f1b12;--muted: #6e5a50;--accent: #b56a42;--accent-soft: #f2d6c2;--card: #ffffff;--shadow: 0 18px 50px rgba(75, 44, 24, .08);--radius: 18px;font-family:Instrument Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fef7ef,#f6e6d7,#f2ddcb);color:var(--ink)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#f3d9c7 1px,transparent 1px);background-size:28px 28px;opacity:.4;pointer-events:none}h1,h2,h3{font-family:Fraunces,serif;margin:0}.section-header{display:grid;gap:6px;margin-bottom:14px}.section-subtitle{color:var(--muted);font-size:13px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:28px 20px;background:#fffaf4e6;border-right:1px solid #f1dfd0;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-badge{width:40px;height:40px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:Fraunces,serif;font-size:20px}.nav{display:flex;flex-direction:column;gap:8px}.nav button{border:none;background:transparent;padding:10px 14px;border-radius:12px;text-align:left;font-size:15px;color:var(--muted);cursor:pointer}.nav button.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.main{padding:32px}.mobile-topbar,.tabbar,.mobile-only{display:none}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel{background:var(--panel);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);animation:floatIn .6s ease both}.panel h2{margin-bottom:10px}.panel h3{margin-bottom:8px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{display:flex;flex-direction:column;gap:6px}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-size:26px;font-weight:600}.button{border:none;padding:10px 16px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;font-size:16px}.button.secondary{background:#f4e0cf;color:#5e4031}.input,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #ead7c8;background:#fff;font-family:inherit;font-size:16px}.field{display:grid;gap:6px}.field label{font-size:13px;color:var(--muted)}.field small{font-size:12px;color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 6px;border-bottom:1px solid #f2e5d8;font-size:14px}.card-stack,.chat{display:grid;gap:12px}.chat-shell{display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-height:360px}.chat-header{display:flex;align-items:center;justify-content:space-between}.chat-body{display:grid;gap:10px;padding:12px;background:#fff;border-radius:14px;border:1px solid #f2e5d8;min-height:220px;max-height:420px;overflow-y:auto}.chat-row{display:flex;align-items:flex-end;gap:8px}.chat-row.user{justify-content:flex-end}.chat-bubble{padding:12px 16px;border-radius:16px;background:#fff;box-shadow:var(--shadow);max-width:520px}.chat-bubble.user{background:#f4dcc8;margin-left:auto}.chat-meta{font-size:11px;color:var(--muted)}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:10px}.inline{display:flex;gap:12px;align-items:center}.edit-drawer{border:1px solid #f1dfd0}@keyframes floatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:100vh}.desktop-only{display:none!important}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:#fffaf4e6;border-bottom:1px solid #f1dfd0;position:sticky;top:0;z-index:10}.main{padding:20px 16px calc(88px + env(safe-area-inset-bottom)) 16px}.tabbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#fffaf4f2;border:1px solid #f1dfd0;border-radius:18px;padding:8px;box-shadow:var(--shadow);z-index:20}.tabbar button{border:none;background:transparent;padding:8px 6px;border-radius:12px;font-size:12px;color:var(--muted)}.tabbar button.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.edit-drawer{position:fixed;left:12px;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:18;box-shadow:var(--shadow);max-height:70vh;overflow:auto}.edit-drawer.open{animation:floatIn .4s ease both}.mobile-only{display:grid}}