:root{color-scheme:light}
.smart-layout{display:grid;gap:18px}.smart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.smart-intro{padding-bottom:26px}.mode-row{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:13px;align-items:center;margin-top:22px}.mode-card{border:1px solid rgba(255,255,255,.86);background:rgba(244,239,253,.53);border-radius:22px;padding:19px 20px;min-height:140px}.mode-card p{font-size:13px;line-height:1.55;color:#635b79;margin:10px 0 0}.mode-card strong{font-weight:500;color:#302640;font-size:18px}.mode-title{display:flex;align-items:center;gap:9px}.mode-dot{width:10px;height:10px;border-radius:50%;background:#aca2bf}.mode-dot.smart{background:#ab78ea}.switch-wrap{display:flex;align-items:center;justify-content:center;gap:11px;flex-direction:column}.switch-wrap small{font-size:12px;color:#685e82;white-space:nowrap}
.mode-switch{position:relative;width:85px;height:47px;display:block;cursor:pointer}.mode-switch input{position:absolute;opacity:0;width:1px;height:1px}.mode-track{width:85px;height:47px;border-radius:30px;display:block;border:2px solid white;background:#d3cddd;box-shadow:inset 0 2px 5px #6a5d8522,0 8px 22px #695a8c2e;transition:background .23s ease}.mode-thumb{display:block;width:37px;height:37px;position:absolute;left:5px;top:5px;border-radius:50%;background:linear-gradient(135deg,#fff,#f0e8f9);box-shadow:0 5px 15px #63527e32;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.mode-switch input:checked+.mode-track{background:linear-gradient(110deg,#8246de,#b77af2)}.mode-switch input:checked+.mode-track .mode-thumb{transform:translateX(38px)}.mode-switch input:focus-visible+.mode-track{outline:3px solid #7656c8;outline-offset:4px}.mode-switch input:disabled+.mode-track{opacity:.6;cursor:wait}
.mode-hint{font-size:13px;color:#695f82;background:rgba(255,255,255,.55);padding:13px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.85);margin:18px 0}.mode-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-pair{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;background:rgba(255,255,255,.62);border-radius:12px;font-size:12px;color:#716981}.status-pair b{font-weight:500;color:#3b3451}.smart-text{font-size:14px;line-height:1.65;color:#595269;margin:12px 0 18px}.smart-results{border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.43);padding:15px 16px;border-radius:18px;margin-top:16px;font-size:13px;color:#484057;line-height:1.55;overflow-wrap:anywhere}.smart-results p{margin:0 0 10px}.smart-results p:last-child{margin-bottom:0}.smart-result{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #a59dbc29}.smart-result:last-child{border:0}.smart-result .tag{font-size:11px;background:#ece5f8;border-radius:40px;padding:3px 8px;white-space:nowrap}.smart-result.good .tag{background:#dff6e5;color:#2d6738}.smart-result.bad .tag{background:#ffe5e5;color:#a23c47}.smart-safety{padding:22px 25px}.safety-inner{display:flex;align-items:start;gap:12px;margin-top:14px}.safety-inner b{font-weight:500;color:#38304e}.safety-inner p{font-size:13px;color:#665e78;line-height:1.6;margin:7px 0}.safety-ico{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;background:#dff5e8;border-radius:50%;color:#287747;font-weight:600}code{background:#ece7f5;padding:1px 5px;border-radius:5px;font-size:.88em}
.vmc-quick-mode{padding:11px 14px;margin:9px 0 0;border-radius:14px;background:rgba(139,87,221,.075);border:1px solid rgba(134,90,220,.20);font-size:12px;color:#635378;display:flex;align-items:center;justify-content:space-between;gap:8px}.vmc-quick-mode a{color:#733bbd;text-decoration:none;font-weight:500}.vmc-quick-mode b{font-weight:500}
@media(max-width:900px){.smart-grid{grid-template-columns:1fr}.mode-row{grid-template-columns:1fr;gap:9px}.mode-card{min-height:0}.switch-wrap{padding:5px}.mode-footer{grid-template-columns:1fr;gap:6px}.smart-intro{padding-bottom:18px}}
@media(max-width:620px){.smart-layout{gap:12px}.smart-grid{gap:12px}.mode-card{padding:15px;border-radius:17px}.smart-results{padding:12px}.mode-footer .status-pair{padding:9px 12px}.smart-safety{padding:18px}.smart-text{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mode-track,.mode-thumb{transition:none}}
