*{box-sizing:border-box}canvas,img,svg,video{max-width:100%}body,html{margin:0;padding:0;font-family:Noto Sans JP,system-ui,sans-serif;background:var(--qn-color-bg);color:var(--qn-color-text);-webkit-font-smoothing:antialiased}a{color:#4b44c7;text-decoration:none}a:hover{color:#2e28a8}:root{--qn-color-primary:#4b44c7;--qn-color-primary-hover:#3a34a0;--qn-color-accent:#e0752f;--qn-color-dark:#1a1712;--qn-color-bg:#f7f6f2;--qn-color-surface:#ffffff;--qn-color-canvas:#ece9e1;--qn-color-text:#1a1712;--qn-color-text-2:#6e675e;--qn-color-hair:#e6e2d9;--qn-color-selection:#dad7f7;--qn-color-status-sent:#4b44c7;--qn-color-status-handled:#0e8c7a;--qn-color-status-closed:#6e675e;--qn-color-status-urgent:#d2542b;--qn-color-success:#0e8c7a;--qn-color-warning:#e0752f;--qn-color-danger:#d2542b;--qn-color-success-bg:#dff1e8;--qn-color-warning-bg:#fbf3e2;--qn-color-danger-bg:#f7dedc;--qn-color-neutral-bg:#f1f0ec;--qn-font-sans:"Noto Sans JP",system-ui,sans-serif;--qn-font-display:"Space Grotesk",sans-serif;--qn-font-mono:"IBM Plex Mono",monospace;--qn-radius-control:6px;--qn-radius-surface:8px;--qn-radius-stage:10px;--qn-radius-pill:999px}