.tagpicker{border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-2);background:var(--color-surface);max-width:400px;margin-top:var(--sp-2)}.tp-selected{gap:var(--sp-1);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.tp-pill{background:var(--color-hover);padding:var(--sp-1)var(--sp-2);border-radius:var(--r-full);font-size:var(--font-xs);color:var(--color-text)}.tp-open-btn{padding:var(--sp-1)var(--sp-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--r-sm);cursor:pointer;font-size:var(--font-sm);font-family:var(--font-family);transition:background-color var(--transition)}.tp-open-btn:hover{background:var(--color-hover)}.tp-modal-overlay,.tp-confirm-overlay{z-index:5000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tp-modal,.tp-confirm{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-lg);width:min(360px,94vw)}.tp-search-input{width:100%;padding:var(--sp-2)var(--sp-3);border:1px solid var(--color-border);border-radius:var(--r-sm);font-size:var(--font-base);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);margin-bottom:var(--sp-2)}.tp-list{border-top:1px solid var(--color-border);max-height:300px;padding-top:var(--sp-2);overflow-y:auto}.tp-item{margin-bottom:var(--sp-1);justify-content:space-between;align-items:center;display:flex}.tp-tag{cursor:pointer;padding:var(--sp-2)var(--sp-3);border-radius:var(--r-sm);font-size:var(--font-sm);transition:background-color var(--transition);flex:1}.tp-tag:hover{background:var(--color-hover)}.tp-tag.selected{background:var(--color-hover);font-weight:var(--font-medium)}.tp-check{color:var(--color-accent);font-weight:var(--font-bold);margin-left:var(--sp-2)}.tp-delete{cursor:pointer;opacity:.5;padding:var(--sp-1);font-size:var(--font-base);color:var(--color-text);background:0 0;border:none}.tp-delete:hover{opacity:1}.tp-close-btn{width:100%;margin-top:var(--sp-4);padding:var(--sp-2);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--r-sm);cursor:pointer;font-size:var(--font-sm);font-family:var(--font-family)}.tp-confirm-actions{gap:var(--sp-4);margin-top:var(--sp-4);justify-content:flex-end;display:flex}.tp-confirm-actions .danger{background:var(--color-danger);color:#fff;padding:var(--sp-1)var(--sp-3);border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-family);border:none}
:root{--color-bg:#f0eeff;--color-surface:#fff;--color-border:#c8c2d8;--color-hover:#e8e2ff;--color-text:#1a1523;--color-text-muted:#6b6480;--color-text-inv:#fff;--color-accent:#7117ff;--color-accent-hover:#5a0ed6;--color-danger:#b91c1c;--color-danger-bg:#fee2e2;--color-danger-border:#fecaca;--color-success:#166534;--color-success-bg:#dcfce7;--color-warning:#92400e;--color-warning-bg:#fef3c7;--font-family:var(--font-sans,system-ui,-apple-system,"Segoe UI",sans-serif);--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-height:1.5;--sp-1:.15rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 2px 8px #0000001f;--shadow-lg:0 6px 20px #00000026;--transition:.15s ease;--background:var(--color-bg);--surface:var(--color-surface);--border:var(--color-border);--hover:var(--color-hover);--text:var(--color-text);--text-muted:var(--color-text-muted);--secondary-color:var(--color-text);--selected:var(--color-accent);--accent:var(--color-accent);--accent-text:var(--color-text-inv);--button-muted:var(--color-text-muted);--invert-hover:var(--color-accent-hover);--bg-secondary:var(--color-surface);--bg-accent:var(--color-hover);--text-secondary:var(--color-text-muted);--warning:var(--color-danger)}html.dark{--color-bg:#0e0c14;--color-surface:#161220;--color-border:#2d2840;--color-hover:#201c30;--color-text:#f0eeff;--color-text-muted:#9490a8;--color-text-inv:#1a1523;--color-accent:#ff8b00;--color-accent-hover:#e07a00;--color-danger:#f87171;--color-danger-bg:#450a0a;--color-danger-border:#7f1d1d;--color-success:#4ade80;--color-success-bg:#052e16}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}input,button,select,textarea{font-family:inherit;font-size:inherit}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-base);line-height:var(--line-height);min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0 0 var(--sp-4);font-weight:var(--font-semibold);color:var(--color-text);line-height:1.25}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-base)}p{margin:0 0 var(--sp-3)}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--color-border);margin:var(--sp-8)0}code{background:var(--color-hover);border-radius:var(--r-sm);padding:.1em .3em;font-family:ui-monospace,Cascadia Code,SF Mono,monospace;font-size:.875em}.text-muted{color:var(--color-text-muted);font-size:inherit}.text-success{color:var(--color-success);font-weight:var(--font-medium)}.text-danger{color:var(--color-danger)}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.pre-line{white-space:pre-line}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}