:root{color-scheme:light dark;--bg: #ffffff;--fg: #1a1a1a;--muted: #666666;--accent: #2f6fed;--border: #e4e4e7;--highlight-bg: #eef4ff}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--fg: #f2f2f2;--muted: #a0a0a8;--border: #2a2d34;--highlight-bg: #161b28}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.55}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);max-width:960px;margin:0 auto}.logo{font-weight:700;font-size:1.2rem;color:var(--fg);text-decoration:none}.site-header nav a{margin-left:1.25rem;color:var(--muted);text-decoration:none;font-size:.95rem}.site-header nav a:hover{color:var(--accent)}.lang-switch{position:relative;margin-left:1.25rem;padding-left:1.25rem;border-left:1px solid var(--border);display:inline-block}.lang-switch-current{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none;color:var(--muted);font-size:.85rem;font-weight:600;user-select:none}.lang-switch-current::-webkit-details-marker{display:none}.lang-switch-current::marker{content:""}.lang-switch-current:hover{color:var(--accent)}.lang-flag{display:inline-flex;line-height:1}.lang-flag svg{width:1.25em;height:auto;border-radius:2px;box-shadow:0 0 0 1px #0000001f;display:block}.lang-caret{font-size:.65rem;color:var(--muted);transition:transform .15s ease}.lang-switch[open] .lang-caret{transform:rotate(180deg)}.lang-switch-menu{position:absolute;top:calc(100% + .6rem);right:0;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 28px #00000026;list-style:none;margin:0;padding:.4rem;min-width:160px;z-index:20}.lang-switch-menu li a{display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;border-radius:6px;color:var(--fg);text-decoration:none;font-size:.9rem;white-space:nowrap}.lang-switch-menu li a:hover{background:var(--border)}main{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.site-footer{text-align:center;color:var(--muted);font-size:.85rem;padding:2rem 1.5rem;border-top:1px solid var(--border)}.breadcrumbs{margin:0 0 1.2rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--muted)}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs li:not(:last-child):after{content:"/";margin:0 .45rem;color:var(--border)}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.breadcrumbs li[aria-current=page]{color:var(--fg)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;margin-top:.75rem}.footer-links a{color:var(--muted);text-decoration:none;font-size:.82rem}.footer-links a:hover{color:var(--accent);text-decoration:underline}h1{font-size:1.75rem;margin-bottom:.4rem}.tool-lede{color:var(--muted);margin-top:0}.tool-box{border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:1.5rem 0}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.3rem}input[type=text],input[type=number],select{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--fg);margin-bottom:.9rem}button{background:var(--accent);color:#fff;border:none;padding:.6rem 1.1rem;border-radius:8px;font-size:.95rem;cursor:pointer}button:hover{opacity:.9}.output-area{margin-top:1.2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.faq dt{font-weight:600;margin-top:1rem}.faq dd{margin:.2rem 0 0;color:var(--muted)}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0}.card-grid li a{display:block;border:1px solid var(--border);border-radius:10px;padding:1rem;text-decoration:none;color:var(--fg)}.card-grid li a:hover{border-color:var(--accent)}.card-grid h3{margin:0 0 .3rem;font-size:1.05rem}.card-grid p{margin:0;color:var(--muted);font-size:.9rem}main h2{font-size:1.3rem;margin:2.4rem 0 .5rem}main>p+h2,main>.steps+h2,main>.feature-grid+h2{margin-top:2.4rem}.steps{list-style:none;counter-reset:step;padding:0;margin:1.25rem 0;display:grid;gap:1.25rem}.steps li{position:relative;padding-left:3.1rem}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.steps h3{margin:0 0 .2rem;font-size:1.05rem}.steps p{margin:0;color:var(--muted);font-size:.92rem}.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0;margin:1.25rem 0}.feature-grid li{border:1px solid var(--border);border-radius:10px;padding:1rem}.feature-grid h3{margin:0 0 .3rem;font-size:1.02rem}.feature-grid p{margin:0;color:var(--muted);font-size:.9rem}.tips-list{margin:1.25rem 0;padding-left:1.2rem;color:var(--fg)}.tips-list li{margin-bottom:.6rem;line-height:1.5}.tips-list li::marker{color:var(--accent)}.highlight-band{background:var(--highlight-bg);border-radius:16px;padding:1.75rem;margin:2.4rem 0}.highlight-band h2{margin-top:0}.highlight-list{list-style:none;padding:0;margin:1.1rem 0 0;display:grid;gap:1.1rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.highlight-list li{display:flex;gap:.7rem;align-items:flex-start}.highlight-check{flex-shrink:0;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;margin-top:.15rem}.highlight-list h3{margin:0 0 .2rem;font-size:1rem}.highlight-list p{margin:0;color:var(--muted);font-size:.88rem}.toast-container{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.6rem;z-index:1000;width:min(92vw,420px);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;background:#dc2626;color:#fff;padding:.75rem .9rem;border-radius:10px;font-size:.9rem;line-height:1.4;box-shadow:0 6px 20px #0000002e;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translateY(0)}.toast-warning{background:#b45309}.toast-success{background:#15803d}.toast-close{background:transparent;border:none;color:inherit;font-size:1.15rem;line-height:1;cursor:pointer;padding:0;opacity:.85;flex-shrink:0}.toast-close:hover{opacity:1}.scan-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem}.scan-upload-label{margin:0;font-weight:400;color:var(--muted);font-size:.9rem}#scan-video{width:100%;max-width:360px;border-radius:10px;margin-top:1rem;background:#000}