.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:var(--bg-primary);overflow-x:hidden}.login-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:20px;padding:36px 24px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease;text-align:center}@media(min-width:480px){.login-card{padding:44px 36px}}.login-logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:6px}.login-logo-icon{font-size:44px;line-height:1}@media(min-width:480px){.login-logo-icon{font-size:48px}}.login-app-name{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--text-primary)}@media(min-width:480px){.login-app-name{font-size:26px}}.login-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:14px;text-align:left}.login-field{display:flex;flex-direction:column;gap:5px}.login-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.login-field input{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;outline:none;transition:var(--transition);-webkit-appearance:none;max-width:100%}.login-field input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c4714a1f}.login-field input:disabled{opacity:.6}.login-error{font-size:13px;color:#e05555;background:#e0555514;border:1px solid rgba(224,85,85,.2);border-radius:var(--radius-sm);padding:10px 12px;text-align:center}.login-btn{width:100%;height:50px;background:var(--terracotta);color:#fff;border:none;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:4px}.login-btn:hover:not(:disabled){background:var(--terracotta-light)}.login-btn:active{opacity:.85}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-2fa-hint{font-size:.9rem;color:var(--text-muted);text-align:center;margin:0 0 1.5rem;line-height:1.5}.login-totp-input{font-size:1.8rem!important;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums}.login-back-link{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.5rem 0;width:100%;text-align:center}.login-back-link:hover{color:var(--accent)}.login-forgot-sent{font-size:14px;color:var(--text-secondary);line-height:1.6;background:#0000000a;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:1rem;text-align:left}.recipe-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-align:left;padding:0;width:100%;min-width:0;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}@media(hover:hover)and (pointer:fine){.recipe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--terracotta)}.recipe-card:hover .recipe-card-thumb img{transform:scale(1.04)}}.recipe-card:active{transform:scale(.98)}.recipe-card-thumb{position:relative;aspect-ratio:3 / 4;background:var(--bg-secondary);overflow:hidden;flex-shrink:0}.recipe-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.recipe-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px}.recipe-type-badge{position:absolute;top:6px;right:6px;background:#1a1a2ebf;color:#fff;font-size:9px;font-weight:600;letter-spacing:.06em;padding:2px 6px;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:calc(100% - 12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-card-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;overflow:hidden}.recipe-card-title{font-family:Playfair Display,serif;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}@media(min-width:641px){.recipe-card-title{font-size:14px}}.recipe-card-categories{font-size:11px;color:var(--terracotta);font-weight:500;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px;overflow:hidden}.recipe-tag{background:var(--bg-secondary);color:var(--text-secondary);font-size:10px;padding:2px 6px;border-radius:100px;white-space:nowrap}.recipe-tag-more{font-size:10px;color:var(--text-light);padding:2px;white-space:nowrap}.recipe-status-badge{position:absolute;bottom:6px;left:6px;display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.03em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.recipe-status-badge--active{background:#4e9af4d9;color:#fff}.recipe-status-badge--finished{background:#4caf50d9;color:#fff}.recipe-score-badge{position:absolute;bottom:6px;right:6px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:700;background:#b45028e6;color:#fff;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);letter-spacing:.02em}.recipe-card--active{box-shadow:0 0 0 2px #4e9af480}.recipe-card--finished{box-shadow:0 0 0 2px #4caf5066}.recipe-select-btn{position:absolute;top:6px;left:6px;z-index:2;width:28px;height:28px;border-radius:50%;border:none;background:#1a1a2e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease,background .15s ease;pointer-events:none}.recipe-select-btn.visible{opacity:1;transform:scale(1);pointer-events:auto}.recipe-select-circle{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.85);display:block}.recipe-select-btn.checked{background:var(--terracotta);color:#fff}.recipe-select-btn.checked svg{color:#fff}@media(hover:hover)and (pointer:fine){.recipe-select-btn:hover{transform:scale(1.1)}}.recipe-card--selected{border-color:var(--terracotta)!important;box-shadow:0 0 0 2px #c4714a73!important}.recipe-card--selected .recipe-card-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c4714a1f;pointer-events:none}.recipe-card--selectable:hover{transform:none!important;box-shadow:var(--shadow-sm)!important;border-color:var(--border)!important}.recipe-card--selectable.recipe-card--selected:hover{border-color:var(--terracotta)!important;box-shadow:0 0 0 2px #c4714a73!important}.library{max-width:1400px;margin:0 auto;padding:0 12px 80px;width:100%;overflow-x:hidden}@media(min-width:641px){.library{padding:0 24px 80px}}.library-controls{position:sticky;top:0;z-index:9;background:var(--bg-primary);border-bottom:1px solid var(--border);margin:0 -12px;padding:0 12px;overflow:hidden}@media(min-width:641px){.library-controls{top:0;margin:0 -24px;padding:0 24px}}.library-controls-inner{display:flex;align-items:center;gap:8px;padding:10px 0;overflow:hidden;width:100%}@media(min-width:641px){.library-controls-inner{padding:14px 0;gap:12px}}.search-wrap{position:relative;flex:1;min-width:0}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none;flex-shrink:0}.search-input{width:100%;height:40px;padding:0 36px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:16px;color:var(--text-primary);transition:var(--transition);outline:none;-webkit-appearance:none;max-width:100%}.search-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c4714a1f}.search-input::placeholder{color:var(--text-light)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-light);display:flex;align-items:center;padding:6px;border-radius:4px}.search-clear:hover{color:var(--text-primary)}.filter-btn{display:flex;align-items:center;gap:5px;height:40px;padding:0 10px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition);position:relative;white-space:nowrap;flex-shrink:0}.filter-btn span{display:none}@media(min-width:480px){.filter-btn{padding:0 14px}.filter-btn span{display:inline}}.filter-btn:hover,.filter-btn.active{border-color:var(--terracotta);color:var(--terracotta);background:#c4714a0f}.filter-badge{width:7px;height:7px;background:var(--terracotta);border-radius:50%;position:absolute;top:6px;right:6px}.grid-size-switcher{display:flex;gap:2px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:3px;flex-shrink:0}.grid-size-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-light);transition:var(--transition)}.grid-size-btn.active{background:var(--navy);color:#fff}.grid-size-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.import-folder-btn{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);padding:7px 10px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.import-folder-btn.has-pending{border-color:var(--terracotta);color:var(--terracotta);background:#b4503212}@media(hover:hover)and (pointer:fine){.import-folder-btn:hover{color:var(--terracotta);border-color:var(--terracotta)}}.import-badge{position:absolute;top:-6px;right:-6px;background:var(--terracotta);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.filter-panel{border-top:1px solid var(--border);padding:12px 0;overflow:hidden}.filter-panel-inner{display:flex;flex-direction:column;gap:12px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light)}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.clear-filters-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--text-light);font-family:DM Sans,sans-serif;font-size:13px;padding:4px 0;transition:var(--transition);align-self:flex-start}.clear-filters-btn:hover{color:var(--terracotta)}.library-meta{padding:10px 0 8px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;overflow:visible;position:relative;z-index:10}.recipe-count{font-size:13px;color:var(--text-light);padding-top:8px;flex-shrink:0}.recipe-grid{display:grid;gap:10px;width:100%;overflow:hidden}.grid-small{grid-template-columns:repeat(3,1fr)}.grid-medium{grid-template-columns:repeat(2,1fr)}.grid-large{grid-template-columns:repeat(1,1fr);gap:12px}@media(min-width:480px){.recipe-grid{gap:14px}.grid-small{grid-template-columns:repeat(3,1fr)}.grid-medium{grid-template-columns:repeat(2,1fr)}.grid-large{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:900px){.recipe-grid{gap:20px}.grid-small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid-medium{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-large{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}.library-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:10px}.library-empty-icon{font-size:44px;line-height:1;margin-bottom:6px}.library-empty-title{font-family:Playfair Display,serif;font-size:20px;color:var(--text-primary)}.library-empty-sub{font-size:14px;color:var(--text-secondary);max-width:280px}.library-empty-btn{margin-top:8px;padding:12px 28px;background:var(--terracotta);color:#fff;border:none;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition)}.library-empty-btn.secondary{background:transparent;color:var(--terracotta);border:1.5px solid var(--terracotta)}.library-empty-btn:hover{opacity:.85}.recipe-card-skeleton{display:flex;flex-direction:column}.pill-status-active{border-color:#4e9af466;color:#4e9af4}.pill-status-active.pill-active{background:#4e9af4;border-color:#4e9af4;color:#fff}.pill-status-finished{border-color:#4caf5066;color:#4caf50}.pill-status-finished.pill-active{background:#4caf50;border-color:#4caf50;color:#fff}.pill-status-active,.pill-status-finished{display:inline-flex;align-items:center;gap:5px}.library-meta{display:flex;align-items:center;justify-content:space-between;padding:10px 0 4px;min-height:32px}.select-all-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.select-all-btn:hover{border-color:var(--terracotta);color:var(--terracotta)}.select-all-btn.active{border-color:var(--terracotta);background:#c4714a14;color:var(--terracotta)}.selection-toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;animation:toolbar-slide-up .2s ease forwards;width:calc(100% - 32px);max-width:600px}@keyframes toolbar-slide-up{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.selection-toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0000002e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap}.selection-count{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.selection-count svg{color:var(--terracotta);flex-shrink:0}.selection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.selection-confirm-label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.selection-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;font-size:13px;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:var(--transition);white-space:nowrap}.selection-btn:disabled{opacity:.55;cursor:not-allowed}.selection-btn--ghost{background:transparent;border-color:var(--border);color:var(--text-secondary)}.selection-btn--ghost:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.selection-btn--cancel{background:transparent;border-color:var(--border);color:var(--text-secondary)}.selection-btn--cancel:hover:not(:disabled){border-color:var(--text-secondary)}.selection-btn--danger{background:#c0392b;border-color:#c0392b;color:#fff}.selection-btn--danger:hover:not(:disabled){background:#a93226;border-color:#a93226}.selection-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.selection-btn--primary:hover:not(:disabled){opacity:.85}.selection-btn--tag{background:transparent;border-color:var(--accent);color:var(--accent)}.selection-btn--tag:hover:not(:disabled){background:var(--accent-light)}.selection-btn--tag.active{background:var(--accent-light)}.bulk-tag-panel{margin-top:8px;padding:14px 16px 12px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 4px 20px #0000001f;display:flex;flex-direction:column;gap:10px}.bulk-tag-hint{font-size:12px;color:var(--text-secondary);margin:0}.bulk-tag-row{display:flex;align-items:center;gap:8px}.bulk-tag-label{font-size:12px;font-weight:600;color:var(--text-secondary);width:70px;flex-shrink:0}.bulk-tag-input{flex:1;height:32px;padding:0 10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:13px;outline:none;transition:var(--transition)}.bulk-tag-input:focus{border-color:var(--accent)}.bulk-tag-input::placeholder{color:var(--text-light)}.bulk-tag-input:disabled{opacity:.6}.bulk-tag-actions{display:flex;justify-content:flex-end;gap:8px}.meta-selection-btns{display:flex;align-items:center;gap:8px}.select-mode-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.select-mode-btn:hover{border-color:var(--accent);color:var(--accent)}.select-mode-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}@media(max-width:480px){.selection-toolbar{bottom:16px;width:calc(100% - 24px)}.selection-toolbar-inner{padding:10px 12px;gap:8px}.selection-confirm-label{font-size:12px;white-space:normal}.selection-btn{padding:6px 10px;font-size:12px}}.load-more-wrap{display:flex;justify-content:center;padding:32px 0 16px}.load-more-btn{background:transparent;border:2px solid var(--accent, #b5735a);color:var(--accent, #b5735a);border-radius:999px;padding:10px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,color .18s;min-width:160px}.load-more-btn:hover:not(:disabled){background:var(--accent, #b5735a);color:#fff}.load-more-btn:disabled{opacity:.6;cursor:default}.filter-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cat-manage-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.cat-manage-btn:hover,.cat-manage-btn.active{border-color:var(--accent);color:var(--accent)}.cat-manage-panel{display:flex;flex-direction:column;gap:8px}.cat-manage-error{font-size:12px;color:#e05555;margin:0}.cat-manage-pills{display:flex;flex-wrap:wrap;gap:6px}.cat-manage-empty{font-size:12px;color:var(--text-light);font-style:italic}.cat-manage-pill{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px 0 10px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:100px;font-size:13px;color:var(--text-secondary)}.cat-manage-delete{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:50%;border:none;background:none;cursor:pointer;color:var(--text-light);transition:var(--transition);flex-shrink:0}.cat-manage-delete:hover{background:#e05555;color:#fff}.cat-manage-add{display:flex;gap:6px;align-items:center}.cat-manage-input{flex:1;height:32px;padding:0 10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:13px;outline:none;transition:var(--transition)}.cat-manage-input:focus{border-color:var(--accent)}.cat-manage-input::placeholder{color:var(--text-light)}.cat-manage-add-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:var(--transition);flex-shrink:0}.cat-manage-add-btn:hover:not(:disabled){opacity:.85}.cat-manage-add-btn:disabled{opacity:.4;cursor:default}.iac-wrap{position:relative;width:100%}.iac-canvas{display:block;width:100%;height:auto;border-radius:4px;cursor:default;touch-action:auto;-webkit-user-select:none;user-select:none}.iac-canvas.drawing{cursor:crosshair;touch-action:none}.pdf-annotation-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.pdf-annotation-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none}.pdf-annotation-canvas.drawing{pointer-events:all;cursor:crosshair}.annotation-toggle{pointer-events:all;position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:5px;padding:7px 11px;background:#1a1a2ed9;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:20;white-space:nowrap}.annotation-toggle:hover{background:#1a1a2efa}.annotation-toggle.active{background:var(--terracotta);border-color:var(--terracotta-light)}.annotation-toggle.has-marks:not(.active){border-color:var(--terracotta)}.annotation-dot{width:6px;height:6px;border-radius:50%;background:var(--terracotta);flex-shrink:0}.annotation-toggle.active .annotation-dot{background:#fff}.annotation-toolbar{pointer-events:all;position:absolute;bottom:50px;right:10px;background:#12121ef5;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20;min-width:210px;box-shadow:0 8px 32px #00000080;animation:slideUp .18s ease}.at-divider{height:1px;background:#ffffff1a}.at-group{display:flex;gap:6px;align-items:center}.at-tool-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.at-tool-btn:hover{background:#ffffff26;color:#fff}.at-tool-btn.active{background:var(--terracotta);border-color:var(--terracotta-light);color:#fff}.at-colors{flex-wrap:wrap;gap:6px}.at-color-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s;padding:0;flex-shrink:0;display:block}.at-color-btn:hover{transform:scale(1.18)}.at-color-btn.active{border-color:#fff;transform:scale(1.18)}.at-color-custom{position:relative;cursor:pointer;display:flex}.at-color-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:none}.at-sliders{flex-direction:column;align-items:stretch;gap:5px}.at-slider-label{display:flex;justify-content:space-between;color:#ffffffa6;font-size:11px;font-weight:500}.at-slider-val{color:#fff}.at-slider{width:100%;accent-color:var(--terracotta);cursor:pointer;height:4px}.at-actions{gap:6px}.at-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.at-action-btn:hover:not(:disabled){background:#ffffff26;color:#fff}.at-action-btn:disabled{opacity:.3;cursor:not-allowed}.at-action-btn.danger:hover:not(:disabled){background:#e055554d;border-color:#e05555;color:#ff8080}@media(max-width:640px){.annotation-toolbar{right:6px;min-width:190px;padding:10px}.annotation-toggle{right:6px;padding:6px 9px;font-size:11px}}.fb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.fb-modal{background:var(--card-bg);border-radius:16px;width:min(480px,100%);max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040}.fb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.fb-modal-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text);margin:0}.fb-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}@media(hover:hover)and (pointer:fine){.fb-close:hover{color:var(--text);background:var(--bg-secondary)}}.fb-body{padding:20px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.fb-intro{font-size:14px;color:var(--text-muted);margin:0;line-height:1.5}.fb-ratings{display:flex;flex-direction:column;gap:14px}.fb-rating-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fb-rating-label-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.fb-rating-label{font-size:13px;font-weight:600;color:var(--text)}.fb-rating-sub{font-size:11px;color:var(--text-muted)}.fb-dots{display:flex;gap:6px;flex-shrink:0}.fb-dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,color .15s;-webkit-tap-highlight-color:transparent}.fb-dot--on{border-color:var(--terracotta);background:var(--terracotta);color:#fff}.fb-dot--readonly{cursor:default}@media(hover:hover)and (pointer:fine){.fb-dot:not(.fb-dot--readonly):hover{border-color:var(--terracotta);color:var(--terracotta)}}.fb-notes-wrap{display:flex;flex-direction:column;gap:6px}.fb-notes-label{font-size:13px;font-weight:600;color:var(--text)}.fb-notes{width:100%;box-sizing:border-box;padding:10px 12px;font-size:16px;font-family:DM Sans,sans-serif;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--text);resize:vertical;outline:none;line-height:1.5;transition:border-color .15s}.fb-notes:focus{border-color:var(--terracotta)}.fb-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px;flex-wrap:wrap}.fb-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;gap:7px;transition:opacity .15s,background .15s}.fb-btn:disabled{opacity:.45;cursor:default}.fb-btn--skip{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border)}.fb-btn--submit{background:var(--terracotta);color:#fff}@media(hover:hover)and (pointer:fine){.fb-btn--submit:not(:disabled):hover{opacity:.88}.fb-btn--skip:not(:disabled):hover{background:var(--border)}}.fb-view-list{padding:16px 20px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.fb-view-entry{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.fb-view-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.fb-view-user{font-size:13px;font-weight:700;color:var(--terracotta)}.fb-score-badge{font-size:12px;font-weight:700;background:var(--terracotta);color:#fff;padding:2px 8px;border-radius:100px}.fb-view-notes{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border);padding-top:10px}.fb-view-notes-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.fb-view-notes-text{font-size:13px;color:var(--text);line-height:1.5;margin:0;white-space:pre-wrap}.fb-empty{padding:24px 20px;text-align:center;color:var(--text-muted);font-size:14px}.fb-ratings--readonly .fb-dot{width:28px;height:28px;font-size:11px}@media(max-width:480px){.fb-rating-row{flex-direction:column;align-items:flex-start}.fb-dots{gap:5px}.fb-dot{width:38px;height:38px;font-size:14px}}.project-status{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-secondary);border-radius:var(--radius);border:1.5px solid var(--border);min-width:0;overflow:hidden;width:100%;box-sizing:border-box}.ps-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex-wrap:wrap}.ps-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;white-space:nowrap}.ps-badge--none{background:var(--bg-primary);color:var(--text-light);border:1px solid var(--border)}.ps-badge--active{background:#4e9af426;color:#4e9af4;border:1px solid rgba(78,154,244,.3)}.ps-badge--finished{background:#6dbf6d26;color:#4caf50;border:1px solid rgba(109,191,109,.3)}.ps-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);white-space:nowrap}.ps-btn:disabled{opacity:.5;cursor:not-allowed}.ps-btn--start{background:var(--terracotta);color:#fff}@media(hover:hover)and (pointer:fine){.ps-btn--start:hover:not(:disabled){background:var(--terracotta-dark, #b5603c)}}.ps-btn--finish{background:#6dbf6d33;color:#4caf50;border:1.5px solid rgba(109,191,109,.4)}@media(hover:hover)and (pointer:fine){.ps-btn--finish:hover:not(:disabled){background:#6dbf6d4d}}.ps-active-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#4e9af4;padding:6px 10px;background:#4e9af414;border-radius:var(--radius-sm)}.ps-stats{display:flex;gap:10px;flex-wrap:wrap}.ps-stat{display:flex;flex-direction:column;gap:2px;flex:1;min-width:100px;padding:8px 10px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border)}.ps-stat-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light)}.ps-stat-value{font-size:15px;font-weight:700;color:var(--text-primary)}.ps-history{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.ps-session{padding:10px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.ps-session--finished{transition:background .15s,border-color .15s}@media(hover:hover)and (pointer:fine){.ps-session--finished:hover{background:var(--bg-secondary);border-color:var(--terracotta)}}.ps-session-has-feedback{font-size:11px;font-weight:700;color:var(--terracotta);margin-left:2px}.ps-session-header{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.ps-session-num{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ps-session-live{font-size:11px;color:#4e9af4;font-weight:600;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ps-session-dur{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.ps-session-times{display:flex;flex-direction:column;gap:3px;min-width:0}.ps-time-row{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary);min-width:0;overflow:hidden}.ps-time-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ps-session-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.ps-session-bar-fill{height:100%;background:var(--terracotta);border-radius:2px;transition:width .4s ease}.ps-clear-wrap{padding-top:4px;border-top:1px solid var(--border)}.ps-clear-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-light);font-family:DM Sans,sans-serif;font-size:12px;cursor:pointer;transition:var(--transition);width:100%;justify-content:center}@media(hover:hover)and (pointer:fine){.ps-clear-btn:hover:not(:disabled){border-color:#e05555;color:#e05555;background:#e0555512}}.ps-clear-btn:disabled{opacity:.4;cursor:not-allowed}.ps-confirm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ps-confirm-text{font-size:12px;color:var(--text-secondary);flex:1;min-width:120px}.ps-confirm-btn{padding:5px 12px;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:var(--transition)}.ps-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.ps-confirm-btn--yes{background:#e05555;color:#fff}.ps-confirm-btn--no{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.ps-yarn-pill{display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:5px 10px 5px 6px;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.ps-yarn-pill-img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.ps-yarn-pill-emoji{font-size:18px;line-height:1;flex-shrink:0}.ps-yarn-pill-text{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.ps-yarn-pill-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-yarn-pill-colour{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-yarn-pill-colour:before{content:none}.ps-active-yarn{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.ps-active-yarn-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light)}.ps-session-yarn{margin:4px 0 6px}.yp-modal{background:var(--card-bg);border-radius:var(--radius);width:min(480px,94vw);max-height:85dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040}.yp-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px}.yp-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 3px}.yp-hint{font-size:13px;color:var(--text-light);margin:0}.yp-close{background:none;border:none;cursor:pointer;color:var(--text-light);padding:4px;flex-shrink:0;border-radius:var(--radius-sm);transition:var(--transition)}@media(hover:hover)and (pointer:fine){.yp-close:hover{color:var(--text-primary);background:var(--bg-secondary)}}.yp-search-wrap{position:relative;padding:12px 16px;flex-shrink:0;border-bottom:1px solid var(--border)}.yp-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.yp-search{width:100%;padding:8px 12px 8px 34px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;outline:none;transition:var(--transition);box-sizing:border-box}.yp-search:focus{border-color:var(--terracotta)}.yp-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0}.yp-loading{display:flex;justify-content:center;padding:40px}.yp-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--terracotta);border-radius:50%;animation:spin .7s linear infinite}.yp-empty{text-align:center;padding:40px 20px;color:var(--text-light);font-size:14px}.yp-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s}@media(hover:hover)and (pointer:fine){.yp-row:hover{background:var(--bg-secondary)}}.yp-row--selected{background:#c4714a14!important}.yp-row-thumb{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px}.yp-row-thumb img{width:100%;height:100%;object-fit:cover}.yp-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.yp-row-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yp-row-sub{font-size:12px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yp-row-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--terracotta);flex-shrink:0}.yp-footer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--border);flex-shrink:0}.yp-btn-skip{flex:1;padding:10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}@media(hover:hover)and (pointer:fine){.yp-btn-skip:hover{border-color:var(--text-secondary)}}.yp-btn-confirm{flex:1;padding:10px;border:none;border-radius:var(--radius-sm);background:var(--terracotta);color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:6px}.yp-btn-confirm:disabled{opacity:.4;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.yp-btn-confirm:not(:disabled):hover{filter:brightness(1.08)}}.yp-colour-step{border-top:1px solid var(--border);padding:14px 16px 0}.yp-colour-step-label{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.yp-colour-grid{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px}.yp-colour-dot{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:2px solid var(--border);border-radius:10px;padding:6px;cursor:pointer;min-width:64px;position:relative;transition:border-color .15s}.yp-colour-dot--selected{border-color:var(--terracotta);background:var(--surface-alt, var(--surface))}.yp-colour-dot-thumb{width:44px;height:44px;border-radius:6px;overflow:hidden;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:18px}.yp-colour-dot-thumb img{width:100%;height:100%;object-fit:cover}.yp-colour-dot-name{font-size:11px;color:var(--text);text-align:center;word-break:break-word;max-width:60px}.yp-colour-dot-check{position:absolute;top:2px;right:4px;font-size:11px;color:var(--terracotta);font-weight:700}.inv-use-modal{background:var(--card-bg);border-radius:16px;width:min(420px,94vw);max-height:80dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #0000002e}.inv-use-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.inv-use-header h3{font-size:16px;font-weight:700;margin:0;color:var(--text)}.inv-use-sub{font-size:13px;color:var(--text-muted);padding:8px 18px 0;margin:0;flex-shrink:0}.inv-use-items{overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.inv-use-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--border);border-radius:10px;background:var(--bg);cursor:pointer;text-align:left;width:100%}.inv-use-item--selected{border-color:var(--terracotta);background:var(--card-bg)}.inv-use-item-info{display:flex;flex-direction:column;gap:2px;flex:1}.inv-use-item-name{font-size:14px;font-weight:600;color:var(--text)}.inv-use-item-stock,.inv-use-item-price{font-size:12px;color:var(--text-muted)}.inv-use-check{color:var(--terracotta);font-weight:700;font-size:16px}.inv-use-skeins{padding:12px 18px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;align-items:center;flex-shrink:0}.inv-use-skeins-label{font-size:13px;font-weight:600;color:var(--text)}.inv-use-remaining{font-size:12px;color:var(--text-muted);margin:0}.inv-use-footer{display:flex;gap:10px;padding:12px 18px;border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end}.ps-session--active{border-color:#4e9af466;background:#4e9af40d}.kt-fab{position:fixed;right:16px;z-index:120;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:var(--terracotta);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000047;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.kt-fab:hover{background:var(--terracotta-light);transform:scale(1.07)}.kt-fab--active{background:var(--navy)}.kt-fab--active:hover{background:var(--navy-mid)}@media(max-width:768px){.kt-fab{display:none}}@media(min-width:641px){.kt-fab{bottom:72px}}@media(min-width:769px){.kt-fab{bottom:24px}}.kt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:118;background:#00000061;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media(min-width:769px){.kt-backdrop{display:none}}.kt-panel{position:fixed;top:60px;right:0;z-index:121;width:min(340px,92vw);background:var(--card-bg);border-left:1px solid var(--border);box-shadow:-6px 0 32px #0000002e;display:flex;flex-direction:column;overflow:hidden;transform:translate(110%);transition:transform .28s cubic-bezier(.4,0,.2,1)}@media(min-width:641px){.kt-panel{top:72px;bottom:0;max-height:calc(100dvh - 72px)}}.kt-panel--open{transform:translate(0)}@media(max-width:768px){.kt-panel{max-height:calc(100dvh - 110px - env(safe-area-inset-bottom,0px));overflow-y:auto}.kt-panel--controlled{bottom:calc(50px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 110px - env(safe-area-inset-bottom,0px))}}.kt-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--card-bg);flex-shrink:0}.kt-panel-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--terracotta)}.kt-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.kt-close:hover{border-color:var(--navy);color:var(--navy)}.kt-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kt-tabs::-webkit-scrollbar{display:none}.kt-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border:none;background:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:var(--text-secondary);transition:var(--transition);position:relative;white-space:nowrap;min-width:80px}.kt-tab:hover{color:var(--terracotta);background:var(--bg-hover)}.kt-tab--active{color:var(--terracotta);font-weight:700}.kt-tab--active:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2.5px;background:var(--terracotta);border-radius:2px 2px 0 0}.kt-tab-badge{position:absolute;top:6px;right:8px;min-width:16px;height:16px;padding:0 4px;background:var(--terracotta);color:#fff;border-radius:100px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.kt-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.kt-tool{display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px 20px 32px}.kt-tool--notes{align-items:stretch;padding:16px;gap:14px}.kt-counter-display{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.kt-counter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light)}.kt-counter-number{font-family:Playfair Display,serif;font-size:72px;font-weight:700;line-height:1;color:var(--text-primary);letter-spacing:-2px;min-width:3ch;text-align:center}.kt-counter-btns{display:flex;gap:14px;width:100%;justify-content:center}.kt-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-weight:600;transition:var(--transition);min-height:44px}.kt-btn:disabled{opacity:.3;cursor:not-allowed}.kt-btn--lg{width:100px;height:64px;font-size:26px;border-radius:12px}.kt-btn--down{background:var(--bg-secondary);color:var(--text-primary)}.kt-btn--down:not(:disabled):hover{background:var(--bg-hover)}.kt-btn--down:not(:disabled):active{transform:scale(.94)}.kt-btn--up{background:var(--terracotta);color:#fff}.kt-btn--up:not(:disabled):hover{background:var(--terracotta-light)}.kt-btn--up:not(:disabled):active{transform:scale(.94)}.kt-btn--sm{gap:5px;padding:8px 14px;font-size:12px}.kt-btn--ghost{background:var(--bg-secondary);color:var(--text-secondary);border:1.5px solid var(--border)}.kt-btn--ghost:not(:disabled):hover{border-color:var(--navy);color:var(--navy)}.kt-btn--locked{background:#c4714a1f;color:var(--terracotta);border:1.5px solid var(--terracotta)}.kt-btn--locked:hover{background:#c4714a33}.kt-btn--save{background:var(--navy);color:#fff;gap:5px;padding:8px 14px;font-size:12px;border:1.5px solid var(--navy)}.kt-btn--save:hover{opacity:.85}.kt-btn--accent{background:var(--terracotta);color:#fff;padding:10px 16px;font-size:13px;border-radius:var(--radius-sm);flex-shrink:0}.kt-btn--accent:not(:disabled):hover{background:var(--terracotta-light)}.kt-btn--accent:disabled{opacity:.4;cursor:not-allowed}.kt-counter-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.kt-locked-notice{font-size:12px;color:var(--terracotta);text-align:center;background:#c4714a14;border-radius:var(--radius-sm);padding:8px 12px;width:100%}.kt-saves-section{width:100%;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:20px}.kt-saves-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light)}.kt-saves-count{background:var(--bg-secondary);color:var(--text-secondary);border-radius:100px;font-size:11px;font-weight:700;padding:1px 8px}.kt-saves-list{display:flex;flex-direction:column;gap:6px;width:100%}.kt-save-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.kt-save-card-main{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:none;border:none;cursor:pointer;gap:8px;text-align:left;transition:var(--transition)}.kt-save-card-main:hover{background:var(--bg-hover)}.kt-save-card-left{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.kt-save-card-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kt-save-card-cat{font-size:11px;color:var(--terracotta);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.kt-save-card-right{display:flex;align-items:center;gap:6px;color:var(--text-secondary);flex-shrink:0}.kt-save-card-row{font-size:13px;color:var(--text-secondary);white-space:nowrap}.kt-save-card-row strong{color:var(--text-primary);font-weight:700}.kt-save-card-detail{padding:0 12px 10px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border)}.kt-save-card-note{font-size:13px;color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:8px 0 0}.kt-save-card-note--empty{color:var(--text-light);font-style:italic}.kt-save-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.kt-save-card-ts{font-size:11px;color:var(--text-light)}.kt-save-card-btns{display:flex;gap:4px}.kt-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.kt-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.kt-icon-btn--danger:hover{background:#e0555514;color:#e05555;border-color:#e05555}.kt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:641px){.kt-modal-overlay{align-items:center;padding:20px}}.kt-modal{background:var(--card-bg);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:ktSlideUp .22s ease;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:641px){.kt-modal{border-radius:var(--radius);padding-bottom:0}}@keyframes ktSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.kt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}.kt-modal-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text-primary)}.kt-modal-row-badge{margin:10px 16px 0;display:inline-flex;align-self:flex-start;padding:4px 12px;background:#c4714a1f;color:var(--terracotta);border-radius:100px;font-size:13px;font-weight:700}.kt-modal-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.kt-modal-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;display:block}.kt-modal-input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:16px;color:var(--text-primary);background:var(--input-bg);outline:none;transition:var(--transition);-webkit-appearance:none;box-sizing:border-box}.kt-modal-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c4714a1a}.kt-modal-textarea{resize:vertical;min-height:80px}.kt-pill-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;cursor:text;min-height:42px;transition:var(--transition)}.kt-pill-wrap:focus-within{border-color:var(--terracotta);box-shadow:0 0 0 3px #c4714a1a}.kt-pill-token{display:flex;align-items:center;gap:4px;background:var(--terracotta);color:#fff;font-size:12px;font-weight:600;padding:3px 8px 3px 10px;border-radius:20px;white-space:nowrap}.kt-pill-token-x{background:none;border:none;color:#ffffffbf;cursor:pointer;font-size:15px;padding:0;line-height:1}.kt-pill-token-x:hover{color:#fff}.kt-pill-bare-input{flex:1;min-width:80px;border:none;background:none;font-size:14px;color:var(--text-primary);padding:0;outline:none;font-family:DM Sans,sans-serif}.kt-pill-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 16px #0000001f;z-index:300;list-style:none;margin:3px 0 0;padding:4px 0;max-height:160px;overflow-y:auto}.kt-pill-suggestions li{padding:8px 14px;font-size:13px;cursor:pointer;color:var(--text-primary)}.kt-pill-suggestions li:hover{background:var(--bg-hover)}.kt-modal-footer{padding:12px 16px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border)}.kt-note-compose{display:flex;flex-direction:column;gap:8px;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px}.kt-note-input{width:100%;resize:none;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text-primary);background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;outline:none;transition:var(--transition);box-sizing:border-box;-webkit-appearance:none}.kt-note-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c4714a1a}.kt-note-input::placeholder{color:var(--text-light)}.kt-note-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.kt-attach-label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.kt-attach-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--terracotta);cursor:pointer}.kt-notes-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.kt-notes-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;color:var(--text-light);font-size:13px;text-align:center}.kt-note-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.kt-note-row-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#c4714a1f;color:var(--terracotta);border-radius:100px;font-size:11px;font-weight:700;align-self:flex-start}.kt-note-text{font-size:14px;color:var(--text-primary);line-height:1.5;word-break:break-word;white-space:pre-wrap;margin:0}.kt-note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.kt-note-ts{font-size:11px;color:var(--text-light)}.kt-note-delete{background:none;border:none;cursor:pointer;color:var(--text-light);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:var(--transition);min-height:28px;min-width:28px}.kt-note-delete:hover{color:#e05555;background:#e0555514}.crop-modal-overlay{align-items:center;justify-content:center}.crop-modal{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:95vw;max-height:95vh;overflow:hidden}.crop-modal-header{display:flex;align-items:flex-start;gap:12px;padding:16px 20px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.crop-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0}.crop-modal-hint{margin:0;font-size:.78rem;color:var(--text-secondary);flex-basis:100%;order:3}.crop-modal-header .modal-close{margin-left:auto;order:2}.crop-canvas-wrap{position:relative;display:inline-flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px;flex:1;background:#111}.crop-base-img{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crop-overlay-canvas{position:absolute;top:24px;left:50%;transform:translate(-50%);cursor:crosshair;touch-action:none}.crop-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--border)}@media(max-width:640px){.crop-canvas-wrap{padding:44px}.crop-overlay-canvas{top:44px}.crop-modal-header{padding:10px 14px 8px}.crop-modal-footer{padding:8px 14px}}.viewer{display:flex;flex-direction:column;min-height:calc(100dvh - 60px);overflow-x:hidden}@media(min-width:641px){.viewer{min-height:calc(100dvh - 72px)}}.viewer-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--card-bg);flex-shrink:0;overflow:hidden;gap:8px}@media(min-width:641px){.viewer-topbar{padding:12px 24px}}.viewer-back{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);padding:8px 10px;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;flex-shrink:0}.viewer-back:hover{color:var(--terracotta);background:#c4714a0f}.viewer-actions{display:flex;gap:6px;flex-shrink:0}.viewer-action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition);flex-shrink:0}.viewer-action-btn:hover{border-color:var(--navy);color:var(--navy)}.viewer-action-btn.danger:hover{border-color:#e05555;color:#e05555}a.viewer-action-btn{text-decoration:none}.viewer-body{display:flex;flex-direction:column;flex:1;overflow-x:hidden;padding-bottom:52px}@media(min-width:769px){.viewer-body{display:grid;grid-template-columns:1fr 280px;flex:1;overflow:hidden;padding-bottom:0}}@media(min-width:1100px){.viewer-body{grid-template-columns:1fr 320px}}.viewer-sidebar{background:var(--card-bg);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:0;overflow:hidden;position:fixed;bottom:0;left:0;right:0;z-index:80;max-height:52px;transition:max-height .32s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 24px #0000001f}.viewer-sidebar.sidebar-open{max-height:80dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-mobile-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;flex-shrink:0;position:sticky;top:0;background:var(--card-bg);z-index:1;border-bottom:1px solid var(--border)}.sidebar-toggle-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--terracotta)}.sidebar-content{padding:16px 16px 80px;display:flex;flex-direction:column;gap:12px}@media(min-width:769px){.viewer-sidebar{position:static;max-height:none;overflow-y:auto;overflow-x:hidden;border-top:none;border-left:1px solid var(--border);box-shadow:none;padding:0;order:1;gap:0;min-width:0;width:100%}.sidebar-mobile-toggle{display:none}.sidebar-content{padding:24px 20px;gap:12px;min-width:0}}@media(min-width:641px)and (max-width:768px){.sidebar-content{padding:18px 20px 80px}}.viewer-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3;word-break:break-word}@media(min-width:769px){.viewer-title{font-size:22px}}.viewer-description{font-size:14px;color:var(--text-secondary);line-height:1.6;word-break:break-word}.viewer-meta-group{display:flex;flex-direction:column;gap:5px}.viewer-meta-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light)}.viewer-meta-pills{display:flex;flex-wrap:wrap;gap:5px}.meta-pill{padding:3px 10px;background:var(--bg-secondary);border-radius:100px;font-size:13px;color:var(--text-secondary)}.category-pill{background:#c4714a1f;color:var(--terracotta);font-weight:500}.viewer-date{font-size:12px;color:var(--text-light);padding-top:10px;border-top:1px solid var(--border)}.viewer-content{background:#111;display:flex;flex-direction:column;flex:1;overflow:visible}@media(min-width:769px){.viewer-content{min-height:0;order:0}}.pdf-container{display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.pdf-controls{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;flex-wrap:wrap;overflow:hidden}.pdf-controls button,.pdf-controls a{display:flex;align-items:center;gap:4px;background:#ffffff1a;color:#fff;border:none;border-radius:6px;padding:6px 9px;font-family:DM Sans,sans-serif;font-size:13px;cursor:pointer;text-decoration:none;transition:var(--transition);min-height:36px;white-space:nowrap}.pdf-controls button:hover,.pdf-controls a:hover{background:#fff3}.pdf-controls span{color:#ffffffb3;font-size:13px;min-width:34px;text-align:center;white-space:nowrap}.pdf-open-btn{margin-left:auto;background:var(--terracotta)!important}.pdf-exit-btn{background:#ffffff26!important;border:1px solid rgba(255,255,255,.25)!important}.pdf-container.pdf-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;height:100dvh;background:#111;border-radius:0}.pdf-pages-wrap{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;display:flex;flex-direction:column;gap:16px;background:#222}.pdf-page-block{display:flex;flex-direction:column;gap:4px}.pdf-page-number{font-size:11px;color:#fff6;text-align:center;padding:2px 0}.pdf-convert-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;color:#ffffffb3;text-align:center;flex:1}.pdf-converting{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff9}.pdf-convert-note{font-size:12px;color:#fff6;max-width:320px}.pdf-download-btn{margin-left:auto;padding:6px 12px;background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:13px;text-decoration:none;cursor:pointer;transition:background .15s}.pdf-download-btn:hover{background:#fff3}.image-viewer{position:relative;display:flex;flex-direction:column;flex:1;background:#111;overflow:visible}.image-viewer.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;min-height:100dvh}.image-viewer-main{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:visible}.image-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:var(--transition);z-index:10}.image-nav.prev{left:8px}.image-nav.next{right:8px}@media(min-width:641px){.image-nav{width:48px;height:48px}.image-nav.prev{left:16px}.image-nav.next{right:16px}}.image-nav:hover:not(:disabled){background:#ffffff4d}.image-nav:disabled{opacity:.2;cursor:default}.controls-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:28px;background:#0000004d;border:none;border-top:1px solid rgba(255,255,255,.07);color:#ffffff59;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.controls-toggle:hover{background:#ffffff12;color:#ffffffb3}.controls-toggle:hover .controls-toggle-track{background:#ffffff59}.controls-toggle-track{width:32px;height:3px;background:#ffffff2e;border-radius:99px;transition:background .15s}.image-controls-wrap{overflow:hidden;max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1);flex-shrink:0}.image-controls-wrap.controls-open{max-height:160px}.image-controls{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#ffffff0f;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;overflow:hidden;flex-wrap:wrap}.image-controls button{display:flex;align-items:center;gap:4px;background:#ffffff1a;color:#fff;border:none;border-radius:6px;padding:6px 9px;font-size:12px;cursor:pointer;transition:var(--transition);min-height:34px;white-space:nowrap}.image-controls button:hover{background:#fff3}.image-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:3px 10px;border-radius:100px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none;max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis}.image-strip{display:flex;gap:5px;padding:7px 10px;overflow-x:auto;background:#0006;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.strip-thumb{flex-shrink:0;width:42px;height:56px;border-radius:4px;overflow:hidden;border:2px solid transparent;background:#ffffff1a;cursor:pointer;transition:var(--transition);padding:0}.strip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.strip-thumb.active{border-color:var(--terracotta)}.viewer-loading,.viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:var(--text-secondary);text-align:center}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--terracotta);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.btn-back{background:var(--terracotta);color:#fff;border:none;border-radius:var(--radius);padding:10px 20px;cursor:pointer;font-size:14px}.edit-modal,.confirm-modal{background:var(--card-bg);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:100%;max-height:92dvh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:641px){.edit-modal{border-radius:var(--radius);max-width:520px;padding-bottom:0}.confirm-modal{border-radius:var(--radius);max-width:420px;padding-bottom:0}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}.modal-footer{padding:12px 16px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);flex-shrink:0}.confirm-modal h3{font-family:Playfair Display,serif;font-size:18px;margin-bottom:8px}.confirm-modal p{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:5px;display:block}.form-textarea{resize:vertical;min-height:80px}.btn-primary{padding:10px 20px;background:var(--terracotta);color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-danger{padding:10px 16px;background:#e05555;color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-danger:hover{background:#c44444}.image-placeholder{color:#fff6;font-size:14px;text-align:center}.set-cover-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:transparent;border:1px solid var(--border);border-radius:99px;color:var(--text-secondary);font-size:11px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.set-cover-btn:hover,.set-cover-btn--done{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.pdf-page-number{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.image-controls .set-cover-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#ffffffbf;border-radius:99px}.image-controls .set-cover-btn:hover,.image-controls .set-cover-btn--done{background:#ffffff2e;border-color:#fff9;color:#fff}.delete-image-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#ff7878d9;font-size:11px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.delete-image-btn:hover{background:#dc323240;border-color:#dc505099;color:#f99}.viewer-cover-wrap{position:relative;margin-bottom:14px;border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary);aspect-ratio:4/3;flex-shrink:0}.viewer-cover-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.viewer-cover-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap;pointer-events:none}.category-editor{display:flex;flex-direction:column;gap:10px}.pill-group{display:flex;align-items:center;gap:4px;margin-bottom:3px}.pill-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-light);font-size:18px;line-height:1;cursor:pointer;transition:var(--transition);flex-shrink:0}.pill-remove:hover{background:#e8113526;color:#e05555}.add-category-row{display:flex;gap:6px}.add-category-input{flex:1;padding:8px 10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:15px;background:var(--input-bg);color:var(--text-primary);outline:none;transition:var(--transition)}.add-category-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c4714a1f}.add-category-input::placeholder{color:var(--text-light)}.add-category-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--terracotta);color:#fff;border:none;border-radius:var(--radius-sm);font-size:22px;font-weight:700;cursor:pointer;transition:var(--transition);flex-shrink:0}.add-category-btn:hover{background:var(--terracotta-light);transform:scale(1.05)}.category-hint{font-size:11px;color:var(--text-light);margin-left:4px}.reorder-modal{background:var(--card-bg);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:100%;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .25s ease;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:641px){.reorder-modal{border-radius:var(--radius);max-width:480px;padding-bottom:0}}.reorder-help{font-size:13px;color:var(--text-secondary);padding:6px 16px 10px;border-bottom:1px solid var(--border);margin:0;flex-shrink:0}@media(min-width:641px){.reorder-help{padding:6px 24px 10px}}.reorder-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0}.reorder-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:grab;transition:background .12s,opacity .12s;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.reorder-item:last-child{border-bottom:none}@media(min-width:641px){.reorder-item{padding:8px 24px}}.reorder-item:active{cursor:grabbing}.reorder-item--dragging{opacity:.4;background:var(--bg-hover)}.reorder-item--drop-target{background:var(--bg-hover);border-top:2px solid var(--accent)}.reorder-item:hover:not(.reorder-item--dragging){background:var(--bg-secondary)}.reorder-grip{color:var(--text-light);flex-shrink:0;cursor:grab}.reorder-num{font-size:12px;font-weight:700;color:var(--text-light);min-width:20px;text-align:center;flex-shrink:0}.reorder-thumb{width:48px;height:64px;object-fit:cover;border-radius:4px;flex-shrink:0;display:block;background:var(--bg-secondary);pointer-events:none}.reorder-name{flex:1;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.reorder-arrows{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.reorder-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:5px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);padding:0}.reorder-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.reorder-arrow:disabled{opacity:.25;cursor:default}.reorder-trigger-btn{display:flex;align-items:center;gap:4px;background:#ffffff1a;color:#fff;border:none;border-radius:6px;padding:6px 9px;font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;transition:var(--transition);min-height:34px;white-space:nowrap}.reorder-trigger-btn:hover{background:#fff3}.add-images-btn{display:flex;align-items:center;gap:4px;background:#ffffff1a;color:#fff;border:none;border-radius:6px;padding:6px 9px;font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;transition:var(--transition);min-height:34px;white-space:nowrap}.add-images-btn:hover:not(:disabled){background:#fff3}.add-images-btn:disabled{opacity:.5;cursor:default}@media(max-width:768px){.viewer-sidebar{display:none!important}.image-strip,.controls-toggle,.image-controls-wrap{display:none}.viewer-body{padding-bottom:calc(50px + env(safe-area-inset-bottom,0px))}}.mobile-tab-bar{display:none}@media(max-width:768px){.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(50px + env(safe-area-inset-bottom,0px));z-index:130;align-items:flex-start;background:var(--card-bg);border-top:1px solid var(--border);box-shadow:0 -1px 10px #0000001a}.mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-light);font-family:DM Sans,sans-serif;font-size:9px;font-weight:500;letter-spacing:.03em;padding:7px 4px 5px;height:50px;transition:color .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.mobile-tab-btn:active{opacity:.6}.mobile-tab-btn--active{color:var(--accent)}.mobile-tab-btn--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:2px;background:var(--accent);border-radius:0 0 3px 3px}}.mobile-panel{display:none}@media(max-width:768px){.mobile-panel{display:flex;flex-direction:column;position:fixed;bottom:calc(50px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:125;border-radius:18px 18px 0 0;max-height:68dvh;overflow:hidden;transform:translateY(105%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 40px #00000061;will-change:transform}.mobile-panel--open{transform:translateY(0)}.mobile-panel--images{background:#1a1a20;border-top:1px solid rgba(255,255,255,.08)}.mobile-panel--info{background:var(--card-bg);border-top:1px solid var(--border)}.mobile-panel-handle{display:flex;align-items:center;justify-content:center;padding:10px 16px 4px;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;background:none;width:100%}.mobile-panel-pill{width:36px;height:4px;border-radius:99px;background:#ffffff2e;transition:background .15s;pointer-events:none}.mobile-panel--info .mobile-panel-pill{background:var(--border)}.mobile-panel-handle:active .mobile-panel-pill{background:#ffffff6b}.mobile-panel--info .mobile-panel-handle:active .mobile-panel-pill{background:var(--text-secondary)}.mobile-panel-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 24px}.mobile-image-strip{display:flex!important;padding:8px 0 12px;gap:6px}.mobile-image-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:4px}.mobile-image-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.09);border-radius:16px;color:#fffc;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;padding:14px 6px 12px;cursor:pointer;min-height:68px;transition:background .13s ease,transform .11s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap;line-height:1.2}.mobile-image-actions button:active{background:#ffffff2e;transform:scale(.93)}.mobile-action-btn--danger{color:#ff5a5ae6!important;border-color:#dc32322e!important}.mobile-action-btn--danger:active{background:#dc323238!important}.mobile-panel--info .mobile-panel-body{padding:8px 16px 28px;display:flex;flex-direction:column;gap:12px}}.currency-input-wrap{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s}.currency-input-wrap:focus-within{border-color:var(--terracotta)}.currency-input-symbol{padding:0 10px 0 12px;font-size:14px;font-weight:600;color:var(--text-muted);background:var(--bg-secondary);border-right:1px solid var(--border);height:100%;display:flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:42px}.currency-input-field{flex:1;padding:10px 12px;font-size:16px;background:transparent;border:none;outline:none;color:var(--text);min-width:0}.currency-input-field::-webkit-outer-spin-button,.currency-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.currency-input-field[type=number]{-moz-appearance:textfield}.yum-modal{background:var(--card-bg);border-radius:var(--radius-lg, 16px);width:min(660px,96vw);max-height:92dvh;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000073;animation:slideUp .22s ease;overflow:hidden}.yum-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.yum-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text-primary)}.yum-close{background:none;border:none;cursor:pointer;color:var(--text-light);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}@media(hover:hover)and (pointer:fine){.yum-close:hover{color:var(--text-primary);background:var(--bg-secondary)}}.yum-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 20px;display:flex;flex-direction:column;gap:18px}.yum-image-drop{position:relative;width:100%;height:180px;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);transition:border-color .2s,background .2s;flex-shrink:0}.yum-image-drop:hover,.yum-image-drop.dragover{border-color:var(--terracotta);background:#c4714a0f}.yum-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-light);pointer-events:none}.yum-image-placeholder span{font-size:13px;font-weight:500}.yum-image-hint{font-size:11px!important;color:var(--text-light)}.yum-image-preview{width:100%;height:100%;object-fit:cover;display:block}.yum-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:13px;font-weight:500;opacity:0;transition:opacity .18s;pointer-events:none}.yum-image-drop:hover .yum-image-overlay{opacity:1}.yum-fields{display:flex;flex-direction:column;gap:14px}.yum-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.yum-row{grid-template-columns:1fr}}.yum-field{display:flex;flex-direction:column;gap:5px}.yum-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary)}.yum-required{color:var(--terracotta);margin-left:2px}.yum-input,.yum-textarea{width:100%;padding:9px 12px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .15s;box-sizing:border-box}.yum-input:focus,.yum-textarea:focus{outline:none;border-color:var(--terracotta)}.yum-textarea{resize:vertical;min-height:90px;line-height:1.5}.yum-error{margin:0 20px;padding:8px 12px;background:#e055551f;border:1px solid rgba(224,85,85,.3);border-radius:var(--radius-sm);color:#e05555;font-size:13px}.yum-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.yum-btn-cancel{padding:9px 18px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.yum-btn-save{padding:9px 22px;background:var(--terracotta);border:none;border-radius:var(--radius-sm);color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.yum-btn-cancel:disabled,.yum-btn-save:disabled{opacity:.5;cursor:not-allowed}.yum-url-import{padding:10px 14px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.yum-url-row{display:flex;gap:8px;align-items:center}.yum-url-input-wrap{position:relative;flex:1}.yum-url-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.yum-url-input{width:100%;padding:8px 10px 8px 32px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;transition:var(--transition);box-sizing:border-box}.yum-url-input:focus{outline:none;border-color:var(--terracotta)}.yum-url-btn{padding:8px 16px;background:var(--navy);color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition);display:flex;align-items:center;gap:6px;flex-shrink:0}.yum-url-btn:hover:not(:disabled){opacity:.88}.yum-url-btn:disabled{opacity:.45;cursor:not-allowed}.yum-url-msg{font-size:12px;margin:0}.yum-url-msg.error{color:#e05555}.yum-url-msg.success{color:#3a9e6e}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yarn-library .library-controls,.yarn-library .library-controls-inner{overflow:visible}.yarn-search-combined{display:flex!important;align-items:center;padding:0!important;overflow:visible;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);height:40px}.yarn-field-selector{position:relative;flex-shrink:0;z-index:200}.yarn-field-btn{display:flex;align-items:center;gap:4px;padding:0 10px 0 14px;height:38px;background:none;border:none;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .12s;border-radius:var(--radius) 0 0 var(--radius)}.yarn-field-btn:hover{color:var(--terracotta)}.yarn-field-btn .rotated{transform:rotate(180deg);transition:transform .15s}.yarn-field-divider{width:1px;height:20px;background:var(--border);flex-shrink:0}.yarn-field-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--card-bg);border:1.5px solid var(--border);border-radius:12px;padding:5px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 40px #00000038;z-index:300;min-width:150px;animation:slideUp .14s ease}.yarn-field-option{padding:8px 12px;background:none;border:none;border-radius:8px;text-align:left;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.yarn-field-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.yarn-field-option.active{background:#c4714a1f;color:var(--terracotta);font-weight:600}.yarn-input-wrap{position:relative;flex:1;display:flex;align-items:center;min-width:0}.yarn-search-input{padding-left:36px!important;border:none!important;border-radius:0 var(--radius) var(--radius) 0!important;height:38px!important;background:transparent!important;box-shadow:none!important;width:100%}.yarn-search-combined:focus-within{border-color:var(--terracotta);box-shadow:0 0 0 3px #c4714a1f}.yarn-search-input:focus{box-shadow:none!important;border-color:transparent!important}.yarn-colour-badge{position:absolute;bottom:6px;left:6px;padding:3px 8px;background:#00000085;color:#fff;border-radius:100px;font-size:10px;font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.yarn-card-item .recipe-card-thumb{aspect-ratio:4/3}.yarn-card-swatches{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.yarn-card-swatch-dot{width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;background:var(--surface-alt, var(--surface));flex-shrink:0}.yarn-card-swatch-dot img{width:100%;height:100%;object-fit:cover}.yarn-card-swatches-more{font-size:11px;color:var(--text-muted);display:flex;align-items:center;padding:0 2px}.yv-page{display:flex;flex-direction:column;min-height:100%;background:var(--bg-primary)}.yv-loading,.yv-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-secondary)}.yv-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card-bg);gap:12px;flex-wrap:wrap}.yv-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;padding:6px 10px;border-radius:var(--radius-sm);transition:var(--transition)}@media(hover:hover)and (pointer:fine){.yv-back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}}.yv-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yv-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}@media(hover:hover)and (pointer:fine){.yv-action-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.yv-action-btn.danger:hover{color:#e05555;border-color:#e05555;background:#e0555514}}.yv-confirm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary)}.yv-confirm-yes{padding:5px 12px;background:#e05555;color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer}.yv-confirm-no{padding:5px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:12px;cursor:pointer}.yv-body{display:grid;grid-template-columns:340px 1fr;gap:0;flex:1}@media(max-width:768px){.yv-body{grid-template-columns:1fr}}.yv-image-wrap{position:sticky;top:0;height:fit-content;max-height:100dvh;overflow:hidden;background:#111}@media(max-width:768px){.yv-image-wrap{position:relative;max-height:55vw}}.yv-image{width:100%;height:100%;object-fit:cover;display:block}.yv-image-placeholder{display:flex;align-items:center;justify-content:center;height:200px;font-size:60px;background:var(--bg-secondary);border-right:1px solid var(--border)}@media(min-width:769px){.yv-image-placeholder{height:400px}}.yv-details{padding:28px 28px 40px;display:flex;flex-direction:column;gap:16px;border-left:1px solid var(--border);overflow-y:auto}@media(max-width:768px){.yv-details{padding:20px 16px 32px;border-left:none}}.yv-name{font-family:Playfair Display,serif;font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.2;margin:0}@media(max-width:480px){.yv-name{font-size:22px}}.yv-wool-type{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.yv-specs{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.yv-spec-row{display:grid;grid-template-columns:24px minmax(0,180px) 1fr;align-items:start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);transition:background .12s}.yv-spec-row:last-child{border-bottom:none}@media(hover:hover)and (pointer:fine){.yv-spec-row:hover{background:var(--bg-secondary)}}@media(max-width:480px){.yv-spec-row{grid-template-columns:20px minmax(0,130px) 1fr;gap:6px;padding:8px 10px}}.yv-spec-icon{font-size:15px;line-height:1.5;flex-shrink:0}.yv-spec-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);line-height:1.4;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.yv-spec-value{font-size:13px;color:var(--text-primary);line-height:1.5}.yv-product-info{display:flex;flex-direction:column;gap:8px}.yv-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin:0}.yv-product-text{font-size:13px;color:var(--text-secondary);line-height:1.7;padding:14px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.yv-product-text p{margin:0 0 8px}.yv-product-text p:last-child{margin-bottom:0}.yv-date{font-size:12px;color:var(--text-light);padding-top:8px;border-top:1px solid var(--border);margin:0}.yv-colours-section{margin-top:28px;border-top:1px solid var(--border);padding-top:20px}.yv-colours-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.yv-add-colour-btn{display:flex;align-items:center;gap:5px;background:var(--terracotta);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer}@media(hover:hover)and (pointer:fine){.yv-add-colour-btn:hover{background:var(--terracotta-dark, #c0614a)}}.yv-add-colour-form{background:var(--surface-alt, var(--surface));border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.yv-colour-name-input{width:100%;padding:10px 12px;font-size:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);box-sizing:border-box}.yv-colour-name-input:focus{outline:none;border-color:var(--terracotta)}.yv-colour-photo-drop{width:100%;height:80px;border:2px dashed var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}@media(hover:hover)and (pointer:fine){.yv-colour-photo-drop:hover{border-color:var(--terracotta)}}.yv-colour-photo-hint{font-size:13px;color:var(--text-muted)}.yv-colour-photo-preview{width:100%;height:100%;object-fit:cover}.yv-colour-error{font-size:13px;color:#e05555;margin:0}.yv-add-colour-btns{display:flex;gap:8px}.yv-colour-save-btn{background:var(--terracotta);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer}.yv-colour-save-btn:disabled{opacity:.6;cursor:not-allowed}.yv-colour-cancel-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}.yv-no-colours{font-size:13px;color:var(--text-muted);margin:4px 0 0}.yv-colours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.yv-colour-swatch{border:2px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s}.yv-colour-swatch--active{border-color:var(--terracotta)}.yv-swatch-thumb{width:100%;aspect-ratio:1;background:var(--surface-alt, var(--surface));border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.yv-swatch-thumb img{width:100%;height:100%;object-fit:cover}.yv-swatch-emoji{font-size:24px}.yv-swatch-info{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;background:var(--surface);gap:4px}.yv-swatch-name{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.yv-swatch-del-btn{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-muted);flex-shrink:0;display:flex}@media(hover:hover)and (pointer:fine){.yv-swatch-del-btn:hover{color:#e05555}}.yv-swatch-confirm{display:flex;gap:4px}.yv-swatch-del-yes,.yv-swatch-del-no{border:none;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer}.yv-swatch-del-yes{background:#e05555;color:#fff}.yv-swatch-del-no{background:var(--border);color:var(--text)}.yv-colour-preview{position:relative;width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--surface-alt, var(--surface));display:flex;flex-direction:column;align-items:center;justify-content:center}.yv-colour-preview-img{width:100%;height:100%;object-fit:cover}.yv-colour-preview-placeholder{font-size:64px}.yv-colour-preview-name{position:absolute;bottom:0;left:0;right:0;background:#0000008c;color:#fff;text-align:center;padding:8px;font-size:14px;font-weight:500}.yv-colour-preview-close{position:absolute;top:10px;right:10px;background:#00000080;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.yv-swatch-text{display:flex;flex-direction:column;flex:1;overflow:hidden;gap:1px}.yv-swatch-price{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-page{padding:0 16px 16px;max-width:900px;margin:0 auto}.inv-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:0;position:sticky;top:0;z-index:9;background:var(--bg-primary);padding:10px 16px;border-bottom:1px solid var(--border);margin-left:-16px;margin-right:-16px}.inv-toolbar-top{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.inv-search-wrap{position:relative;flex:1;min-width:180px}.inv-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.inv-search{width:100%;padding:9px 12px 9px 34px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:16px;box-sizing:border-box}.inv-search:focus{outline:none;border-color:var(--terracotta)}.inv-toolbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}.inv-pill{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.inv-pill--active{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}@media(hover:hover)and (pointer:fine){.inv-pill:not(.inv-pill--active):hover{border-color:var(--text-muted);color:var(--text)}}.inv-add-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:var(--terracotta);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.inv-add-btn--secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}@media(hover:hover)and (pointer:fine){.inv-add-btn:not(.inv-add-btn--secondary):hover{opacity:.88}.inv-add-btn--secondary:hover{border-color:var(--text-muted)}}.inv-loading,.inv-empty{margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 16px;color:var(--text-muted);text-align:center}.inv-empty-hint{font-size:13px;max-width:280px}.inv-section{margin-bottom:28px;margin-top:20px}.inv-section-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.inv-card{display:flex;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px;transition:box-shadow .15s}.inv-card--empty{opacity:.6}.inv-card-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--bg);flex-shrink:0;display:flex;align-items:center;justify-content:center}.inv-card-thumb img{width:100%;height:100%;object-fit:cover}.inv-card-thumb-emoji{font-size:24px}.inv-card-body{flex:1;min-width:0}.inv-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.inv-card-names{display:flex;flex-direction:column;gap:2px;min-width:0}.inv-card-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-card-colour,.inv-card-category{font-size:12px;color:var(--text-muted)}.inv-card-actions{display:flex;gap:4px;flex-shrink:0}.inv-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:6px;color:var(--text-muted);cursor:pointer}@media(hover:hover)and (pointer:fine){.inv-icon-btn:hover{background:var(--bg);color:var(--text)}.inv-icon-btn.danger:hover{color:#e05a4b}}.inv-qty-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.inv-qty-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.inv-qty-btn:disabled{opacity:.35;cursor:default}.inv-qty-value{font-size:20px;font-weight:700;color:var(--text);min-width:32px;text-align:center}.inv-qty-zero{color:var(--text-muted)}.inv-qty-unit{font-size:11px;font-weight:400;color:var(--text-muted);margin-left:3px}.inv-purchase-row{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-muted);margin-bottom:4px}.inv-card-notes{font-size:12px;color:var(--text-muted);margin:4px 0}.inv-log-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 0;margin-top:4px}@media(hover:hover)and (pointer:fine){.inv-log-toggle:hover{color:var(--text)}}.inv-log{margin-top:6px;border-top:1px solid var(--border);padding-top:6px}.inv-log-loading{display:flex;justify-content:center;padding:8px}.inv-log-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:8px 0}.inv-log-row{display:flex;align-items:flex-start;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.inv-log-row:last-child{border-bottom:none}.inv-log-change{font-size:13px;font-weight:700;min-width:32px;text-align:right}.inv-log-row.pos .inv-log-change{color:#4caf50}.inv-log-row.neg .inv-log-change{color:#e05a4b}.inv-log-detail{display:flex;flex-direction:column;gap:1px}.inv-log-reason{font-size:12px;color:var(--text)}.inv-log-date{font-size:11px;color:var(--text-muted)}.inv-modal{background:var(--card-bg);border-radius:16px;width:min(520px,94vw);max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #0000002e}.inv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.inv-modal-header h2{font-size:17px;font-weight:700;color:var(--text);margin:0}.inv-modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:4px}.inv-type-toggle{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0}.inv-type-btn{flex:1;padding:12px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent;margin-bottom:-1px}.inv-type-btn.active{color:var(--terracotta);border-bottom-color:var(--terracotta)}.inv-modal-body{overflow-y:auto;padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:14px}.inv-field{display:flex;flex-direction:column;gap:6px}.inv-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inv-label{font-size:13px;font-weight:600;color:var(--text)}.inv-input{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:16px;width:100%;box-sizing:border-box}.inv-textarea{resize:vertical;min-height:64px;font-family:inherit}.inv-yarn-search-wrap{position:relative}.inv-yarn-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.inv-yarn-search{width:100%;padding:9px 12px 9px 32px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:16px;box-sizing:border-box}.inv-yarn-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-top:6px}.inv-yarn-row{border-bottom:1px solid var(--border)}.inv-yarn-row:last-child{border-bottom:none}.inv-yarn-row--selected{background:var(--bg)}.inv-yarn-row-main{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;background:none;border:none;cursor:pointer;text-align:left}@media(hover:hover)and (pointer:fine){.inv-yarn-row-main:hover{background:var(--bg)}}.inv-yarn-row-thumb{width:36px;height:36px;border-radius:6px;overflow:hidden;background:var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px}.inv-yarn-row-thumb img{width:100%;height:100%;object-fit:cover}.inv-yarn-row-info{display:flex;flex-direction:column;flex:1;min-width:0}.inv-yarn-row-name{font-size:14px;font-weight:600;color:var(--text)}.inv-yarn-row-sub{font-size:12px;color:var(--text-muted)}.inv-yarn-row-check{color:var(--terracotta);font-weight:700;margin-left:auto}.inv-yarn-colour-strip{display:flex;gap:8px;flex-wrap:wrap;padding:8px 12px 10px;background:var(--bg);border-top:1px solid var(--border)}.inv-colour-chip{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:2px solid transparent;border-radius:8px;padding:4px;cursor:pointer;position:relative}.inv-colour-chip--selected{border-color:var(--terracotta)}.inv-colour-chip-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:18px}.inv-colour-chip-thumb img{width:100%;height:100%;object-fit:cover}.inv-colour-chip-name{font-size:10px;color:var(--text);max-width:56px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-colour-chip-check{position:absolute;top:2px;right:2px;font-size:10px;color:var(--terracotta);font-weight:700}.inv-or-label{font-size:12px;color:var(--text-muted);text-align:center;margin:4px 0 0}.inv-add-to-db-btn{display:flex;align-items:center;gap:6px;margin-top:10px;padding:9px 14px;width:100%;justify-content:center;border:1px dashed var(--border);border-radius:8px;background:none;color:var(--terracotta);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}@media(hover:hover)and (pointer:fine){.inv-add-to-db-btn:hover{background:var(--bg-secondary);border-color:var(--terracotta)}}.inv-yarn-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:12px}.inv-category-pills{display:flex;gap:8px;flex-wrap:wrap}.inv-cat-pill{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font-size:13px;cursor:pointer}.inv-cat-pill.active{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.inv-qty-input-row{display:flex;align-items:center;gap:10px}.inv-qty-input{width:72px;text-align:center;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:18px;font-weight:700}.inv-error{color:#e05a4b;font-size:13px}.inv-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.inv-modal-cancel{padding:10px 20px;border:1px solid var(--border);border-radius:8px;background:none;color:var(--text);font-size:14px;cursor:pointer}.inv-modal-save{padding:10px 24px;background:var(--terracotta);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.inv-modal-save:disabled{opacity:.5;cursor:default}.inv-confirm-modal{background:var(--card-bg);border-radius:14px;padding:24px;width:min(320px,90vw);text-align:center;display:flex;flex-direction:column;gap:18px}.inv-confirm-btns{display:flex;gap:10px;justify-content:center}.inv-confirm-yes{padding:10px 22px;background:#e05a4b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.inv-confirm-no{padding:10px 22px;border:1px solid var(--border);background:none;color:var(--text);border-radius:8px;font-size:14px;cursor:pointer}@media(max-width:480px){.inv-page{padding:12px}.inv-grid,.inv-field-row{grid-template-columns:1fr}.inv-toolbar{flex-direction:column;align-items:stretch}.inv-add-btns{justify-content:stretch}.inv-add-btn{justify-content:center;width:100%}}.settings-page{display:flex;flex-direction:column;min-height:calc(100dvh - 60px);background:var(--bg-primary);overflow-x:hidden}@media(min-width:641px){.settings-page{min-height:calc(100dvh - 72px)}}.settings-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card-bg);gap:8px;overflow:hidden}@media(min-width:641px){.settings-topbar{padding:16px 24px}}.settings-back{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);padding:8px 10px;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;flex-shrink:0}.settings-back:hover{color:var(--terracotta)}.settings-title{font-family:Playfair Display,serif;font-size:18px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-body{display:flex;flex-direction:column;max-width:900px;margin:16px auto;width:100%;padding:0 12px;gap:16px}@media(min-width:641px){.settings-body{display:grid;grid-template-columns:200px 1fr;padding:0 24px;margin:32px auto;gap:24px}}.settings-nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;flex-shrink:0;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}@media(min-width:641px){.settings-nav{flex-direction:column;overflow-x:visible;gap:4px;padding-bottom:0}}.settings-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:none;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;white-space:nowrap;flex-shrink:0}.settings-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-btn.active{background:#c4714a1a;color:var(--terracotta)}.settings-content{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 16px;overflow:hidden;min-width:0}@media(min-width:641px){.settings-content{padding:28px}}.settings-section{display:flex;flex-direction:column;gap:18px}.section-heading{font-family:Playfair Display,serif;font-size:19px;color:var(--text-primary);padding-bottom:14px;border-bottom:1px solid var(--border)}.section-heading-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border);gap:8px;flex-wrap:wrap}.subsection-heading{font-size:15px;font-weight:600;color:var(--text-secondary);margin-top:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:15px;font-weight:500;color:var(--text-primary)}.settings-row-sub{font-size:13px;color:var(--text-light);margin-top:2px}.theme-toggle{width:52px;height:28px;background:var(--border);border:none;border-radius:100px;cursor:pointer;position:relative;transition:background .3s ease;flex-shrink:0}.theme-toggle.dark{background:#3a3a5c}.theme-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--terracotta);transition:transform .3s ease;box-shadow:0 1px 4px #0003}.theme-toggle.dark .theme-toggle-knob{transform:translate(24px);color:#a0a0c0}.lang-switcher{display:flex;gap:8px;flex-wrap:wrap}.lang-btn{padding:8px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.lang-btn:hover{border-color:var(--terracotta);color:var(--terracotta)}.lang-btn.active{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.user-badge{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.user-badge-avatar{width:44px;height:44px;border-radius:50%;background:var(--terracotta);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;font-family:Playfair Display,serif;flex-shrink:0}.user-badge-name{font-size:15px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-badge-role{font-size:12px;color:var(--text-light);margin-top:2px}.form-stack{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px}@media(max-width:640px){.form-stack{max-width:100%}}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;outline:none;transition:var(--transition);-webkit-appearance:none;max-width:100%}.status-success{font-size:13px;color:var(--sage);background:#7a9e7e1a;border:1px solid rgba(122,158,126,.3);border-radius:var(--radius-sm);padding:10px 12px}.status-error{font-size:13px;color:#e05555;background:#e0555514;border:1px solid rgba(224,85,85,.2);border-radius:var(--radius-sm);padding:10px 12px}.user-list{display:flex;flex-direction:column;gap:8px}.user-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.user-row-avatar{width:34px;height:34px;border-radius:50%;background:var(--navy-mid);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.user-row-info{flex:1;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.user-row-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-badge{font-size:11px;padding:2px 7px;border-radius:100px;background:var(--cream-dark);color:var(--text-secondary);font-weight:500;white-space:nowrap;flex-shrink:0}.user-role-badge.admin{background:#c4714a1f;color:var(--terracotta)}.user-row-actions{display:flex;gap:5px;flex-shrink:0}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1.5px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);flex-shrink:0}.icon-btn:hover{border-color:var(--navy);color:var(--navy)}.icon-btn.danger:hover{border-color:#e05555;color:#e05555}.btn-primary{padding:10px 20px;background:var(--terracotta);color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);align-self:flex-start;white-space:nowrap}.btn-secondary{padding:10px 16px;background:var(--card-bg);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-sm-primary{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--terracotta);color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-sm-primary:hover{background:var(--terracotta-light)}.settings-logout-row{margin-top:8px;padding-top:20px;border-top:1px solid var(--border)}.btn-logout{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}@media(hover:hover)and (pointer:fine){.btn-logout:hover{background:#b43c2814;color:var(--terracotta);border-color:var(--terracotta)}}.settings-modal{background:var(--card-bg);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:100%;box-shadow:var(--shadow-lg);animation:slideUp .25s ease;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:641px){.settings-modal{border-radius:var(--radius);max-width:440px;padding-bottom:0}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0;gap:8px}@media(min-width:641px){.modal-header{padding:20px 24px 0}}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-light);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:var(--transition);flex-shrink:0}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:16px;display:flex;flex-direction:column;gap:14px;overflow-x:hidden}.modal-footer{padding:12px 16px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border)}.modal-hint{font-size:14px;color:var(--text-secondary)}.checkbox-row{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-primary)}.loading-text{color:var(--text-light);font-size:14px}.export-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.export-card-text{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.export-card-title{font-size:15px;font-weight:600;color:var(--text-primary)}.export-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.btn-export{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--navy);color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;flex-shrink:0}.btn-export:hover:not(:disabled){background:var(--navy-mid)}.btn-export:disabled{opacity:.5;cursor:not-allowed}.settings-row--column{flex-direction:column;align-items:flex-start;gap:16px}.theme-swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}@media(max-width:640px){.theme-swatch-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.theme-swatch-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.theme-swatch{position:relative;width:100%;aspect-ratio:3/4;border:2px solid transparent;border-radius:12px;padding:0;cursor:pointer;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;background:none}.theme-swatch:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.theme-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted),0 6px 20px #00000026;transform:translateY(-2px)}.swatch-preview{width:100%;height:100%;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.swatch-header{display:flex;align-items:center;gap:4px;padding:5px 6px;flex-shrink:0}.swatch-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.swatch-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;flex:1}.swatch-card{border-radius:4px;padding:4px;display:flex;flex-direction:column;gap:3px}.swatch-line{height:3px;border-radius:2px;width:100%}.swatch-line.short{width:65%}.swatch-accent-bar{height:4px;flex-shrink:0}.swatch-check{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000040}.swatch-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-align:center;line-height:1.2;white-space:nowrap}.theme-swatch.selected+.swatch-label,.theme-swatch-wrap:has(.theme-swatch.selected) .swatch-label{color:var(--accent);font-weight:600}.settings-nav-divider{padding:1.25rem 1rem .4rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);opacity:.7;display:flex;align-items:center;gap:.5rem}.settings-nav-divider:after{content:"";flex:1;height:1px;background:var(--border);opacity:.5}.log-controls{display:flex;align-items:center;gap:.75rem}.log-viewer{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem;font-family:Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.6;max-height:520px;overflow-y:auto;margin-top:1rem;color:var(--text)}.log-loading{color:var(--text-muted);font-style:italic}.log-line{word-break:break-all;padding:1px 0}.log-line--error{color:#e05555}.log-line--ok{color:#5a9e6f}.log-line--warn{color:#c99a30}.form-row-two{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:end}.mail-test-row{display:flex;gap:.75rem;align-items:center;margin-top:.5rem;flex-wrap:wrap}.mail-test-row .form-input{flex:1;min-width:180px}.totp-setup-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-top:.5rem}.totp-instructions{font-size:.9rem;color:var(--text);margin-bottom:1rem;line-height:1.5}.totp-qr{display:block;margin:0 auto 1rem;width:180px;height:180px;border-radius:8px;border:3px solid var(--border)}.totp-secret-label{font-size:.8rem;color:var(--text-muted);text-align:center;margin-bottom:.25rem}.totp-secret{display:block;text-align:center;font-size:.8rem;letter-spacing:.15em;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem;word-break:break-all}.totp-verify-input{font-size:1.4rem!important;letter-spacing:.4em;text-align:center}.totp-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn-ghost-danger{background:none;border:1px solid var(--danger, #e05555);color:var(--danger, #e05555);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background .15s}.btn-ghost-danger:hover{background:color-mix(in srgb,var(--danger, #e05555) 10%,transparent)}.btn-danger{background:var(--danger, #e05555);color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;font-weight:600}.btn-danger:disabled{opacity:.5}.log-source-tabs{display:flex;gap:.4rem;margin-bottom:.75rem}.log-tab{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.3rem .85rem;font-size:.8rem;cursor:pointer;color:var(--text-muted);transition:all .15s}.log-tab:hover{border-color:var(--accent);color:var(--accent)}.log-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.log-line--nginx{color:var(--text-muted)}.announcement-push-modal{max-width:540px}.announcement-textarea{resize:vertical;min-height:140px;font-family:DM Sans,sans-serif;line-height:1.5}.announcement-history{display:flex;flex-direction:column;gap:10px}.announcement-history-item{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:var(--bg-secondary)}.announcement-history-title{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:4px}.announcement-history-body{font-size:13px;color:var(--text-secondary);white-space:pre-wrap;margin-bottom:8px;line-height:1.5}.announcement-history-meta{font-size:11px;color:var(--text-light)}.settings-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.section-subheading{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem}.btn-icon-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.form-textarea{height:auto;resize:vertical;line-height:1.6;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px}.template-tokens{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:.75rem}.template-tokens-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-right:2px}.template-tokens-hint{font-size:11px;color:var(--text-light);width:100%;margin-top:2px}.token-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;border:1.5px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-family:DM Mono,Courier New,monospace;cursor:pointer;transition:var(--transition)}.token-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.token-chip--required{border-color:var(--accent);color:var(--accent);background:var(--accent-muted);font-weight:600}.settings-modal--wide{max-width:600px}.stats-page{padding:24px;min-height:100%}.stats-header{margin-bottom:32px}.stats-header h1{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.stats-header-subtitle{font-size:14px;color:var(--text-muted);margin:0}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.stats-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);transition:transform .15s ease,box-shadow .15s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.stats-card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:var(--gradient, var(--bg-secondary));color:var(--text-primary)}.stats-card-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 4px}.stats-card-value{font-size:36px;font-weight:700;line-height:1;color:var(--text-primary);margin-bottom:6px}.stats-card-sub{font-size:11px;color:var(--text-muted);margin:0}.stats-card--from-orange-to-red{--gradient: linear-gradient(135deg, #FF9A5E 0%, #FF6B6B 100%)}.stats-card--from-green-to-emerald{--gradient: linear-gradient(135deg, #86EFAC 0%, #34D399 100%)}.stats-card--from-blue-to-indigo{--gradient: linear-gradient(135deg, #60A5FA 0%, #4F46E5 100%)}.stats-card--from-purple-to-pink{--gradient: linear-gradient(135deg, #C084FC 0%, #F472B6 100%)}.stats-card--from-teal-to-blue{--gradient: linear-gradient(135deg, #2DD4BF 0%, #06B6D4 100%)}.stats-card--from-cyan-to-blue{--gradient: linear-gradient(135deg, #22D3EE 0%, #3B82F6 100%)}.stats-card--from-indigo-to-purple{--gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%)}.stats-card--from-violet-to-fuchsia{--gradient: linear-gradient(135deg, #8B5CF6 0%, #D946EF 100%)}.help-page{display:flex;flex-direction:column;min-height:calc(100dvh - 60px);background:var(--bg-primary)}@media(min-width:641px){.help-page{min-height:calc(100dvh - 72px)}}.help-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card-bg);gap:8px}@media(min-width:641px){.help-topbar{padding:16px 24px}}.help-back{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);padding:8px 10px;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;flex-shrink:0}.help-back:hover{color:var(--accent)}.help-topbar-title{font-family:Playfair Display,serif;font-size:18px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-topbar-spacer{width:80px;flex-shrink:0}.help-body{display:flex;flex-direction:column;max-width:1100px;width:100%;margin:0 auto;padding:20px 12px 60px;gap:24px}@media(min-width:769px){.help-body{flex-direction:row;align-items:flex-start;padding:32px 24px 80px;gap:32px}}.help-toc{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;flex-shrink:0;width:100%;overflow-x:auto}@media(min-width:769px){.help-toc{width:230px;position:sticky;top:92px;max-height:calc(100dvh - 112px);overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:var(--border) transparent}}.help-toc-header{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.help-toc nav{display:flex;flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none}.help-toc nav::-webkit-scrollbar{display:none}@media(min-width:769px){.help-toc nav{flex-direction:column;gap:2px;overflow-x:visible}}.help-toc-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:left;transition:var(--transition);white-space:nowrap;flex-shrink:0}@media(min-width:769px){.help-toc-item{white-space:normal;flex-shrink:1}}.help-toc-item:hover{background:var(--bg-hover);color:var(--text-primary)}.help-toc-item.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600}.help-toc-num{font-size:11px;font-weight:700;color:var(--accent);min-width:18px;text-align:center;flex-shrink:0}.help-toc-label{flex:1}.help-toc-arrow{color:var(--text-light);flex-shrink:0;opacity:0;transition:opacity .15s}.help-toc-item:hover .help-toc-arrow,.help-toc-item.active .help-toc-arrow{opacity:1}.help-article{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.help-hero{display:flex;align-items:flex-start;gap:16px;background:color-mix(in srgb,var(--accent) 8%,var(--card-bg));border:1.5px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius);padding:20px}.help-hero-icon{font-size:36px;line-height:1;flex-shrink:0}.help-hero-title{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 6px}@media(min-width:641px){.help-hero-title{font-size:26px}}.help-hero-intro{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.help-section{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;scroll-margin-top:90px}.help-section-heading{display:flex;align-items:center;gap:10px;width:100%;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.help-section-heading:hover{background:var(--bg-hover)}.help-section-num{font-size:12px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-section-icon{color:var(--accent);flex-shrink:0;display:flex}.help-section-title{font-family:Playfair Display,serif;font-size:17px;font-weight:700;color:var(--text-primary);flex:1}@media(min-width:641px){.help-section-title{font-size:18px}}.help-section-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .22s ease}.help-section-chevron.open{transform:rotate(180deg)}.help-section-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.help-section-body.expanded{grid-template-rows:1fr;border-top:1px solid var(--border)}.help-section-body-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column}.help-item{padding:14px 18px;border-bottom:1px solid var(--border)}.help-item:last-child{border-bottom:none}.help-item--intro{background:color-mix(in srgb,var(--bg-primary) 40%,var(--card-bg))}.help-item--intro .help-item-text{font-size:14px;color:var(--text-secondary);font-style:italic;margin:0;line-height:1.65}.help-item-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:6px}.help-item-label svg{flex-shrink:0}.help-item--labelled .help-item-text{font-size:14px;color:var(--text-primary);margin:0;line-height:1.65}.help-footer-note{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;font-size:14px;color:var(--text-secondary);font-style:italic}.help-section-body-inner{display:flex;flex-direction:column;overflow:hidden}@media(prefers-reduced-motion:reduce){.help-section-body,.help-section-chevron,.help-toc-arrow{transition:none}}.upload-modal{background:var(--card-bg);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:100%;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-lg);animation:slideUp .25s ease;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:641px){.upload-modal{border-radius:var(--radius);max-width:540px;max-height:90dvh;padding-bottom:0}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0;flex-shrink:0;position:relative}.modal-header:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--border);position:absolute;top:-10px;left:50%;transform:translate(-50%)}@media(min-width:641px){.modal-header{padding:20px 24px 0}.modal-header:before{display:none}}.modal-header h3{font-family:Playfair Display,serif;font-size:18px;color:var(--text-primary)}@media(min-width:641px){.modal-header h3{font-size:20px}}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-light);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:var(--transition);flex-shrink:0}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:14px 16px;display:flex;flex-direction:column;gap:14px;overflow-x:hidden}@media(min-width:641px){.modal-body{padding:20px 24px;gap:16px}}.modal-footer{padding:12px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);flex-shrink:0;padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}@media(max-width:360px){.modal-footer{flex-direction:column-reverse}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%;justify-content:center;text-align:center}}@media(min-width:641px){.modal-footer{padding:16px 24px 20px}}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);transition:var(--transition);background:var(--bg-primary);overflow:hidden}.drop-zone.dragging{border-color:var(--terracotta);background:#c4714a0d}.drop-zone.has-files{border-style:solid;border-color:var(--sage);background:#7a9e7e0f}.file-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.drop-zone-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px 14px;cursor:pointer;text-align:center}.drop-icon{color:var(--text-light);margin-bottom:8px}.drop-title{font-family:Playfair Display,serif;font-size:16px;color:var(--text-primary);margin-bottom:4px}.drop-sub{font-size:13px;color:var(--text-secondary);line-height:1.5}.drop-link{color:var(--terracotta);font-weight:500;text-decoration:underline}.file-preview{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.file-type-icon{flex-shrink:0}.file-type-icon.pdf{color:#e05555}.file-type-icon.img{color:var(--sage)}.file-info{flex:1;min-width:0;text-align:left}.file-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:var(--text-light);margin-top:2px}.file-remove{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1.5px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-light);transition:var(--transition)}.file-remove:hover{border-color:#e05555;color:#e05555}.folder-upload-hint{display:flex;justify-content:center;padding:4px 16px 12px}.folder-btn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-light);cursor:pointer;transition:var(--transition);background:none;border:none;padding:6px 10px;border-radius:4px}.folder-btn:hover{color:var(--terracotta);background:#c4714a0f}.upload-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#e0555514;border:1px solid rgba(224,85,85,.2);border-radius:var(--radius-sm);color:#c44444;font-size:13px}.form-field{display:flex;flex-direction:column;gap:5px}.field-hint{font-size:12px;color:var(--text-light);line-height:1.4}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);display:block}.form-hint{font-weight:400;color:var(--text-light)}.form-input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:16px;color:var(--text-primary);background:var(--input-bg);outline:none;transition:var(--transition);-webkit-appearance:none;max-width:100%}.form-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c4714a1a}.form-textarea{resize:vertical;min-height:70px}.form-pills{display:flex;flex-wrap:wrap;gap:7px}.pill{height:32px;padding:0 12px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:100px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap}.pill:hover{border-color:var(--terracotta);color:var(--terracotta)}.pill-active{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.pill-active:hover{background:var(--terracotta-light);color:#fff}.btn-primary{padding:11px 20px;background:var(--terracotta);color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--terracotta-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:11px 16px;background:var(--card-bg);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-secondary:hover{border-color:var(--navy);color:var(--navy)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px}.upload-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:10px}.success-icon{color:var(--sage)}.upload-success h4{font-family:Playfair Display,serif;font-size:20px}.upload-success p{font-size:14px;color:var(--text-secondary)}.dup-warning{display:flex;gap:10px;background:#eab3081f;border:1px solid rgba(234,179,8,.4);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px}.dup-icon{color:#eab308;flex-shrink:0;margin-top:2px}.dup-warning-content{display:flex;flex-direction:column;gap:4px;flex:1}.dup-warning-content strong{font-size:.85rem;color:var(--text-primary)}.dup-warning-content p{font-size:.8rem;color:var(--text-secondary);margin:0}.dup-warning-content em{color:var(--text-primary);font-style:normal;font-weight:500}.dup-actions{display:flex;gap:8px;margin-top:8px}.btn-sm{padding:5px 12px;border-radius:var(--radius);font-size:.8rem;cursor:pointer;border:none}.btn-ghost{background:var(--bg-hover);color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary)}.btn-warning{background:#eab308;color:#000;font-weight:600}.btn-warning:hover{background:#ca9f07}.pill-input-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:7px 10px;cursor:text;min-height:42px}.pill-input-wrap:focus-within{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(var(--terracotta-rgb, 185,107,83),.15)}.pill-token{display:flex;align-items:center;gap:4px;background:var(--terracotta);color:#fff;font-size:12px;font-weight:600;padding:3px 8px 3px 10px;border-radius:20px;white-space:nowrap}.pill-token-x{background:none;border:none;color:#ffffffbf;cursor:pointer;font-size:15px;padding:0;line-height:1}.pill-token-x:hover{color:#fff}.pill-bare-input{flex:1;min-width:80px;border:none;background:none;font-size:14px;color:var(--text);padding:0;outline:none;font-family:inherit}.pill-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:20;list-style:none;margin:3px 0 0;padding:4px 0;max-height:160px;overflow-y:auto}.pill-suggestions li{padding:8px 14px;font-size:13px;cursor:pointer;color:var(--text)}.pill-suggestions li:hover{background:var(--bg-hover)}.upload-step-badge{font-size:.72rem;color:var(--text-secondary);background:var(--bg-hover);border-radius:99px;padding:2px 8px;margin-left:4px;flex-shrink:0}.upload-edit-preview-notice{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary);margin:-4px 0 4px}.upload-edit-step{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.upload-edit-empty{align-items:center;justify-content:center;gap:16px;padding:40px}.upload-edit-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 6px;border-bottom:1px solid var(--border);flex-shrink:0}.upload-edit-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.upload-edit-reorder-btn{display:flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;transition:background .15s,color .15s}.upload-edit-reorder-btn:hover,.upload-edit-reorder-btn.active{background:var(--accent);color:#fff;border-color:transparent}.upload-edit-preview{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden}.upload-edit-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.upload-edit-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000073;color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .15s}.upload-edit-nav:hover:not(:disabled){background:#000000b3}.upload-edit-nav:disabled{opacity:.25;pointer-events:none}.upload-edit-nav.prev{left:10px}.upload-edit-nav.next{right:10px}.upload-edit-toolbar{display:flex;align-items:stretch;justify-content:center;gap:4px;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.upload-edit-tool{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;font-size:.7rem;font-weight:500;transition:background .13s,color .13s,border-color .13s;flex:1;max-width:90px}.upload-edit-tool:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-muted)}.upload-edit-tool--danger{color:var(--text-secondary)}.upload-edit-tool--danger:hover{background:#dc32321a;color:#c83232;border-color:#dc32324d}.upload-edit-strip{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;-webkit-overflow-scrolling:touch}.upload-edit-strip-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.upload-edit-strip-thumb{position:relative;width:54px;height:54px;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-hover);cursor:pointer;padding:0;transition:border-color .15s}.upload-edit-strip-item.active .upload-edit-strip-thumb{border-color:var(--accent)}.upload-edit-strip-thumb img{width:100%;height:100%;object-fit:cover}.upload-edit-strip-num{position:absolute;bottom:2px;right:3px;font-size:9px;font-weight:700;color:#fff;background:#0000008c;border-radius:3px;padding:0 3px;line-height:14px}.upload-edit-strip--reorder .upload-edit-strip-item{flex-direction:row;align-items:center;gap:4px}.upload-edit-strip-arrows{display:flex;flex-direction:column;gap:2px}.upload-edit-strip-arrows button{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;padding:0;transition:background .12s}.upload-edit-strip-arrows button:hover:not(:disabled){background:var(--accent);color:#fff;border-color:transparent}.upload-edit-strip-arrows button:disabled{opacity:.3;pointer-events:none}.upload-edit-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 16px;border-top:1px solid var(--border);background:var(--card-bg);flex-shrink:0}.upload-edit-hint{flex:1;font-size:.76rem;color:var(--text-secondary);margin:0}@media(min-width:641px){.upload-modal:has(.upload-edit-step){max-width:680px;max-height:92dvh}}.iw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px}.iw-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:1100px;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0000004d}.iw-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.iw-header-title{font-size:16px;font-weight:700;color:var(--text);flex:1}.iw-header-count{font-size:13px;color:var(--text-muted);background:var(--bg-secondary);padding:3px 10px;border-radius:20px}.iw-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex}.iw-progress-track{height:3px;background:var(--border);flex-shrink:0}.iw-progress-fill{height:100%;background:var(--terracotta);transition:width .3s ease}.iw-body{flex:1;overflow:hidden;display:flex}.iw-centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;text-align:center;color:var(--text)}.iw-centered h3{font-size:20px;font-weight:700;margin:0}.iw-hint{color:var(--text-muted);font-size:14px;margin:0}.iw-content{flex:1;display:flex;overflow:hidden;min-height:0}.iw-sidebar{width:220px;min-width:220px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.iw-sidebar-header{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0}.iw-refresh-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;margin-left:auto;border-radius:4px;display:flex}@media(hover:hover)and (pointer:fine){.iw-refresh-btn:hover{color:var(--terracotta)}}.iw-queue-list{flex:1;overflow-y:auto;padding:6px 0}.iw-queue-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .12s;border-left:3px solid transparent}.iw-queue-item.active{background:var(--card-bg);border-left-color:var(--terracotta)}@media(hover:hover)and (pointer:fine){.iw-queue-item:not(.active):hover{background:var(--bg-primary)}}.iw-queue-icon{flex-shrink:0}.iw-queue-icon.pdf{color:var(--terracotta)}.iw-queue-icon.img{color:var(--navy)}.iw-queue-name{flex:1;font-size:12px;font-weight:500;color:var(--text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.iw-queue-count{font-size:11px;color:var(--text-muted);background:var(--border);border-radius:10px;padding:1px 6px;flex-shrink:0}.iw-type-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.iw-type-badge.pdf{background:#b45032d9;color:#fff}.iw-type-badge.img{background:#1e3c78cc;color:#fff}.iw-edit-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.iw-viewer{position:relative;flex:0 0 55%;min-height:0;border-bottom:1px solid var(--border);background:var(--bg-secondary);overflow:hidden;display:flex;flex-direction:column}.iw-viewer-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:10px;align-items:center;scroll-behavior:smooth}.iw-viewer-page{width:100%;max-width:560px;height:auto;display:block;border-radius:4px;box-shadow:0 2px 8px #00000026;flex-shrink:0;transition:opacity .15s ease}.iw-viewer-page.hidden{opacity:0;height:0;overflow:hidden}.iw-viewer-page.loaded{opacity:1;height:auto}.iw-page-wrap{width:100%;max-width:560px;flex-shrink:0;position:relative}.iw-page-placeholder{width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:4px;color:var(--text-muted)}.iw-page-error{color:var(--terracotta);min-height:60px}.iw-viewer-loading,.iw-viewer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:13px}.iw-viewer-empty-label{font-size:13px;color:var(--text-muted)}.iw-viewer-badges{position:absolute;bottom:10px;left:12px;display:flex;gap:6px;align-items:center;pointer-events:none}.iw-form{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px}.iw-field{display:flex;flex-direction:column;gap:6px}.iw-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.iw-required{color:var(--terracotta)}.iw-input,.iw-textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;padding:9px 12px;width:100%;box-sizing:border-box;font-family:inherit;resize:vertical}.iw-input:focus,.iw-textarea:focus{outline:none;border-color:var(--terracotta)}.iw-pill-field{display:flex;flex-direction:column;gap:6px;position:relative}.iw-pill-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:7px 10px;cursor:text;min-height:42px}.iw-pill{display:flex;align-items:center;gap:4px;background:var(--terracotta);color:#fff;font-size:12px;font-weight:600;padding:3px 8px 3px 10px;border-radius:20px}.iw-pill-x{background:none;border:none;color:#fffc;cursor:pointer;font-size:14px;padding:0;line-height:1}.iw-pill-input{flex:1;min-width:80px;border:none;background:none;font-size:14px;color:var(--text);padding:0;outline:none}.iw-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:10;list-style:none;margin:4px 0 0;padding:4px 0;max-height:160px;overflow-y:auto}.iw-suggestions li{padding:8px 14px;font-size:14px;color:var(--text);cursor:pointer}@media(hover:hover)and (pointer:fine){.iw-suggestions li:hover{background:var(--bg-secondary)}}.iw-skip-confirm{margin:0 20px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text)}.iw-skip-confirm p{margin:0 0 12px}.iw-skip-confirm-btns{display:flex;gap:8px;justify-content:flex-end}.iw-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);gap:12px;flex-shrink:0}.iw-footer-left{display:flex;gap:8px}.iw-btn-primary{display:flex;align-items:center;gap:6px;background:var(--terracotta);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.iw-btn-primary:disabled{opacity:.45;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.iw-btn-primary:not(:disabled):hover{opacity:.88}}.iw-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 18px;font-size:14px;cursor:pointer}.iw-btn-ghost{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:9px 14px;font-size:13px;cursor:pointer;transition:color .12s,border-color .12s}@media(hover:hover)and (pointer:fine){.iw-btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}}.iw-btn-danger{background:#c0392b;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer}@keyframes iw-spin{to{transform:rotate(360deg)}}.iw-spin{animation:iw-spin .8s linear infinite}@media(max-width:640px){.iw-overlay{padding:0;align-items:flex-end}.iw-modal{max-width:100%;max-height:95dvh;border-radius:16px 16px 0 0}.iw-sidebar{display:none}.iw-viewer{flex:0 0 45%}.iw-viewer-page{max-width:100%}.iw-form{padding:10px 14px;gap:10px}.iw-footer{padding:12px 16px}.iw-footer-left{gap:6px}.iw-btn-ghost{padding:9px 10px;font-size:12px}.iw-btn-primary{padding:10px 16px}}.iw-modal--upload{max-width:560px}.iw-upload-phase{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.iw-drop-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 32px;margin:20px;border:2px dashed var(--border);border-radius:16px;background:var(--bg-secondary);cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.iw-drop-zone.drag-over{border-color:var(--terracotta);background:#b450320d}.iw-drop-icon{color:var(--terracotta);opacity:.7}.iw-drop-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.iw-drop-hint{font-size:13px;color:var(--text-muted);margin:0;max-width:360px;line-height:1.5}.iw-drop-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.iw-drop-formats{font-size:12px;color:var(--text-muted);letter-spacing:.06em;margin:0}.iw-groups-preview{flex:1;display:flex;flex-direction:column;overflow:hidden}.iw-groups-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.iw-back-btn{font-size:13px}.iw-groups-count{font-size:13px;font-weight:600;color:var(--text)}.iw-groups-list{flex:1;overflow-y:auto;padding:8px 0}.iw-group-row{display:flex;align-items:center;gap:10px;padding:9px 20px;border-bottom:1px solid var(--border)}.iw-group-row:last-child{border-bottom:none}.iw-group-icon{flex-shrink:0}.iw-group-icon.pdf{color:var(--terracotta)}.iw-group-icon.img{color:var(--navy)}.iw-group-name{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iw-group-meta{font-size:12px;color:var(--text-muted);flex-shrink:0}.iw-upload-error{font-size:13px;color:var(--terracotta);padding:10px 20px 0;margin:0}.iw-uploading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center}.iw-uploading h3{font-size:18px;font-weight:700;color:var(--text);margin:0}.iw-upload-progress-label{font-size:14px;color:var(--text-muted);margin:0}.iw-upload-track{width:100%;max-width:300px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.iw-upload-fill{height:100%;background:var(--terracotta);border-radius:3px;transition:width .2s ease}.iw-upload-hint{font-size:12px;color:var(--text-muted);margin:0}.iw-header-add-more{font-size:12px;padding:6px 10px}.iw-header-badge{font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:3px 10px;border-radius:20px}.iw-counter-badge{font-size:12px;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:2px 8px;width:fit-content}@media(max-width:640px){.iw-drop-zone{padding:32px 20px;margin:12px}.iw-drop-btns{flex-direction:column;width:100%}.iw-drop-btns .iw-btn-primary,.iw-drop-btns .iw-btn-secondary{width:100%;justify-content:center}.iw-groups-header{padding:12px 16px}.iw-group-row{padding:8px 16px}.iw-uploading{padding:24px 20px}}.iw-dup-warning{display:flex;gap:10px;background:#eab3081f;border:1px solid rgba(234,179,8,.4);border-radius:var(--radius);padding:10px 14px;margin:0 0 10px}.iw-dup-warning .dup-icon{color:#eab308;flex-shrink:0;margin-top:2px}.iw-dup-warning .dup-warning-content{display:flex;flex-direction:column;gap:3px;flex:1}.iw-dup-warning strong{font-size:.82rem;color:var(--text-primary)}.iw-dup-warning p{font-size:.78rem;color:var(--text-secondary);margin:0}.iw-dup-warning em{color:var(--text-primary);font-style:normal;font-weight:500}.iw-dup-warning .dup-actions{display:flex;gap:8px;margin-top:6px}.iw-image-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.iw-img-toolbar{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;gap:8px}.iw-img-nav{display:flex;align-items:center;gap:6px}.iw-img-nav-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;padding:0;transition:background .13s}.iw-img-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.iw-img-nav-btn:disabled{opacity:.3;pointer-events:none}.iw-img-counter{font-size:.78rem;color:var(--text-secondary);min-width:40px;text-align:center}.iw-img-actions{display:flex;align-items:center;gap:4px}.iw-img-action-btn{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;padding:0;transition:background .12s,color .12s,border-color .12s}.iw-img-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-muted)}.iw-img-action-btn--danger:hover{background:#dc32321a;color:#c83232;border-color:#dc32324d}.iw-img-action-btn--active{background:var(--accent);color:#fff;border-color:transparent}.iw-img-preview{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden}.iw-img-preview-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.iw-thumb-strip{display:flex;gap:4px;padding:6px 8px;overflow-x:auto;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;-webkit-overflow-scrolling:touch}.iw-thumb-btn{flex-shrink:0;width:44px;height:44px;border:2px solid transparent;border-radius:6px;overflow:hidden;background:var(--bg-hover);padding:0;cursor:pointer;transition:border-color .13s}.iw-thumb-btn.active{border-color:var(--accent)}.iw-thumb-btn img{width:100%;height:100%;object-fit:cover}.iw-reorder-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.iw-reorder-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;transition:background .12s,border-color .12s}.iw-reorder-item.active{border-color:var(--accent);background:var(--bg-hover)}.iw-reorder-grip{color:var(--text-light);flex-shrink:0}.iw-reorder-num{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:16px}.iw-reorder-thumb{width:36px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0}.iw-reorder-arrows{display:flex;gap:3px;margin-left:auto}.iw-reorder-arrows button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;padding:0;transition:background .12s}.iw-reorder-arrows button:hover:not(:disabled){background:var(--accent);color:#fff;border-color:transparent}.iw-reorder-arrows button:disabled{opacity:.3;pointer-events:none}.iw-help-btn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:0;background:none;border:none;font-size:12px;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:color .15s}.iw-help-btn:hover{color:var(--accent)}.iw-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.iw-help-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.iw-help-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.iw-help-header-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text)}.iw-help-header-title svg{color:var(--accent)}.iw-help-body{overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.iw-help-intro{font-size:13.5px;color:var(--text-muted);line-height:1.6;margin:0}.iw-help-rules{display:flex;flex-direction:column;gap:10px}.iw-help-rule{display:flex;align-items:flex-start;gap:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.iw-help-rule-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.iw-help-rule-icon--pdf,.iw-help-rule-icon--folder{background:rgba(var(--accent-rgb, 196,113,74),.12);color:var(--accent)}.iw-help-rule-icon--mix{background:#5a9e6f1f;color:#5a9e6f}.iw-help-rule-text{display:flex;flex-direction:column;gap:3px}.iw-help-rule-text strong{font-size:13px;color:var(--text)}.iw-help-rule-text span{font-size:12.5px;color:var(--text-muted);line-height:1.5}.iw-help-tree-wrap{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;overflow:hidden}.iw-help-tree-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:10px 14px 6px;margin:0}.iw-help-tree{padding:4px 14px 10px;display:flex;flex-direction:column;gap:3px}.iw-tree-row{display:flex;align-items:center;gap:4px;font-size:12.5px;min-height:22px}.iw-tree-root{font-weight:700;color:var(--text);margin-bottom:2px}.iw-tree-folder-start{margin-top:4px}.iw-tree-child{color:var(--text-muted)}.iw-tree-indent{font-family:DM Mono,Courier New,monospace;color:var(--border);font-size:12px;white-space:pre;flex-shrink:0}.iw-tree-icon{flex-shrink:0;font-size:13px}.iw-tree-name{font-family:DM Mono,Courier New,monospace;font-size:12px;color:var(--text);white-space:nowrap}.iw-tree-child .iw-tree-name{color:var(--text-muted)}.iw-tree-arrow{font-size:11px;color:var(--text-muted);margin:0 2px;flex-shrink:0}.iw-tree-tag{font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:999px;white-space:nowrap;flex-shrink:0}.iw-tree-tag--recipe{background:var(--accent-muted);color:var(--accent)}.iw-tree-tag--select{background:transparent;color:var(--accent);font-style:italic;font-weight:500}.iw-help-tree-result{display:flex;align-items:center;gap:6px;padding:9px 14px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-muted);background:var(--bg-secondary)}.iw-help-tree-result svg{color:#5a9e6f;flex-shrink:0}.iw-help-tip{display:flex;gap:12px;align-items:flex-start;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--text-muted);line-height:1.5}.iw-help-tip-icon{font-size:20px;flex-shrink:0;margin-top:1px}.iw-help-tip strong{color:var(--text)}.iw-help-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;flex-shrink:0}@media(max-width:640px){.iw-help-overlay{align-items:flex-end;padding:0}.iw-help-modal{border-radius:16px 16px 0 0;max-height:88vh}.iw-help-body{padding:16px;gap:14px}.iw-tree-row{flex-wrap:wrap;gap:3px}.iw-help-footer{justify-content:stretch}.iw-help-footer .iw-btn-primary{width:100%;justify-content:center}}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--header-bg);box-shadow:0 2px 20px #0000004d;max-width:100vw;padding-top:env(safe-area-inset-top,0px)}.header-inner{max-width:1400px;margin:0 auto;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,env(safe-area-inset-right,14px)) 0 max(14px,env(safe-area-inset-left,14px));gap:8px}@media(min-width:641px){.header-inner{height:72px;padding:0 24px;gap:12px}}.header-logo{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:1;min-width:0;overflow:hidden}.header-logo-icon{font-size:22px;line-height:1;flex-shrink:0}@media(min-width:641px){.header-logo-icon{font-size:26px}}.header-logo-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.header-logo-main{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:641px){.header-logo-main{font-size:19px}}.header-logo-sub{font-size:10px;font-weight:400;color:var(--terracotta-light);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}@media(min-width:641px){.header-right{gap:8px}}.header-upload-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--terracotta);color:#fff;border:none;border-radius:50%;width:38px;height:38px;padding:0;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);flex-shrink:0}.header-upload-btn span{display:none}@media(min-width:641px){.header-upload-btn{border-radius:var(--radius-sm);width:auto;height:auto;padding:9px 16px}.header-upload-btn span{display:inline}}.header-upload-btn:hover{background:var(--terracotta-light)}.header-upload-btn:active{opacity:.8}.header-split-btn{position:relative;display:flex;align-items:center;flex-shrink:0}.header-split-main{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--terracotta);color:#fff;border:none;border-radius:50%;width:38px;height:38px;padding:0;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.header-split-main span{display:none}.header-split-chevron{display:none;position:relative;align-items:center;justify-content:center;background:var(--terracotta);color:#fff;border:none;border-left:1px solid rgba(255,255,255,.25);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:28px;height:38px;padding:0;cursor:pointer;transition:var(--transition);flex-shrink:0}@media(min-width:641px){.header-split-main{border-radius:var(--radius-sm) 0 0 var(--radius-sm);width:auto;height:38px;padding:0 14px}.header-split-main span{display:inline}.header-split-chevron{display:flex}}.header-split-main:hover,.header-split-chevron:hover{background:var(--terracotta-light)}.header-split-main:active,.header-split-chevron:active{opacity:.8}.header-split-chevron.has-pending{background:var(--terracotta-light)}.split-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.header-split-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #00000040,0 2px 8px #00000026;min-width:220px;z-index:500;overflow:hidden;animation:dropdownFadeIn .12s ease;opacity:1;isolation:isolate}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.split-drop-item{display:grid;grid-template-columns:18px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;padding:12px 14px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background .12s;color:var(--text)}.split-drop-item:last-child{border-bottom:none}.split-drop-item:hover{background:var(--bg-hover)}.split-drop-item svg{grid-row:1 / 3;color:var(--accent);align-self:center}.split-drop-item span:not(.split-drop-hint):not(.split-drop-badge){font-size:.88rem;font-weight:600;color:var(--text);grid-column:2;grid-row:1}.split-drop-hint{font-size:.75rem;color:var(--text-muted);grid-column:2;grid-row:2;font-weight:400}.split-drop-badge{grid-column:3;grid-row:1 / 3;background:var(--terracotta);color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:10px;white-space:nowrap;align-self:center}.header-icon-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:#ffffffbf;cursor:pointer;transition:var(--transition);flex-shrink:0}@media(min-width:641px){.header-icon-btn{display:flex;width:40px;height:40px}}.header-icon-btn:hover{background:#ffffff2e;color:#fff}.header-icon-btn:active{opacity:.7}.header-mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:#ffffffd9;cursor:pointer;transition:var(--transition);flex-shrink:0;position:relative}.header-mobile-menu-btn:hover{background:#ffffff2e;color:#fff}.header-mobile-menu-btn:active{opacity:.7}@media(min-width:641px){.header-mobile-menu-btn{display:none}}.header-mobile-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--header-bg);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000073;z-index:200;padding:6px 0 12px;animation:mobileMenuFadeIn .15s ease}@keyframes mobileMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:641px){.header-mobile-dropdown{display:none}}.mobile-nav-item{display:flex;align-items:center;gap:14px;width:100%;padding:13px 20px;background:none;border:none;color:#ffffffb3;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s}.mobile-nav-item:hover{background:#ffffff12;color:#fff}.mobile-nav-item:active{background:#ffffff1f}.mobile-nav-item.active{color:#fff;font-weight:700;background:#ffffff0f;border-left:3px solid var(--accent);padding-left:17px}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:22px;font-size:18px;flex-shrink:0;color:var(--accent)}.mobile-nav-item.active .mobile-nav-icon{color:var(--accent)}.mobile-nav-divider{height:1px;background:#ffffff14;margin:6px 0}.header-tabs{display:none;align-items:stretch;gap:2px;height:100%;flex:1;justify-content:center;max-width:280px}@media(min-width:641px){.header-tabs{display:flex}}.header-tab{padding:0 16px;background:none;border:none;border-bottom:3px solid transparent;color:#ffffff8c;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;display:flex;align-items:center;text-transform:uppercase}.header-tab:hover{color:#ffffffd9}.header-tab.active{color:#fff;border-bottom-color:var(--terracotta)}@media(max-width:400px){.header-tabs{max-width:160px}.header-tab{padding:0 10px;font-size:11px}}.header-subtabs{display:flex;gap:0;padding:0 16px;border-top:1px solid rgba(255,255,255,.08);background:var(--header-bg)}@media(min-width:641px){.header-subtabs{padding:0 24px}}.header-subtab{padding:8px 18px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff73;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.header-subtab.active{color:#fff;border-bottom-color:var(--terracotta)}@media(hover:hover)and (pointer:fine){.header-subtab:not(.active):hover{color:#fffc}}.ann-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;animation:ann-fade-in .2s ease}@keyframes ann-fade-in{0%{opacity:0}to{opacity:1}}.ann-modal{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:480px;overflow:hidden;animation:ann-slide-up .25s cubic-bezier(.34,1.56,.64,1)}@keyframes ann-slide-up{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ann-header{display:flex;align-items:flex-start;gap:14px;padding:22px 22px 16px;border-bottom:1.5px solid var(--border)}.ann-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ann-header-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.ann-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.ann-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.ann-body{padding:16px 22px;max-height:260px;overflow-y:auto}.ann-body-text{font-family:DM Sans,sans-serif;font-size:14px;color:var(--text-secondary);line-height:1.65;white-space:pre-wrap;word-break:break-word;margin:0}.ann-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1.5px solid var(--border);background:var(--bg-secondary);gap:12px}.ann-meta{font-size:12px;color:var(--text-light);flex:1;min-width:0}.ann-more{color:var(--accent);font-weight:500}.ann-dismiss-btn{height:38px;padding:0 22px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap;flex-shrink:0}.ann-dismiss-btn:hover{opacity:.88}.ann-dismiss-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:640px){.ann-modal{max-width:100%;border-radius:var(--radius) var(--radius) 0 0}.ann-overlay{align-items:flex-end;padding:0}}.app{display:flex;flex-direction:column;min-height:100dvh;overflow-x:hidden;max-width:100vw}.app-main{flex:1;padding-top:calc(60px + env(safe-area-inset-top,0px));overflow-x:hidden;max-width:100vw}.app-main--with-subtabs{padding-top:calc(93px + env(safe-area-inset-top,0px))}@media(min-width:641px){.app-main{padding-top:72px}.app-main--with-subtabs{padding-top:105px}}:root{--radius: 12px;--radius-sm: 8px;--transition: all .18s ease}:root,[data-colour-theme=terracotta][data-theme=light],[data-colour-theme=terracotta]:not([data-theme=dark]){--accent: #c4714a;--accent-light: #d4876a;--accent-muted: rgba(196,113,74,.12);--bg-primary: #f5f0e8;--bg-secondary: #ede5d5;--bg-hover: #e8dfd0;--card-bg: #ffffff;--input-bg: #ffffff;--border: rgba(26,26,46,.12);--text-primary: #1a1a2e;--text-secondary: #5a5a7a;--text-light: #8a8aaa;--shadow-sm: 0 2px 8px rgba(26,26,46,.08);--shadow-md: 0 4px 20px rgba(26,26,46,.12);--shadow-lg: 0 8px 40px rgba(26,26,46,.18);--cream: #f5f0e8;--cream-dark: #ede5d5;--terracotta: #c4714a;--terracotta-light:#d4876a;--sage: #7a9e7e;--navy: #1a1a2e;--navy-mid: #2d2d4a;--header-bg: #1a1a2e}[data-colour-theme=terracotta][data-theme=dark]{--accent: #d4876a;--accent-light: #e09e84;--accent-muted: rgba(212,135,106,.15);--bg-primary: #1c1410;--bg-secondary: #261a13;--bg-hover: #30221a;--card-bg: #221810;--input-bg: #1a100a;--border: rgba(255,220,200,.1);--text-primary: #f0e8e0;--text-secondary: #b0987e;--text-light: #806858;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--cream: #221810;--cream-dark: #30221a;--terracotta: #d4876a;--terracotta-light:#e09e84;--navy: #f0e8e0;--navy-mid: #b0987e;--header-bg: #0e0a06}[data-colour-theme=rose][data-theme=light],[data-colour-theme=rose]:not([data-theme=dark]){--accent: #c2637a;--accent-light: #d4849a;--accent-muted: rgba(194,99,122,.12);--bg-primary: #fdf5f6;--bg-secondary: #f7e8ec;--bg-hover: #f2dde3;--card-bg: #ffffff;--input-bg: #ffffff;--border: rgba(180,80,100,.13);--text-primary: #2e1a20;--text-secondary: #7a4a58;--text-light: #aa8a96;--shadow-sm: 0 2px 8px rgba(180,80,100,.08);--shadow-md: 0 4px 20px rgba(180,80,100,.12);--shadow-lg: 0 8px 40px rgba(180,80,100,.16);--cream: #fdf5f6;--cream-dark: #f7e8ec;--terracotta: #c2637a;--terracotta-light:#d4849a;--navy: #2e1a20;--navy-mid: #5a2a38;--header-bg: #2e1a20}[data-colour-theme=rose][data-theme=dark]{--accent: #e08898;--accent-light: #eca0ae;--accent-muted: rgba(224,136,152,.15);--bg-primary: #1e1216;--bg-secondary: #28181e;--bg-hover: #341e26;--card-bg: #241418;--input-bg: #1a1012;--border: rgba(255,200,210,.1);--text-primary: #f5eaed;--text-secondary: #c09098;--text-light: #886878;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--cream: #241418;--cream-dark: #341e26;--terracotta: #e08898;--terracotta-light:#eca0ae;--navy: #f5eaed;--navy-mid: #c09098;--header-bg: #120a0e}[data-colour-theme=lavender][data-theme=light],[data-colour-theme=lavender]:not([data-theme=dark]){--accent: #8b6cae;--accent-light: #a688c8;--accent-muted: rgba(139,108,174,.12);--bg-primary: #f7f4fc;--bg-secondary: #ede8f8;--bg-hover: #e4ddf4;--card-bg: #ffffff;--input-bg: #ffffff;--border: rgba(120,80,160,.12);--text-primary: #22183a;--text-secondary: #5e4a80;--text-light: #9a88b8;--shadow-sm: 0 2px 8px rgba(100,70,140,.08);--shadow-md: 0 4px 20px rgba(100,70,140,.12);--shadow-lg: 0 8px 40px rgba(100,70,140,.16);--cream: #f7f4fc;--cream-dark: #ede8f8;--terracotta: #8b6cae;--terracotta-light:#a688c8;--navy: #22183a;--navy-mid: #3e2a60;--header-bg: #22183a}[data-colour-theme=lavender][data-theme=dark]{--accent: #b094d4;--accent-light: #c8aeea;--accent-muted: rgba(176,148,212,.15);--bg-primary: #16121e;--bg-secondary: #1e1828;--bg-hover: #281e34;--card-bg: #1c1626;--input-bg: #12101a;--border: rgba(200,180,240,.1);--text-primary: #ede8f8;--text-secondary: #a898c8;--text-light: #786898;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--cream: #1c1626;--cream-dark: #281e34;--terracotta: #b094d4;--terracotta-light:#c8aeea;--navy: #ede8f8;--navy-mid: #a898c8;--header-bg: #0e0c16}[data-colour-theme=sage][data-theme=light],[data-colour-theme=sage]:not([data-theme=dark]){--accent: #5a8c6a;--accent-light: #78a888;--accent-muted: rgba(90,140,106,.12);--bg-primary: #f4f7f3;--bg-secondary: #e6ede4;--bg-hover: #dce6da;--card-bg: #ffffff;--input-bg: #ffffff;--border: rgba(60,100,70,.12);--text-primary: #1a2a1e;--text-secondary: #4a6a52;--text-light: #88a890;--shadow-sm: 0 2px 8px rgba(40,80,50,.08);--shadow-md: 0 4px 20px rgba(40,80,50,.12);--shadow-lg: 0 8px 40px rgba(40,80,50,.16);--cream: #f4f7f3;--cream-dark: #e6ede4;--terracotta: #5a8c6a;--terracotta-light:#78a888;--navy: #1a2a1e;--navy-mid: #2e4a36;--header-bg: #1a2a1e}[data-colour-theme=sage][data-theme=dark]{--accent: #7aaa8a;--accent-light: #96c4a4;--accent-muted: rgba(122,170,138,.15);--bg-primary: #111a13;--bg-secondary: #18231a;--bg-hover: #1e2e22;--card-bg: #152018;--input-bg: #0e1610;--border: rgba(160,210,170,.1);--text-primary: #e4f0e8;--text-secondary: #90b898;--text-light: #608870;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--cream: #152018;--cream-dark: #1e2e22;--terracotta: #7aaa8a;--terracotta-light:#96c4a4;--navy: #e4f0e8;--navy-mid: #90b898;--header-bg: #090e0a}[data-colour-theme=ocean][data-theme=light],[data-colour-theme=ocean]:not([data-theme=dark]){--accent: #2d6a6a;--accent-light: #408484;--accent-muted: rgba(45,106,106,.12);--bg-primary: #e8f5f5;--bg-secondary: #d8ebe9;--bg-hover: #c5dcd9;--card-bg: #ffffff;--input-bg: #ffffff;--border: rgba(45,106,106,.15);--text-primary: #1a3a3a;--text-secondary: #4a6a6a;--text-light: #7a9a9a;--shadow-sm: 0 2px 8px rgba(45,106,106,.08);--shadow-md: 0 4px 20px rgba(45,106,106,.12);--shadow-lg: 0 8px 40px rgba(45,106,106,.18);--cream: #e8f5f5;--cream-dark: #d8ebe9;--terracotta: #2d6a6a;--terracotta-light:#408484;--navy: #1a3a3a;--navy-mid: #2e4a4a;--header-bg: #1a3a3a}[data-colour-theme=ocean][data-theme=dark]{--accent: #6eb0b0;--accent-light: #88c8c8;--accent-muted: rgba(110,176,176,.15);--bg-primary: #0e2a2a;--bg-secondary: #133a3a;--bg-hover: #1b4a4a;--card-bg: #0e1f1f;--input-bg: #0e1a1a;--border: rgba(142,186,186,.1);--text-primary: #e0f0f0;--text-secondary: #8eb0b0;--text-light: #5a7a7a;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--cream: #0e1f1f;--cream-dark: #1b4a4a;--terracotta: #6eb0b0;--terracotta-light:#88c8c8;--navy: #e0f0f0;--navy-mid: #8eb0b0;--header-bg: #081a1a}[data-colour-theme=willow][data-theme=light],[data-colour-theme=willow]:not([data-theme=dark]){--accent: #6b7a4a;--accent-light: #8a986a;--accent-muted: rgba(107,122,74,.12);--bg-primary: #f4f6f0;--bg-secondary: #e8ebe2;--bg-hover: #d4d8ce;--card-bg: #ffffff;--input-bg: #ffffff;--border: rgba(70,85,50,.14);--text-primary: #2a321e;--text-secondary: #5a6842;--text-light: #8a977a;--shadow-sm: 0 2px 8px rgba(40,50,25,.08);--shadow-md: 0 4px 20px rgba(40,50,25,.12);--shadow-lg: 0 8px 40px rgba(40,50,25,.18);--cream: #f4f6f0;--cream-dark: #e8ebe2;--terracotta: #6b7a4a;--terracotta-light:#8a986a;--navy: #2a321e;--navy-mid: #4a523e;--header-bg: #2a321e}[data-colour-theme=willow][data-theme=dark]{--accent: #96a868;--accent-light: #b0c478;--accent-muted: rgba(150,168,104,.15);--bg-primary: #11160e;--bg-secondary: #181d13;--bg-hover: #1e251a;--card-bg: #121910;--input-bg: #0f1410;--border: rgba(160,180,110,.1);--text-primary: #e8f0d8;--text-secondary: #a8b888;--text-light: #7a8868;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--cream: #121910;--cream-dark: #1e251a;--terracotta: #96a868;--terracotta-light:#b0c478;--navy: #e8f0d8;--navy-mid: #a8b888;--header-bg: #090c0a}[data-colour-theme=berry][data-theme=light],[data-colour-theme=berry]:not([data-theme=dark]){--accent: #8e3a6e;--accent-light: #b05a90;--accent-muted: rgba(142,58,110,.12);--bg-primary: #fcf4fa;--bg-secondary: #f3e4ef;--bg-hover: #ead8e8;--card-bg: #ffffff;--input-bg: #ffffff;--border: rgba(140,50,110,.12);--text-primary: #28102a;--text-secondary: #6a3068;--text-light: #a878a8;--shadow-sm: 0 2px 8px rgba(120,40,100,.08);--shadow-md: 0 4px 20px rgba(120,40,100,.12);--shadow-lg: 0 8px 40px rgba(120,40,100,.16);--cream: #fdf5fc;--cream-dark: #f3e4ef;--terracotta: #8e3a6e;--terracotta-light:#b05a90;--navy: #28102a;--navy-mid: #4a1e4a;--header-bg: #28102a}[data-colour-theme=berry][data-theme=dark]{--accent: #c874a8;--accent-light: #e090c4;--accent-muted: rgba(200,116,168,.15);--bg-primary: #1a1020;--bg-secondary: #22162a;--bg-hover: #2c1e36;--card-bg: #201226;--input-bg: #160e1a;--border: rgba(240,190,230,.1);--text-primary: #f5eaf8;--text-secondary: #c498c8;--text-light: #8a6898;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--cream: #201226;--cream-dark: #2c1e36;--terracotta: #c874a8;--terracotta-light:#e090c4;--navy: #f5eaf8;--navy-mid: #c498c8;--header-bg: #0e0812}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden;height:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100dvh;overflow-x:hidden;max-width:100vw;transition:background-color .3s,color .3s}img,video,iframe,embed,object,svg{max-width:100%;display:block}input,textarea,select{font-size:16px;font-family:inherit;max-width:100%}button{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif;line-height:1.2}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--terracotta);border-radius:99px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .25s ease both}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-primary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;padding:0;overflow:hidden}@media(min-width:641px){.modal-overlay{align-items:center;padding:16px}}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-cyrillic-400-normal-CjW2EstV.woff2) format("woff2"),url(/assets/playfair-display-cyrillic-400-normal-ZiRag6zj.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-vietnamese-400-normal-BV2APVTb.woff2) format("woff2"),url(/assets/playfair-display-vietnamese-400-normal-BbvUAu4N.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-ext-400-normal-BxlSGspa.woff2) format("woff2"),url(/assets/playfair-display-latin-ext-400-normal-qdZwdvNS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-400-normal-CFtfchNt.woff2) format("woff2"),url(/assets/playfair-display-latin-400-normal-DHYHbkg3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/playfair-display-cyrillic-600-normal-oLY6jnZ7.woff2) format("woff2"),url(/assets/playfair-display-cyrillic-600-normal-DbWAkkgN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/playfair-display-vietnamese-600-normal-ICsRR-qJ.woff2) format("woff2"),url(/assets/playfair-display-vietnamese-600-normal-BPJkAZPN.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/playfair-display-latin-ext-600-normal-CEjQclLc.woff2) format("woff2"),url(/assets/playfair-display-latin-ext-600-normal-BumBfC1v.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/playfair-display-latin-600-normal-CZLGqjJe.woff2) format("woff2"),url(/assets/playfair-display-latin-600-normal-CxxueQ0Z.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-cyrillic-700-normal-Dw3uKy19.woff2) format("woff2"),url(/assets/playfair-display-cyrillic-700-normal-Dk1mTcxf.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-vietnamese-700-normal-CaKJSIny.woff2) format("woff2"),url(/assets/playfair-display-vietnamese-700-normal-Cr1rw0mr.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-ext-700-normal-C58ejOkc.woff2) format("woff2"),url(/assets/playfair-display-latin-ext-700-normal-D5HUU8GT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-700-normal-CuDiGg7c.woff2) format("woff2"),url(/assets/playfair-display-latin-700-normal-Bc_1Q1cG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/dm-sans-latin-ext-300-normal-WGwOtXxi.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-300-normal-COYJju1g.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/dm-sans-latin-300-normal-C46oWILc.woff2) format("woff2"),url(/assets/dm-sans-latin-300-normal-CsNfKS1n.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}