:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#e1f8ff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}.container{box-sizing:border-box;justify-content:center;width:100%;padding:20px;display:flex}.a4-page{aspect-ratio:210/297;width:100%;max-width:210mm;height:297mm;position:relative;box-shadow:0 2px 10px #0003}.page-background{object-fit:contain;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.modal-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(400px,100% - 32px);padding:24px}.modal input{box-sizing:border-box;width:100%;margin-top:8px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.page-field{z-index:1;appearance:none;color:#696969;background:0 0;border:0;margin:0;padding:0;position:absolute}