:root{--fg:#1a1a1a;--bg:#ffffff;--muted:#666666;--accent:#2e7d32;--border:#e0e0e0;--warn-fg:#7a5b00;--warn-bg:#fff8e1;--warn-border:#f0e0a0}@media (prefers-color-scheme:dark){:root{--fg:#e8e8e8;--bg:#121212;--muted:#9e9e9e;--accent:#66bb6a;--border:#2e2e2e;--warn-fg:#ffe082;--warn-bg:#332b00;--warn-border:#5a4a00}}*{box-sizing:border-box}body{margin:0;color:var(--fg);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.8}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.site-header .brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.2rem;color:var(--accent);text-decoration:none}.site-header .brand img{display:block;border-radius:6px}.site-header nav a{margin-left:1.25rem;color:var(--fg);text-decoration:none;font-size:.95rem}.site-header nav a:hover{color:var(--accent)}.site-main{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.site-footer{padding:1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem;text-align:center}h1{font-size:1.8rem;line-height:1.4}h2{font-size:1.25rem;margin-top:2.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}a{color:var(--accent)}.lead{color:var(--muted);font-size:1.05rem}dl.faq dt{font-weight:600;margin-top:1.5rem}dl.faq dd{margin-left:0;color:var(--muted)}.maintenance-banner{display:block;padding:.6rem 1.5rem;background:var(--warn-bg);color:var(--warn-fg);border-bottom:1px solid var(--warn-border);font-weight:600;font-size:.95rem}.maintenance-banner .maintenance-until{margin-left:1em;font-size:.9em;font-weight:400;opacity:.85}.maintenance-card{margin:1.5rem 0;padding:.75rem 1.25rem;background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-border);border-left-width:4px;border-radius:8px}.maintenance-card h2{margin-top:0;border-bottom:none;font-size:1.05rem}.api-status{border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:6px;padding:.75rem 1rem}.api-status--ok{border-left-color:var(--accent)}.api-status--maintenance{border-left-color:#f9a825}.api-status--unknown{border-left-color:#c62828}.api-status p{margin:.25rem 0}.api-status button{margin-top:.6rem;padding:.3rem .9rem;font-size:.85rem;color:var(--fg);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}.api-status button:disabled{opacity:.5;cursor:default}.maintenance-card p{margin:.25rem 0}.demo{display:flex;flex-direction:column;gap:1rem}.demo-video{flex-shrink:0;height:420px;border:1px solid var(--border);border-radius:12px}.demo-gallery{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.demo-gallery figure{margin:0;flex-shrink:0;scroll-snap-align:start;text-align:center}.demo-gallery img{height:380px;width:auto;border:1px solid var(--border);border-radius:12px;display:block}.demo-gallery figcaption{margin-top:.3rem;color:var(--muted);font-size:.8rem}.demo-gallery button{padding:0;border:none;background:none;cursor:zoom-in;display:block}.demo-lightbox{padding:0;border:none;border-radius:12px;background:var(--bg);color:var(--fg)}.demo-lightbox::-webkit-backdrop{background:rgba(0,0,0,.7)}.demo-lightbox::backdrop{background:rgba(0,0,0,.7)}.demo-lightbox-body{display:flex;align-items:center;gap:.25rem;padding:1rem .5rem .5rem}.demo-lightbox figure{margin:0;text-align:center}.demo-lightbox-nav{flex-shrink:0;padding:.2rem .6rem;font-size:1.6rem;line-height:1;color:var(--fg);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}.demo-lightbox-nav:hover{color:var(--accent)}.demo-lightbox img{max-height:80vh;max-width:90vw;width:auto;border-radius:8px;display:block}.demo-lightbox figcaption{margin-top:.5rem;color:var(--muted);font-size:.9rem}.demo-lightbox-close{display:block;margin:0 auto 1rem;padding:.35rem 1.2rem;font-size:.85rem;color:var(--fg);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}.demo-strip{display:flex;align-items:center;gap:.5rem}.demo-strip .demo-gallery{flex:1 1;min-width:0}.contact-form{display:flex;flex-direction:column;gap:.4rem;max-width:640px;margin-top:1rem}.contact-form label{font-weight:600;margin-top:.5rem}.contact-form input[type=email],.contact-form textarea{padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;font:inherit;background:var(--bg);color:var(--fg)}.contact-form button{margin-top:.75rem;align-self:flex-start;padding:.5rem 1.4rem;font-size:.95rem;color:#fff;background:var(--accent);border:none;border-radius:6px;cursor:pointer}.contact-form button:disabled{opacity:.6;cursor:default}.contact-honeypot{display:none}.contact-ok{color:var(--accent);font-weight:600}.contact-error{color:#c62828;font-weight:600}