:root{--terracotta: #b94a22;--terracotta-ink: #93401b;--cocoa: #3a2a1c;--sun: #dda141;--app-bg: #faf5ec;--pane-bg: #f7efe2;--card-bg: #ffffff;--border: #eadbc2;--muted: #8a7458;--muted-2: #6e5c44;--hairline: #f0e6d2;--disabled: #d8c9ac;--chip-warm: #f4e2ce;--success-bg: #f4f9f2;--success-border: #cbe3cf;--success-text: #1f7a48;--warn-bg: #fbf3e8;--warn-text: #b0483a;--link: #2a6fdb;--font-display: "Comfortaa", system-ui, sans-serif;--font-ui: "Onest", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh;min-height:100dvh}body{margin:0;background:var(--app-bg);color:var(--cocoa);font-family:var(--font-ui)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--app-bg)}.app-content{flex:1 0 auto}.devbar{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:column;align-items:stretch;pointer-events:none}.devbar-toggle{pointer-events:auto;align-self:center;margin-bottom:10px;background:var(--pane-bg);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font:500 12px var(--font-ui);cursor:pointer;box-shadow:0 4px 14px #3a2a1c2e}.devbar-menu{pointer-events:auto;background:var(--card-bg);border-top:1px solid var(--border);max-height:45vh;overflow:auto;padding:8px calc(8px + env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}.devbar-item{text-align:left;background:var(--pane-bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--cocoa);font:500 13px var(--font-ui);cursor:pointer}.devbar-item.on{border-color:var(--terracotta);color:var(--terracotta)}.devbar-item .muted{color:var(--muted);font-size:11px}