:root{--bg-color: #ffffff;--text-color: #686868;--light-text-color: #8e8e8e;--border-color: #d1d5db;--tag-bg: #e5e7eb;--tag-bg-hover: #c6c7ca;--tag-text: #374151;--tag-remove-hover: #ec2929;--input-focus: #3b82f6;--error-color: #ef4444;--success-color: #10b981}.dark{--bg-color: #1f2937;--text-color: #cecccc;--light-text-color: #bdbdbd;--border-color: #4b5563;--tag-bg: #4b5563;--tag-bg-hover: #67707d;--tag-text: #f9fafb;--tag-remove-hover: #f96464;--input-focus: #60a5fa;--error-color: #f87171;--success-color: #34d399}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color);color:var(--text-color);margin:0;padding:20px}.title{text-align:center}.container{max-width:600px;margin:0 auto}.tag-input-container{width:100%;position:relative}.tag-input{display:flex;flex-wrap:wrap;padding:12px 4px;border:4px solid var(--border-color);border-radius:8px;background:var(--bg-color)}.tag-input:focus-within{border-color:var(--input-focus);outline:none}.tag-input-field{width:100%;border:none;outline:none;padding:0 6px;margin:4px 0;background:transparent;color:var(--text-color);font-size:16px}.tag-input-field::placeholder{color:var(--light-text-color)}.tag-counter{color:var(--light-text-color)}.error-message{color:var(--error-color);font-size:14px;margin:2px 0;opacity:0}.error-message.visible{opacity:1}.tag-chip{display:inline-flex;align-items:center;background:var(--tag-bg);color:var(--tag-text);padding:4px 8px;margin:4px 2px;border-radius:8px;font-size:14px;-webkit-user-select:none;user-select:none;position:relative}.tag-chip:focus{outline:2px solid var(--input-focus);outline-offset:2px}.tag-chip:hover{background:var(--tag-bg-hover)}.tag-chip-text{margin-right:6px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:transparent;border:none;cursor:pointer;color:var(--tag-text);font-size:12px;font-weight:700}.tag-remove:hover{background:var(--tag-remove-hover);color:#fff}.tag-remove:focus{outline:1px solid var(--input-focus)}.theme-toggle{position:fixed;top:20px;right:20px;padding:8px 16px;border:2px solid var(--border-color);background:var(--bg-color);color:var(--text-color);border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.theme-toggle:hover{background:var(--tag-bg)}