.tag-chip{--chip-bg: linear-gradient( 180deg, rgba(255, 255, 255, .96), rgba(var(--surface-tint-rgb, 221, 226, 241), .86) );--chip-color: rgba(var(--primary-color-rgb), .9);--chip-border: rgba(var(--primary-color-rgb), .16);--chip-shadow: inset 0 1px 0 rgba(255, 255, 255, .76), 0 6px 14px rgba(var(--primary-color-rgb), .1);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:1.95rem;padding:.34rem .72rem;box-sizing:border-box;border-radius:999px;background:var(--chip-bg);color:var(--chip-color);border:1px solid var(--chip-border);font-size:.8rem;font-weight:600;letter-spacing:.01em;line-height:1;box-shadow:var(--chip-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.tag-chip .remove-tag-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:999px;margin-left:.05rem;font:inherit;line-height:1;cursor:pointer;color:inherit;background:rgba(var(--primary-color-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--primary-color-rgb),.18);transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.tag-chip .remove-tag-icon{display:block;width:.66rem;height:.66rem;pointer-events:none}.tag-chip__label,.tag-chip .add-tag-text{display:inline-flex;align-items:center;min-height:1em;line-height:1}.tag-chip .add-tag-icon{display:block;flex-shrink:0;line-height:1}.tag-chip:hover,.tag-chip:focus-visible{transform:none;box-shadow:inset 0 1px #ffffffc7,0 8px 18px rgba(var(--primary-color-rgb),.13);border-color:rgba(var(--primary-color-rgb),.24)}.tag-chip:focus-visible{outline:3px solid rgba(var(--primary-color-rgb),.28);outline-offset:2px}.tag-chip .remove-tag-button:hover,.tag-chip .remove-tag-button:focus-visible{background:rgba(var(--primary-color-rgb),.18);color:inherit;transform:none;box-shadow:inset 0 0 0 1px rgba(var(--primary-color-rgb),.24)}.tag-chip .remove-tag-button:focus-visible{outline:2px solid rgba(var(--primary-color-rgb),.42);outline-offset:1px}body.dark-mode .tag-chip{--chip-bg: linear-gradient( 180deg, rgba(41, 58, 86, .92), rgba(28, 42, 68, .88) );--chip-color: rgba(239, 246, 255, .96);--chip-border: rgba(147, 197, 253, .2);--chip-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 20px rgba(8, 15, 32, .34)}body.dark-mode .tag-chip .remove-tag-button{background:#93c5fd24;box-shadow:inset 0 0 0 1px #93c5fd1f}.tag-chip.tag-chip--add,.tag-chip.tag-add-button{--chip-bg: rgba(var(--primary-color-rgb), .08);--chip-color: var(--primary-color);--chip-border: rgba(var(--primary-color-rgb), .22);--chip-shadow: none;gap:.35rem;cursor:pointer;box-shadow:inset 0 1px #ffffff9e}.tag-chip.tag-chip--add .add-tag-icon,.tag-chip.tag-add-button .add-tag-icon{font-size:.95em}.tag-chip.tag-chip--add .add-tag-text,.tag-chip.tag-add-button .add-tag-text{font-weight:600}.tag-chip.tag-chip--add:hover,.tag-chip.tag-chip--add:focus-visible,.tag-chip.tag-add-button:hover,.tag-chip.tag-add-button:focus-visible{--chip-bg: rgba(var(--primary-color-rgb), .12);--chip-border: rgba(var(--primary-color-rgb), .32);box-shadow:inset 0 1px #ffffffa3,0 8px 16px rgba(var(--primary-color-rgb),.14)}body.dark-mode .tag-chip.tag-chip--add,body.dark-mode .tag-chip.tag-add-button{--chip-bg: rgba(88, 111, 196, .24);--chip-color: rgba(244, 246, 255, .92);--chip-border: rgba(244, 246, 255, .18)}body.dark-mode .tag-chip.tag-chip--add:hover,body.dark-mode .tag-chip.tag-chip--add:focus-visible,body.dark-mode .tag-chip.tag-add-button:hover,body.dark-mode .tag-chip.tag-add-button:focus-visible{--chip-bg: rgba(88, 111, 196, .32);box-shadow:inset 0 1px #ffffff14,0 10px 18px #080f2052}@media(max-width:600px){.tag-chip{min-height:1.8rem;padding:.28rem .6rem;font-size:.74rem}.tag-chip__label,.tag-chip .add-tag-text{transform:translateY(-.11em)}}.tag-selector{display:flex;flex-direction:column;gap:8px}.selected-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag-add-container{display:inline-flex;align-items:center;justify-content:center;min-height:34px}.tag-add-container.is-editing{align-items:center}.tag-add-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;vertical-align:middle;align-self:center;margin:0;font:inherit;line-height:inherit;appearance:none;-webkit-appearance:none}.tag-add-control{position:relative;display:inline-grid;gap:6px;align-self:center;vertical-align:middle}.tag-add-control--editing{width:var(--tag-add-control-width, auto)}.tag-input-shell{position:relative;display:inline-flex;align-items:center;gap:.34rem;min-height:var(--tag-add-control-height, 34px);height:var(--tag-add-control-height, auto);padding:.24rem .34rem .24rem .42rem;border-radius:999px;border:1px solid rgba(var(--primary-color-rgb),.22);background:linear-gradient(180deg,#fffffff5,rgba(var(--surface-tint-rgb, 221, 226, 241),.84));box-shadow:inset 0 1px #ffffffb8,0 6px 14px rgba(var(--primary-color-rgb),.08);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;width:100%;vertical-align:middle}.tag-input-icon{flex-shrink:0;font-size:.72rem;color:rgba(var(--primary-color-rgb),.82)}.tag-input{display:inline-flex;align-items:center;min-height:0;height:100%;width:100%;min-width:0;padding:0 .24rem 0 0;font-size:.78rem;font-family:inherit;color:var(--text-color);background:transparent;border:none;outline:none;box-sizing:border-box;line-height:1.2;white-space:nowrap;margin:0}.tag-input:focus{outline:none}.tag-input::placeholder{color:rgba(var(--primary-color-rgb),.6)}.selected-tags>*{flex-shrink:0}.tag-input-shell.has-error .tag-input,.tag-input.input-error{color:var(--danger-color)}.tag-input-shell.has-error .tag-input::placeholder,.tag-input.input-error::placeholder{color:rgba(var(--danger-color-rgb),.7)}.tag-input-shell:focus-within{background:linear-gradient(180deg,#fffffffa,rgba(var(--surface-tint-rgb, 221, 226, 241),.9));border-color:rgba(var(--primary-color-rgb),.42);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.12),0 8px 18px rgba(var(--primary-color-rgb),.12)}.tag-input-shell.has-error,.tag-input-wrapper:has(.input-error){border-color:rgba(var(--danger-color-rgb),.6);box-shadow:0 0 0 3px rgba(var(--danger-color-rgb),.12),0 8px 18px rgba(var(--danger-color-rgb),.16)}.tag-input-shell.has-error .tag-input::placeholder,.tag-input-wrapper:has(.input-error) .tag-input::placeholder{color:rgba(var(--danger-color-rgb),.7)}.tag-error{position:fixed;z-index:10000;box-sizing:border-box;width:max-content;max-width:min(20rem,calc(100vw - 24px));padding:.5rem .625rem;border:1px solid var(--status-danger-border);border-inline-start:3px solid var(--danger-color);border-radius:6px;background:var(--card-background);color:var(--text-color);box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:400;line-height:1.4;overflow-wrap:anywhere;pointer-events:none}.tag-suggestions-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;width:max(100%,220px);max-width:min(320px,84vw);padding:10px;border-radius:16px;background:linear-gradient(145deg,rgba(var(--card-rgb),.98),rgba(var(--surface-tint-rgb),.94) 55%,rgba(var(--surface-muted-rgb),.92));border:1px solid rgba(var(--border-color-rgb),.28);box-shadow:0 18px 32px #0f172a2e;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:8px;z-index:9999}.tag-suggestions-header{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;padding:0 2px 4px;border-bottom:1px solid rgba(var(--border-color-rgb),.18)}.tag-suggestions-title{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-muted-color)}.suggestions-list{position:relative;max-height:196px;overflow-y:auto;margin:0;padding:2px;list-style:none;display:grid;gap:4px}.suggestions-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:var(--text-color);font-size:.82rem;font-weight:600;border-radius:11px;background:rgba(var(--primary-color-rgb),.05);border:1px solid transparent;box-shadow:none}.suggestions-list li:hover,.suggestions-list li.highlighted{background:linear-gradient(140deg,rgba(var(--primary-color-rgb),.16),#42b3ca2e);color:var(--primary-color);transform:none;box-shadow:0 8px 18px rgba(var(--primary-color-rgb),.12);border-color:rgba(var(--primary-color-rgb),.32)}.tag-suggestion-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-suggestion-action{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(var(--primary-color-rgb),.18);color:var(--primary-color);font-size:.66rem;box-shadow:inset 0 0 0 1px rgba(var(--primary-color-rgb),.24);transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.suggestions-list li:hover .tag-suggestion-action,.suggestions-list li.highlighted .tag-suggestion-action{background:rgba(var(--primary-color-rgb),.3);color:#fff;transform:none;box-shadow:0 0 0 2px #ffffff2e}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.suggestions-list::-webkit-scrollbar{width:8px;height:8px}.suggestions-list::-webkit-scrollbar-track{background:var(--background-color);border-radius:8px}.suggestions-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:8px;border:2px solid var(--background-color)}.suggestions-list{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--background-color)}body.dark-mode .tag-input-wrapper{border-color:#f4f6ff2e;background:#2027427a;box-shadow:inset 0 0 0 1px #f4f6ff14}body.dark-mode .tag-input-shell{border-color:#93c5fd2e;background:linear-gradient(180deg,#293a56f0,#1c2a44e6);box-shadow:inset 0 1px #ffffff0f,0 8px 16px #080f2047}body.dark-mode .tag-input{color:#f4f6ffeb}body.dark-mode .tag-input::placeholder{color:#b9c4f499}body.dark-mode .tag-input.input-error{box-shadow:inset 0 0 0 1px rgba(var(--danger-color-rgb),.5)}body.dark-mode .tag-input.input-error::placeholder{color:#ffa4b4b3}body.dark-mode .tag-input-wrapper:focus-within{background:#42518c6b;border-color:#f4f6ff59;box-shadow:0 20px 36px #050b1a8c}body.dark-mode .tag-input-shell:focus-within{border-color:#93c5fd57;box-shadow:0 0 0 3px #60a5fa29,0 10px 20px #080f2052}body.dark-mode .tag-input-wrapper:has(.input-error){border-color:rgba(var(--danger-color-rgb),.65);box-shadow:0 18px 32px rgba(var(--danger-color-rgb),.36)}body.dark-mode .tag-suggestions-panel{background:linear-gradient(145deg,#171d35f5,#11172deb 55%,#0c1120e6);border-color:#f4f6ff2e;box-shadow:0 18px 34px #050b1a8f}body.dark-mode .tag-suggestions-title{color:#e0e6ffb3}body.dark-mode .tag-suggestions-subtitle{color:#8296ffbf}body.dark-mode .suggestions-list li{background:#303a606b;box-shadow:none;color:#f4f6ffe6}body.dark-mode .suggestions-list li:hover,body.dark-mode .suggestions-list li.highlighted{background:linear-gradient(150deg,#637eff52,#42b3ca47);color:#f4f6fff2}body.dark-mode .tag-suggestion-action{background:#8296ff52;color:#f4f6fff2;box-shadow:inset 0 0 0 1px #f4f6ff2e}body.dark-mode .suggestions-list li:hover .tag-suggestion-action,body.dark-mode .suggestions-list li.highlighted .tag-suggestion-action{background:#8296ff6b;box-shadow:0 0 0 2px #080f2073}@media(max-width:640px){.selected-tags{gap:6px}.tag-input{width:100%}.tag-suggestions-panel{min-width:min(200px,84vw);width:clamp(188px,72vw,280px);max-width:calc(100vw - 28px)}.tag-input-shell{min-height:var(--tag-add-control-height, 32px);height:var(--tag-add-control-height, auto);padding:.18rem .28rem .18rem .36rem}.tag-input{min-height:0;font-size:.74rem}}