.vcv-tool{margin:40px 0;padding:clamp(20px,3vw,38px);border:1px solid var(--accent-green);border-radius:24px;background:var(--bg-secondary);color:var(--text-light);font-family:var(--font-body)}.vcv-tool *{box-sizing:border-box;min-width:0}.vcv-tool p{color:var(--text-light);line-height:1.8}.vcv-tool button{appearance:none;min-height:48px;padding:13px 20px;border:1px solid var(--accent-green);border-radius:14px;background:var(--bg-main);color:var(--text-light);font:600 1rem/1.5 var(--font-body);cursor:pointer;white-space:normal}.vcv-tool #vcv-choose,.vcv-tool #vcv-play,.vcv-tool [aria-pressed=true]{background:var(--accent-green);color:#07100a}.light-theme .vcv-tool #vcv-choose,.light-theme .vcv-tool #vcv-play,.light-theme .vcv-tool [aria-pressed=true]{color:#fff}.vcv-tool button:disabled{background:var(--bg-main)!important;color:var(--text-light)!important;cursor:default;border-color:color-mix(in srgb,var(--text-light) 35%,transparent)}.vcv-tool button:focus-visible,.vcv-tool input:focus-visible{outline:3px solid var(--text-light);outline-offset:5px}.vcv-filebar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0}.vcv-tool #vcv-name{overflow-wrap:anywhere;font-size:.9rem}.vcv-player{display:grid;place-items:center;min-height:200px;padding:16px;border:1px solid color-mix(in srgb,var(--text-light) 25%,transparent);border-radius:20px;background:#080a09;color:#fff}.vcv-player video{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;background:#080a09}.vcv-player video[hidden],.vcv-player p[hidden]{display:none}.vcv-player #vcv-empty{color:#fff;text-align:center;margin:20px}.vcv-timeline{padding:22px 0}.vcv-timeline label{font-weight:600;line-height:1.6}.vcv-tool #vcv-time{display:block;margin:12px 0;color:var(--text-light);font-weight:600}.vcv-tool input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:12px;border-radius:10px;background:linear-gradient(to right,var(--accent-green) var(--vcv-fill,0%),color-mix(in srgb,var(--text-light) 25%,var(--bg-main)) var(--vcv-fill,0%));border:0;padding:0;min-height:0;margin:16px 0;cursor:pointer}.vcv-tool input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;border:3px solid var(--text-light);background:var(--accent-green);box-shadow:0 0 0 2px var(--bg-main)}.vcv-tool input[type=range]::-moz-range-thumb{width:21px;height:21px;border-radius:50%;border:3px solid var(--text-light);background:var(--accent-green);box-shadow:0 0 0 2px var(--bg-main)}.vcv-tool input:disabled{cursor:default}.vcv-actions{display:flex;gap:12px;flex-wrap:wrap}.vcv-actions button{flex:1}.vcv-speed{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.vcv-speed span{font-weight:600;line-height:1.6;margin-right:6px}.vcv-speed button{min-width:72px}.vcv-tool .vcv-note{font-size:.9rem}.vcv-tool #vcv-status{padding:18px;border-left:3px solid var(--accent-green);background:var(--bg-main);font-size:.95rem;overflow-wrap:anywhere}.faq-content.oil-guide .rack-photo img{display:block;width:100%;height:auto;max-width:100%}.faq-content.oil-guide .oil-guide-steps p,.faq-content.oil-guide .oil-guide-steps h3{color:var(--text-light)!important}
@media(max-width:800px){.vcv-actions button{flex-basis:calc(50% - 12px)}.vcv-filebar{align-items:stretch}.vcv-tool #vcv-name{flex-basis:100%}.vcv-tool{border-radius:20px}}
@media(max-width:480px){.vcv-filebar button{width:100%}.vcv-actions button{flex-basis:100%}.vcv-speed{gap:10px}.vcv-speed span{flex-basis:100%}.vcv-speed button{flex:1;padding:12px}.vcv-player{padding:10px;min-height:160px}}
@media(prefers-reduced-motion:reduce){.vcv-tool *{transition:none!important;animation:none!important}}

body.light-theme #articleHeroBtnShare,body.light-theme .faq-toc-more-btn{background:#fff}

@media(max-width:600px){.faq-content.oil-guide #camera-3~.table-wrapper table :is(th,td){hyphens:manual!important;overflow-wrap:normal!important;word-break:normal!important}}

body.light-theme .faq-content.oil-guide .oil-step-number,body.light-theme .faq-content.oil-guide .faq-toc-arrow,body.light-theme .faq-content.oil-guide a.faq-xlink{color:var(--text-light)!important}
body.light-theme .faq-content.oil-guide a.faq-xlink{text-decoration:underline;text-underline-offset:.16em}
