:root{--bg: #f8f4ef;--fg: #111111;--muted: #625d55;--card: #fffdfa;--border: #e3dcd1;--accent: #111111;--accent-fg: #f8f4ef;--red: #aa1614;--error: #aa1614;--notice: #f2ebe2;--serif: Didot, "Bodoni 72", "Bodoni MT", "Playfair Display", Georgia, serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 16px}.logo{display:block;width:min(320px,80vw)}.logo img{display:block;width:100%;height:auto}.card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px 24px}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:.01em}h1{margin:0 0 8px;font-size:1.7rem}.quote{margin:8px 0 16px;padding-left:14px;border-left:2px solid var(--red)}.quote p{margin:0;font-family:var(--serif);font-style:italic;font-size:1.05rem}.quote cite{font-size:.8rem;font-style:normal;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error)}label{display:block;margin:16px 0 6px;font-weight:600;font-size:.9rem}input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:transparent;color:inherit;font:inherit}button,.button{display:inline-block;margin-top:16px;padding:11px 18px;border:0;border-radius:9px;background:var(--accent);color:var(--accent-fg);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button.secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}form button{width:100%}.row{display:flex;gap:12px}.row button{flex:1}.notice{margin:16px 0;padding:12px 16px;border-radius:10px;background:var(--notice)}.notice p{margin:4px 0}.notice ul{margin:4px 0;padding-left:20px}a{color:var(--red)}.button.secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.actions{display:flex;flex-wrap:wrap;gap:12px}.card.wide{max-width:720px}.guide h2{margin:32px 0 8px;font-size:1.5rem}.legal h2{margin:28px 0 8px;font-size:1.3rem}.legal li{margin:4px 0}.site-footer{text-align:center}.guide h3{margin:24px 0 8px;font-size:1.25rem}.guide h4{margin:0 0 4px;font-size:.95rem}.guide section{scroll-margin-top:16px}.toc{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.urlbox{display:flex;gap:8px}.urlbox input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.urlbox button{margin-top:0;flex-shrink:0}.steps li{margin:6px 0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.features article{padding:14px 16px;border:1px solid var(--border);border-radius:10px}.features p{margin:0 0 8px;font-size:.9rem}.examples{margin:0;padding-left:18px;color:var(--muted);font-size:.85rem}.commands div{padding:8px 0;border-bottom:1px solid var(--border)}.commands dt{font-weight:600}.commands dd{margin:2px 0 0}
