/* Shared 42moto tokens, matching Projects/42moto/docs/theme.md. */
:root,:root:not([data-theme]),:root[data-theme]{--bg:#fff;--surface:#fff;--surface-2:#ededed;--fg:#4b4b4d;--muted:#686868;--line:#ccc;--accent:#e24f51;--accent-2:#e24f51;--font-display:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,monospace;color-scheme:light}
html,body{background:#fff;color:#686868;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}
.wrap,main{max-width:1170px;margin:0 auto;padding:24px 24px 48px}a{color:#686868}a:hover{color:#e24f51}
.account-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:58px;margin:0 0 22px;flex-wrap:wrap}.account-nav .brand-logo{margin-right:auto;display:block;text-decoration:none;flex:0 0 auto}.brand-logo img{display:block;width:205px;height:52px;object-fit:contain;object-position:left center}.account-nav>button,.account-nav>a:not(.brand-logo){font-size:13px;font-weight:400;color:#777}.account-nav #languagePicker{margin-left:0!important}.account-nav select{font-size:13px;padding:6px 8px!important;min-height:32px;border-radius:3px!important;background:#fff!important}
.brand-nav{display:flex;gap:0;background:#e24f51;min-height:39px;align-items:center;margin:0 0 28px;padding:0 8px;border-radius:0}.brand-nav a{padding:10px 16px;color:#fff;text-decoration:none;font-size:15px;line-height:1.25}.brand-nav a:hover{background:#c94044;color:#fff}
h1{font-family:var(--font-display);color:#4b4b4d;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:0;margin:18px 0 10px;text-transform:uppercase}h2,h3{font-family:var(--font-display);color:#4b4b4d}.eyebrow{font-family:inherit;font-size:11px;letter-spacing:.12em;color:#909090}.lede,header>p{max-width:760px;color:#686868;font-size:15px}.vswitch{border:1px solid #ccc;border-radius:3px;padding:3px;margin-top:18px}.vswitch button{font-size:14px;border-radius:2px}.vswitch button[aria-pressed=true]{background:#e24f51}
.promptcard,.addcard,#accountPanel,#votePanel{color:#686868;background:#f8f8f8;border:1px solid #ddd;border-radius:4px;padding:22px;margin:20px 0}.promptcard h2,.addcard h2{font-size:18px;text-transform:uppercase;font-weight:500;letter-spacing:0;margin:0 0 12px}.promptcard .phint{font-size:14px;opacity:1}.promptrow{gap:10px}.promptrow input{background:#fff;border:1px solid #ccc}.promptcard .formerr{color:#b42328}
.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.field label{font-size:12px;letter-spacing:.04em;color:#686868}.field.full{grid-column:1/-1}input,select{background:#fff;border:1px solid #ccc;border-radius:3px;min-height:42px;color:#4b4b4d;font-family:inherit;font-size:14px}input[type=checkbox]{width:16px;min-height:16px;height:16px;vertical-align:middle;margin:0 7px 0 0;accent-color:#e24f51}input:disabled,select:disabled{background:#f1f1f1}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #e24f51;outline-offset:3px}
button,.btn-primary,.btn-ghost,.btn-save{font-family:inherit;font-size:14px;border-radius:3px;min-height:40px;padding:9px 15px;line-height:1.3;box-shadow:none}.btn-primary,.btn-save{background:#e24f51;color:#fff;border:1px solid #e24f51}.btn-primary:hover,.btn-save:hover{background:#c94044;filter:none}.btn-ghost{background:#7a7a7a;color:#fff;border:1px solid #7a7a7a}.btn-ghost:hover{background:#e24f51;color:#fff;border-color:#e24f51}.btnrow{gap:10px;align-items:center}.account-nav button{padding:5px 0;min-height:32px;background:none;border:0;color:#777}.promptrow .mic{background:#eee;border-radius:3px}
.stats{gap:14px;margin:24px 0}.tile{background:#fff;border:1px solid #ddd;border-radius:3px;padding:17px 12px}.tile .num{font-family:inherit;color:#4b4b4d;font-weight:500}.tile .lab{font-family:inherit;font-size:11px;letter-spacing:.04em}.car{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:none}.car .name{font-family:inherit;color:#4b4b4d}.car .style{border-radius:2px;background:#ededed;color:#686868}.car .ctrls button{min-height:32px;padding:5px 8px;border-radius:3px}.listhead h2{font-size:20px;text-transform:uppercase;font-weight:500}.listtools{align-items:center}.listtools select{width:auto;min-height:36px}.foot{padding:20px;margin-top:32px;background:#ededed;color:#686868;border-bottom:5px solid #2b2b2b;font-size:12px}.freq{background:#f8f8f8;border-color:#ddd;border-radius:4px}
#saveNudge{background:#f7f7f7;border-left-color:#e24f51}#modelResults{background:#fff;border-color:#ccc;border-radius:3px}#modelResults [aria-selected=true]{background:#fce8e8}#modelSearch{width:100%}#accountPanel .fields{max-width:720px}#accountClose{float:right}#accountPanel p{max-width:850px}.filters button{background:#f8f8f8;color:#686868;border:1px solid #ccc}.filters button[aria-pressed=true]{background:#e24f51;border-color:#e24f51;color:#fff}#grid{gap:20px}.card{border:1px solid #ddd;border-radius:4px;background:#fff;padding:24px}.card .place{color:#e24f51;font-weight:600}.card h2{font-weight:500}.card a{color:#e24f51}.note{background:#ededed;padding:18px;border-bottom:5px solid #2b2b2b}
@media(min-width:900px){#typingPanel,.addcard,#accountPanel,#votePanel{max-width:920px;margin-left:auto;margin-right:auto}.stats,.freq,.listhead,#orderHint,.garage,#saveNudge{max-width:920px;margin-left:auto;margin-right:auto}}
@media(max-width:600px){.wrap,main{padding:16px 14px 32px}.account-nav{gap:12px;margin-bottom:16px}.brand-logo img{width:150px;height:42px}.account-nav .brand-logo{flex-basis:100%;margin-right:0}.account-nav>button{margin-left:auto}h1{font-size:26px}.brand-nav{margin-bottom:22px}.promptcard,.addcard,#accountPanel,#votePanel{padding:16px}.fields{grid-template-columns:minmax(0,1fr);gap:14px}.field.full{grid-column:auto}.btnrow button{flex:1 1 auto}.stats{gap:10px}.listhead{align-items:flex-start;gap:10px;flex-wrap:wrap}.car{min-width:0}.promptrow input{flex-basis:100%}}