:root{color-scheme:light;--bg: #f4efe7;--surface: rgba(255, 255, 255, .78);--surface-strong: #ffffff;--ink: #17201b;--muted: #5f6c64;--line: rgba(23, 32, 27, .12);--graphite: #101412;--warm: #f7f1e8;--accent: #8fb996;--accent-deep: #5e8871;--shadow: 0 20px 60px rgba(16, 20, 18, .12);font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:1.4;font-weight:400;color:var(--ink);background:radial-gradient(circle at top left,rgba(143,185,150,.35),transparent 28%),linear-gradient(180deg,#fbf7f1 0%,var(--bg) 52%,#efe8dc 100%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(100%,960px);margin:0 auto;padding:20px 16px 48px}.panel{margin-bottom:16px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#101412eb,#1e2a23e6),var(--graphite);color:var(--warm)}.eyebrow{margin:0 0 8px;letter-spacing:.12em;text-transform:uppercase;color:#f7f1e8b8;font-size:.75rem}.hero-panel h1,.section-head h2,.section-head h3{margin:0}.hero-panel h1{font-size:clamp(2rem,7vw,3.3rem);line-height:.95}.hero-meta,.section-head p,.entry-context,.empty-state p{margin:0;color:var(--muted)}.hero-meta{color:#f7f1e8cc;margin-top:12px}.hero-mark{position:relative;width:92px;height:92px;flex:0 0 auto}.hero-ring,.hero-dot,.hero-check{position:absolute}.hero-ring{top:10px;right:10px;bottom:10px;left:10px;border:5px solid var(--warm);border-radius:999px}.hero-dot{top:34px;right:34px;bottom:34px;left:34px;border-radius:999px;background:var(--accent)}.hero-check{left:50px;top:24px;width:30px;height:48px;border-right:5px solid var(--accent);border-bottom:5px solid var(--accent);transform:rotate(44deg)}.section-head{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.compact-head{margin-bottom:14px}.summary-grid,.estimate-grid,.behavior-grid{display:grid;gap:12px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{padding:14px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line)}.summary-card span{display:block;margin-bottom:8px;color:var(--muted);font-size:.9rem}.summary-card strong{display:block;font-size:1.1rem}.accent-card{background:linear-gradient(180deg,#8fb9962e,#ffffffeb)}.field{display:flex;flex-direction:column;gap:8px;color:var(--graphite)}.field span{font-size:.92rem}.field input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong);color:var(--ink)}.field input:focus{outline:2px solid rgba(143,185,150,.5);outline-offset:2px}.primary-button{min-height:52px;padding:14px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:#fffdf8;font-weight:600;transition:transform .14s ease,opacity .14s ease}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button:not(:disabled):active{transform:translateY(1px) scale(.99)}.input-panel,.estimate-card,.behavior-card{display:grid;gap:16px}.estimate-card,.behavior-card{padding:16px;border-radius:20px;background:#ffffffb8;border:1px solid var(--line)}.estimate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1 / -1}.status-note{margin:0;padding:12px 14px;border-radius:14px}.success-note{background:#8fb9962e;color:#204130}.error-note{background:#17201b14;color:#51302b}.empty-state,.entry-card{padding:16px;border-radius:20px;background:var(--surface-strong);border:1px solid var(--line)}.entries-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.entry-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.entry-topline span{color:var(--muted);white-space:nowrap}.entry-macros{margin:10px 0 8px}.entry-badge{display:inline-flex;margin-top:8px;padding:8px 10px;border-radius:999px;background:#8fb99633;color:#214432;font-size:.9rem;font-weight:600}@media (min-width: 760px){.app-shell{padding:32px 20px 64px}.panel{padding:24px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.estimate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
