*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--page-bg:#0a0b0e;--page-fg:#fff;--font-ui:'Space Grotesk',system-ui,sans-serif;--muted:#8d95ab;--box-bg:#14161f;--box-border:1px solid #262b3d;--box-border-focus:1px solid #c8ff00;--box-radius:14px;--box-shadow:none;--chip-bg:#1d2130;--chip-fg:#eaf0ff;--chip-border:1px solid #313a52;--chip-radius:9999px;--chip-weight:600;--chip-x-fg:#8d95ab;--chip-x-hover:#c8ff00;--chip-warn:#ff5a3c;--focus:#c8ff00;--toolbar-border:#262b3d;--toolbar-active:#1d2130}body[data-variant="paper"]{--page-bg:#f3efe6;--page-fg:#1b1a17;--font-ui:'Space Grotesk',Georgia,serif;--muted:#7a7261;--box-bg:transparent;--box-border:1px solid #d9d2c3;--box-border-focus:1px solid #1b1a17;--box-radius:2px;--box-shadow:none;--chip-bg:#e9e2d3;--chip-fg:#1b1a17;--chip-border:1px solid #d3c9b4;--chip-radius:2px;--chip-weight:500;--chip-x-fg:#7a7261;--chip-x-hover:#c2461e;--chip-warn:#c2461e;--focus:#c2461e;--toolbar-border:#d9d2c3;--toolbar-active:#ede6d6}body[data-variant="brutal"]{--page-bg:#fff9e6;--page-fg:#111;--font-ui:'Space Grotesk',Arial,sans-serif;--muted:#111;--box-bg:#fff;--box-border:3px solid #111;--box-border-focus:3px solid #ff4d00;--box-radius:0;--box-shadow:8px 8px 0 #111;--chip-bg:#ffd23f;--chip-fg:#111;--chip-border:2px solid #111;--chip-radius:0;--chip-weight:700;--chip-x-fg:#111;--chip-x-hover:#ff4d00;--chip-warn:#ff4d00;--focus:#ff4d00;--toolbar-border:#111;--toolbar-active:#ffd23f}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-ui);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.tag-field{width:100%;max-width:460px}.tag-legend{display:block;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:0.6rem}.tag-box{display:flex;flex-wrap:wrap;align-items:center;background:var(--box-bg);border:var(--box-border);border-radius:var(--box-radius);box-shadow:var(--box-shadow);padding:0.6rem 0.7rem;min-height:56px;cursor:text}.tag-box.is-focused{border:var(--box-border-focus)}.tag-chips{display:contents}.tag-chip{display:inline-flex;align-items:center;gap:6px;flex:none;overflow:hidden;white-space:nowrap;background:var(--chip-bg);color:var(--chip-fg);border:var(--chip-border);border-radius:var(--chip-radius);font-size:0.85rem;font-weight:var(--chip-weight);line-height:1;padding:0.45rem 0.5rem 0.45rem 0.75rem;margin:0.2rem 0.4rem 0.2rem 0}.tag-chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;border:none;background:transparent;border-radius:var(--chip-radius);color:var(--chip-x-fg);font-family:var(--font-ui);font-size:0.95rem;line-height:1;cursor:pointer}.tag-chip-x:hover{color:var(--chip-x-hover)}.tag-chip-x:focus-visible{outline:2px solid var(--focus);outline-offset:1px;color:var(--chip-x-hover)}.tag-entry{flex:1 1 8ch;min-width:8ch;background:transparent;border:none;outline:none;color:var(--page-fg);font-family:var(--font-ui);font-size:0.9rem;padding:0.45rem 0.2rem}.tag-entry::placeholder{color:var(--muted);opacity:0.8}.tag-box.is-full .tag-entry::placeholder{color:var(--chip-warn);opacity:1}.tag-count{margin-top:0.6rem;font-size:0.72rem;letter-spacing:0.06em;color:var(--muted)}@media (prefers-reduced-motion:reduce){*{animation-duration:0.001s !important;transition-duration:0.001s !important}}