:root,[data-theme="light"]{color-scheme:light;--mv-page:#F4F3EE;--mv-sidebar:#F4F3EE;--mv-panel:#FFFFFF;--mv-raised:#FFFFFF;--mv-text:#171B25;--mv-muted:#5C626F;--mv-border:#D6D8DE;--mv-link:#2946E0;--mv-primary:#3654FF;--mv-on-primary:#FFFFFF;--mv-selected:#DDE5F5;--mv-success:#23664B;--mv-success-bg:#E7F3EC;--mv-warning:#795100;--mv-warning-bg:#FFF0D8;--mv-error:#B12F3A;--mv-error-bg:#FCE8EB}
[data-theme="dark"]{color-scheme:dark;--mv-page:#11141C;--mv-sidebar:#141923;--mv-panel:#1B2230;--mv-raised:#232C3D;--mv-text:#F4F6FB;--mv-muted:#B1BACB;--mv-border:#3B465B;--mv-link:#A1B4FF;--mv-primary:#3654FF;--mv-on-primary:#FFFFFF;--mv-selected:#252F4C;--mv-success:#83DDB1;--mv-success-bg:#163C2F;--mv-warning:#FFD082;--mv-warning-bg:#443217;--mv-error:#FFABB5;--mv-error-bg:#482431}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:dark;--mv-page:#11141C;--mv-sidebar:#141923;--mv-panel:#1B2230;--mv-raised:#232C3D;--mv-text:#F4F6FB;--mv-muted:#B1BACB;--mv-border:#3B465B;--mv-link:#A1B4FF;--mv-primary:#3654FF;--mv-on-primary:#FFFFFF;--mv-selected:#252F4C;--mv-success:#83DDB1;--mv-success-bg:#163C2F;--mv-warning:#FFD082;--mv-warning-bg:#443217;--mv-error:#FFABB5;--mv-error-bg:#482431}}

.mv-app{background:var(--mv-page);color:var(--mv-text);font-family:var(--font-body);line-height:1.5}
.mv-panel{background:var(--mv-panel);border:1px solid var(--mv-border);border-radius:12px;padding:24px}
.mv-app a{color:var(--mv-link)}.mv-muted{color:var(--mv-muted)}
.mv-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;background:var(--mv-primary);color:var(--mv-on-primary);cursor:pointer}
.mv-button.secondary{background:var(--mv-raised);color:var(--mv-text);border-color:var(--mv-border)}
.mv-button:disabled{cursor:not-allowed;opacity:.5}
.mv-app :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--mv-link);outline-offset:3px}
.mv-input{width:100%;min-height:44px;background:var(--mv-raised);color:var(--mv-text);border:1px solid var(--mv-border);border-radius:8px;padding:12px}
.mv-input::placeholder{color:var(--mv-muted);opacity:1}
.mv-status{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:6px;font-size:14px;background:var(--mv-warning-bg);color:var(--mv-warning)}
.mv-status.success{background:var(--mv-success-bg);color:var(--mv-success)}.mv-status.error{background:var(--mv-error-bg);color:var(--mv-error)}
.mv-icon{display:inline-block;width:24px;height:24px;background:currentColor;mask:var(--icon-url) center/contain no-repeat;-webkit-mask:var(--icon-url) center/contain no-repeat}
.mv-lockup{position:relative;display:block;width:180px;aspect-ratio:3/1}.mv-lockup img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mv-lockup .mv-word-white{filter:brightness(0) invert(1);clip-path:inset(0 0 0 34.5%);opacity:0}
[data-theme="dark"] .mv-lockup .mv-word-white{opacity:1}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]) .mv-lockup .mv-word-white{opacity:1}}
@media(max-width:767px){.mv-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){.mv-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}