.app-shell{--smf-card-bg:#ffffff;--smf-card-border:#cbd5e1;--smf-card-shadow:0 1px 2px rgb(15 23 42/0.06),0 4px 14px rgb(15 23 42/0.08);--smf-card-radius:1rem;--smf-control-bg:#f1f5f9;--smf-control-bg-focus:#ffffff;--smf-control-border:#7c8aa0;--smf-control-border-hover:#475569;--smf-control-text:#0f172a;--smf-placeholder:#64748b;--smf-focus:#1d4ed8;--smf-focus-ring:rgb(29 78 216/0.22);--smf-readonly-bg:#e2e8f0;--smf-readonly-text:#475569;--smf-readonly-border:#94a3b8}.dark .app-shell{--smf-card-bg:#0e131f;--smf-card-border:#334155;--smf-card-shadow:0 1px 2px rgb(0 0 0/0.4),0 4px 14px rgb(0 0 0/0.35);--smf-control-bg:#0a0f1a;--smf-control-bg-focus:#0e131f;--smf-control-border:#64748b;--smf-control-border-hover:#94a3b8;--smf-control-text:#f1f5f9;--smf-placeholder:#94a3b8;--smf-focus:#38bdf8;--smf-focus-ring:rgb(56 189 248/0.3);--smf-readonly-bg:#1e293b;--smf-readonly-text:#94a3b8;--smf-readonly-border:#475569}.app-shell :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button],[type=reset],[type=image],[type=color]),select,textarea):not(.smf-bare){background-color:var(--smf-control-bg);border:1px solid var(--smf-control-border);color:var(--smf-control-text)}.app-shell :is(input,select,textarea):not(.smf-bare)::-moz-placeholder{color:var(--smf-placeholder);opacity:1}.app-shell :is(input,select,textarea):not(.smf-bare)::placeholder{color:var(--smf-placeholder);opacity:1}.app-shell :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button],[type=reset],[type=image],[type=color]),select,textarea):not(.smf-bare,:disabled,[readonly],:focus):hover{border-color:var(--smf-control-border-hover)}.app-shell :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button],[type=reset],[type=image],[type=color]),select,textarea):not(.smf-bare):focus{outline:3px solid var(--smf-focus);outline-offset:1px;border-color:var(--smf-focus);background-color:var(--smf-control-bg-focus);box-shadow:0 0 0 5px var(--smf-focus-ring)}.app-shell :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button],[type=reset],[type=image],[type=color]),select,textarea):not(.smf-bare):is(:disabled,[readonly]){background-color:var(--smf-readonly-bg);color:var(--smf-readonly-text);-webkit-text-fill-color:var(--smf-readonly-text);border-style:dashed;border-color:var(--smf-readonly-border);box-shadow:none;opacity:1}.app-shell :is(input,select,textarea):not(.smf-bare):disabled{cursor:not-allowed}.app-shell :is(input,textarea):not(.smf-bare)[readonly]:not(:disabled){cursor:default}.app-shell :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--smf-focus)}.app-shell :is(a,button,summary,[role=button],[role=tab]):focus-visible{outline:3px solid var(--smf-focus);outline-offset:2px}