/* Loupilo Citron: values transcribed from the supplied brand foundation PDF. */
:root{color-scheme:dark;--bg:#1C1E21;--ink:#EEEDE8;--muted:#A6A7A5;--surface:#23262A;--raised:#2B2F34;--line:#414449;--control:#747A82;--citron:#D7E45B;--hover:#E3EC83;--pressed:#C2D041;--success:#83C9A1;--warning:#E9BB75;--error:#EE9990;--info:#A9C6E8;--green:var(--citron);--teal:var(--ink);--mint:var(--surface);--white:var(--surface);--orange:var(--muted);--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px}
body{font:400 16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}h1,h2,h3,.brand{font-family:inherit;font-weight:600;letter-spacing:-.025em}h1,.pagehead h1,.signin-card h1,.intake-hero h1,.hero h1{font-size:28px;line-height:1.25}h2,.section h2,.mvp-panel h2{font-size:20px;line-height:1.35}h3{font-size:20px}button,input,textarea,select{font:inherit}label,.field label{font-size:14px}.fine,.stat .label{font-size:12px}.brand{display:inline-flex;flex-shrink:0;padding:4px;line-height:0;gap:0}.brand img,.sidebar .brand img,.mvp-header .brand img{display:block;width:160px;height:auto;padding:0;border-radius:0;background:transparent;object-fit:contain;min-width:140px}.sidebar .brand{margin-left:-5px}.brand-mark{background:none}.eyebrow,.hero h1 span,.intake-hero h1 span,.builder-summary strong{color:var(--muted)}
button,.button{min-height:44px;border-radius:6px;background:var(--citron);color:var(--bg);font-weight:600;padding:12px 16px;transition:background 120ms,color 120ms;filter:none}button:hover,.button:hover{background:var(--hover);filter:none}button:active,.button:active{background:var(--pressed)}button.secondary,button.ghost,.tabs button,.builder-steps button,.preview-selector button{background:var(--surface);color:var(--ink);border:1px solid var(--control)}button.secondary:hover,button.ghost:hover,.tabs button:hover,.builder-steps button:hover{background:var(--raised)}button.ghost{border-color:transparent}.tabs button.active,.builder-steps button.current,.preview-selector button.active,.preview-selector button.active:hover{background:var(--citron);color:var(--bg);border-color:var(--citron)}
:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible,.intake-gate:focus{outline:2px solid var(--citron);outline-offset:3px}input,textarea,select,.field input,.field textarea,.field select,.builder-evidence input,.builder-evidence select,.builder-suggestion textarea,.mvp-field textarea,.mvp-field select,.mapping-table select{background:var(--surface);color:var(--ink);border:1px solid var(--control);border-radius:6px;min-height:44px;padding:12px;max-width:100%;accent-color:var(--citron)}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px}input::placeholder,textarea::placeholder{color:var(--muted)}
.card,.stat,.profile,.report-mini,.finding,.import-preview,.builder-suggestion,.step-item,.mvp-offer{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none}.card,.profile,.report-mini{padding:24px}.row{gap:16px}.stack{gap:24px}.grid2,.grid3,.report-grid,.builder-grid{gap:24px}.note,.note.orange,.result-notice,.feature-lock,.tier-banner,.mini-finding,.mvp-upsell,.mvp-summary{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:8px}.result-notice,.feature-lock,.mini-finding{border-left:3px solid var(--control)}.hero-preview{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px}.hero-preview>.preview-top,.hero-preview .eyebrow{color:var(--muted)}.pill,.pill.orange,.section .card .pill,.stepnum{background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:4px}.score,.score.low,.mvp-score{background:var(--raised);color:var(--ink)}.chart .bar,.mini-bars div,.mini-bars div:nth-child(3){background:var(--control)}.chart .bar.critical{background:var(--warning)}.avatar{background:var(--raised);border-color:var(--line);color:var(--ink)}.sidebar{background:var(--surface);color:var(--ink);border-right:1px solid var(--line)}.sidebar .workspace,.sidebar .usage-box{background:var(--raised);border-color:var(--line);color:var(--ink)}.sidebar .bottom,.sidebar .bottom p,.sidebar .fine{color:var(--muted)}.sidebar nav a:hover{background:var(--raised)}.sidebar nav a.active{background:var(--raised);color:var(--citron);box-shadow:inset 3px 0 var(--citron)}.profile.selected,.mode.selected{border:2px solid var(--citron);background:var(--raised);color:var(--ink)}.profile,.mode{border-color:var(--control)}.drop{background:var(--surface);border-color:var(--control);border-radius:8px}.intake-workbench .dragging{outline:2px solid var(--citron);background:var(--raised)}.intake-gate{border-color:var(--line)}.wizard span.current{color:var(--citron);border-color:var(--citron)}.meter span,.progress>div{background:var(--control)}.annotation,#toast{background:var(--raised);color:var(--ink);border-color:var(--line)}.screen-demo .fake-button{background:var(--raised);color:var(--ink)}.mvp-root{background:var(--bg)}.mvp-header,.mvp-plugin{background:var(--surface)}.mvp-canvas{background:var(--bg)}.mvp-plugin-bar,.mvp-notice{background:var(--raised);color:var(--ink)}.mvp-frame{color:var(--ink)}.mvp-frame:hover{background:var(--surface);color:var(--ink)}.mvp-screen-cta{background:var(--raised);color:var(--ink)}.mvp-frame-check{color:var(--citron)}.screen-demo .chrome{background:var(--raised)}.screen-demo .fake-field{background:var(--surface);border-color:var(--control)}p a{text-decoration:underline;text-underline-offset:3px}.shell>*,.grid2>*,.grid3>*,.report-grid>*,.builder-grid>*,.mvp-workbench>*{min-width:0}p,h1,h2,h3{overflow-wrap:anywhere}.main{min-width:0}.form-actions{flex-wrap:wrap}.mvp-header nav{flex-wrap:wrap}.public-nav{gap:16px;height:auto;min-height:88px;padding:16px 0}.navlinks{flex-wrap:wrap;justify-content:flex-end}.mvp-packages .card{border-radius:8px}.hero,.intake-hero{padding-top:48px}.hero h1,.intake-hero h1{letter-spacing:-.025em}.hero p,.intake-hero>p{font-size:16px}.section{padding:48px 0}
@media(max-width:720px){.brand img,.sidebar .brand img,.mvp-header .brand img{width:140px}.card,.profile,.intake-workbench{padding:24px}.public-nav{align-items:flex-start}.navlinks{gap:8px}.navlinks .button,.navlinks button{padding:10px 12px;font-size:14px}.mvp-header{align-items:flex-start;gap:16px}.mvp-header nav{justify-content:flex-end;gap:8px}.row{flex-wrap:wrap}.mode{flex-basis:100%}.wizard{flex-wrap:wrap}.wizard span{flex:1 1 25%;font-size:12px}.hero h1,.intake-hero h1{font-size:28px}.sidebar nav a{min-height:44px}.stats{gap:12px}.form-actions button{flex:1 1 140px}.mvp-frames{grid-template-columns:1fr}.mvp-screen{min-height:220px}.container{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}