:root{--color-primary:#8fb5a3;--color-primary-light:#aacbba;--color-primary-dark:#76a08e;--color-primary-50:#f0f7f4;--color-primary-100:#dceee6;--color-primary-200:#c5e2d5;--color-primary-300:#aacbba;--color-primary-400:#8fb5a3;--color-primary-500:#76a08e;--color-primary-600:#5f8a77;--color-primary-700:#4a7363;--color-primary-800:#365c50;--color-primary-900:#23463d;--color-secondary:#818cf8;--color-secondary-light:#a5b4fc;--color-secondary-dark:#6366f1;--color-success:#52c41a;--color-warning:#faad14;--color-danger:#e85d5d;--color-info:#1890ff;--color-like:#ff4d4f}.dark{--color-primary:#787878;--color-primary-light:#9a9a9a;--color-primary-dark:#636363;--color-primary-50:#2a2a2a;--color-primary-100:#333;--color-primary-200:#444;--color-primary-300:#5a5a5a;--color-primary-400:#787878;--color-primary-500:#636363;--color-primary-600:#555;--color-primary-700:#484848;--color-primary-800:#3b3b3b;--color-primary-900:#2e2e2e}:root{--color-bg-primary:#f2f0eb;--color-bg-secondary:#fafaf5;--color-bg-card:#fff;--color-bg-input:#00000008;--color-bg-hover:#00000005}.dark{--color-bg-primary:#1a1a1a;--color-bg-secondary:#1e1e1e;--color-bg-card:#2d2d2d;--color-bg-input:#ffffff0d;--color-bg-hover:#ffffff08}:root{--color-text-primary:#2c2c2c;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-placeholder:#d1d5db;--color-text-disabled:#e5e7eb}.dark{--color-text-primary:#f5f5f5;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-text-placeholder:#4b5563;--color-text-disabled:#374151}:root{--color-border:#e8e4d8;--color-border-light:#f0ede5;--color-border-dark:#d1d5db;--color-border-focus:var(--color-primary)}.dark{--color-border:#3d3d3d;--color-border-light:#2d2d2d;--color-border-dark:#4b5563}:root{--font-sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Times New Roman", serif;--font-mono:"SF Mono", "Fira Code", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--radius-none:0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a, 0 2px 8px #00000008;--shadow-md:0 2px 8px #0000000d, 0 4px 16px #0000000a;--shadow-lg:0 4px 16px #0000000f, 0 8px 32px #0000000d;--shadow-xl:0 8px 24px #00000014, 0 16px 48px #0000000f;--shadow-2xl:0 12px 36px #0000001a, 0 24px 64px #00000014;--shadow-inner:inset 0 1px 3px #0000000a}.dark{--shadow-sm:0 1px 3px #00000026, 0 2px 8px #0000001f;--shadow-md:0 2px 8px #0003, 0 4px 16px #00000026;--shadow-lg:0 4px 16px #00000040, 0 8px 32px #0003;--shadow-xl:0 8px 24px #0000004d, 0 16px 48px #00000040;--shadow-2xl:0 12px 36px #00000059, 0 24px 64px #0000004d}:root{--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.3s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast-out:all var(--transition-fast) var(--ease-out);--transition-normal-out:all var(--transition-normal) var(--ease-out);--transition-slow-out:all var(--transition-slow) var(--ease-out);--transition-fast-in-out:all var(--transition-fast) var(--ease-in-out);--transition-normal-in-out:all var(--transition-normal) var(--ease-in-out);--transition-slow-in-out:all var(--transition-slow) var(--ease-in-out);--btn-radius:var(--radius-md);--btn-font-weight:var(--font-semibold);--btn-transition:var(--transition-fast-out);--btn-hover-transform:translateY(-2px);--btn-active-transform:scale(.95);--btn-disabled-opacity:.5;--input-radius:0;--input-border:none;--input-transition:var(--transition-normal-out);--input-focus-shadow:none;--input-error-focus-shadow:none;--input-success-focus-shadow:none;--input-disabled-opacity:.5}.dark{--input-focus-shadow:0 0 0 4px #78787826}:root{--card-radius:var(--radius-lg);--card-padding:var(--spacing-5);--card-shadow:0 1px 3px #0000000a, 0 4px 12px #00000008;--card-border:1px solid #0000000f;--card-bg:var(--color-bg-card);--card-transition:all .28s cubic-bezier(.4, 0, .2, 1);--card-hover-transform:translateY(-2px);--card-hover-shadow:0 4px 16px #00000014, 0 8px 32px #0000000a;--card-active-transform:scale(.99)}.dark{--card-shadow:0 1px 3px #0003, 0 4px 12px #00000026;--card-border:1px solid #ffffff14;--card-hover-shadow:0 4px 16px #0000004d, 0 8px 32px #0003}:root{--modal-radius:var(--radius-md);--modal-padding:var(--spacing-6);--modal-shadow:var(--shadow-md);--modal-bg:var(--color-bg-card);--modal-sm:320px;--modal-md:480px;--modal-lg:640px;--modal-xl:800px;--modal-overlay-bg:#00000080;--modal-transition:var(--transition-slow-out);--drawer-bg:var(--color-bg-card);--drawer-shadow:-4px 0 16px #0000001a;--drawer-sm:240px;--drawer-md:280px;--drawer-lg:320px;--drawer-xl:400px;--drawer-overlay-bg:#00000080;--drawer-transition:transform var(--transition-slow) var(--ease-out)}.dark{--drawer-shadow:-4px 0 16px #0000004d}:root{--dropdown-bg:var(--color-bg-card);--dropdown-radius:var(--radius-md);--dropdown-shadow:var(--shadow-md);--dropdown-border:1px solid var(--color-border);--dropdown-item-hover-bg:var(--color-primary-50);--dropdown-item-active-bg:var(--color-primary);--dropdown-item-active-color:white;--dropdown-offset:8px;--dropdown-transition:var(--transition-fast-out)}.dark{--dropdown-item-hover-bg:#7878781a}:root{--toast-radius:var(--radius-md);--toast-padding:var(--spacing-3) var(--spacing-4);--toast-shadow:var(--shadow-md);--toast-success-bg:#f0fff4;--toast-success-border:#c6f6d5;--toast-success-icon:var(--color-success);--toast-warning-bg:#fffbeb;--toast-warning-border:#fde68a;--toast-warning-icon:var(--color-warning);--toast-error-bg:#fef2f2;--toast-error-border:#fecaca;--toast-error-icon:var(--color-danger);--toast-info-bg:#eff6ff;--toast-info-border:#bfdbfe;--toast-info-icon:var(--color-info)}.dark{--toast-success-bg:#1a2e1a;--toast-success-border:#2d5a2d;--toast-warning-bg:#2d2a1a;--toast-warning-border:#5a4d2d;--toast-error-bg:#2d1a1a;--toast-error-border:#5a2d2d;--toast-info-bg:#1a1a2d;--toast-info-border:#2d2d5a}:root{--loading-spinner-size:24px;--loading-spinner-width:3px;--loading-spinner-color:var(--color-primary);--loading-spinner-track:var(--color-border);--loading-dot-size:8px;--loading-dot-color:var(--color-primary);--loading-progress-height:8px;--loading-progress-bg:var(--color-border);--loading-progress-color:var(--color-primary);--loading-skeleton-bg:var(--color-border);--breakpoint-mobile:768px;--breakpoint-desktop:769px;--container-max-width:1200px;--container-padding-mobile:var(--spacing-4);--container-padding-desktop:var(--spacing-6);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-photo-viewer:2000;--z-index-photo-viewer-modal-backdrop:2010;--z-index-photo-viewer-modal:2020;--z-index-toast:3000}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes progress{0%{width:0%}50%{width:60%}to{width:100%}}@keyframes skeleton{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;transition:background-color .3s,color .3s}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}#app,#app div,#app header,#app main,#app nav,#app aside,#app section,#app article{transition:background-color .3s,border-color .3s,box-shadow .3s}#app{width:100%;min-height:100vh}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}[disabled]{cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner__circle{border-radius:var(--radius-full);border:var(--loading-spinner-width) solid var(--loading-spinner-track);border-top-color:var(--loading-spinner-color);animation:.8s linear infinite spin}.spinner--sm .spinner__circle{border-width:2px;width:16px;height:16px}.spinner--md .spinner__circle{width:var(--loading-spinner-size);height:var(--loading-spinner-size);border-width:var(--loading-spinner-width)}.spinner--lg .spinner__circle{border-width:4px;width:32px;height:32px}.btn{--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--btn-padding-sm:var(--spacing-2) var(--spacing-3);--btn-padding-md:var(--spacing-3) var(--spacing-5);--btn-padding-lg:var(--spacing-4) var(--spacing-6);justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);transition:var(--btn-transition);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid #0000;line-height:1;display:inline-flex}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--primary:active{transform:var(--btn-active-transform)}.btn--secondary{background:var(--color-secondary);color:#fff}.btn--secondary:hover{background:var(--color-secondary-dark)}.btn--secondary:active{transform:var(--btn-active-transform)}.btn--outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn--outline:hover{background:var(--color-primary-50)}.btn--outline:active{transform:var(--btn-active-transform)}.btn--ghost{color:var(--color-text-primary);background:0 0}.btn--ghost:hover{background:var(--color-bg-hover)}.btn--ghost:active{transform:var(--btn-active-transform)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{opacity:.9}.btn--danger:active{transform:var(--btn-active-transform)}.btn--sm{height:var(--btn-height-sm);padding:var(--btn-padding-sm);font-size:var(--text-sm)}.btn--md{height:var(--btn-height-md);padding:var(--btn-padding-md);font-size:var(--text-base)}.btn--lg{height:var(--btn-height-lg);padding:var(--btn-padding-lg);font-size:var(--text-lg)}.btn--block{width:100%}.btn--loading{opacity:.7;cursor:wait;pointer-events:none}.btn:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed;pointer-events:none}.dark .btn--ghost:hover{background:#ffffff0d}.icon-btn{border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);transition:var(--btn-transition);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn--circle{border-radius:var(--radius-full)}.icon-btn--square{border-radius:var(--btn-radius)}.icon-btn--primary{background:var(--color-primary);color:#fff}.icon-btn--primary:hover{background:var(--color-primary-dark)}.icon-btn--primary:active{transform:var(--btn-active-transform)}.icon-btn--secondary{background:var(--color-secondary);color:#fff}.icon-btn--secondary:hover{background:var(--color-secondary-dark)}.icon-btn--secondary:active{transform:var(--btn-active-transform)}.icon-btn--outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.icon-btn--outline:hover{background:var(--color-primary-50)}.icon-btn--outline:active{transform:var(--btn-active-transform)}.icon-btn--ghost{color:var(--color-text-primary);background:0 0}.icon-btn--ghost:hover{background:var(--color-bg-hover)}.icon-btn--ghost:active{transform:var(--btn-active-transform)}.icon-btn--danger{background:var(--color-danger);color:#fff}.icon-btn--danger:hover{opacity:.9}.icon-btn--danger:active{transform:var(--btn-active-transform)}.icon-btn--sm{width:32px;height:32px}.icon-btn--md{width:40px;height:40px}.icon-btn--lg{width:48px;height:48px}.icon-btn:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed;pointer-events:none}.icon-btn--loading{opacity:.7;cursor:wait;pointer-events:none}.dark .icon-btn--ghost:hover{background:#ffffff0d}.btn-group{align-items:center;display:inline-flex}.btn-group:not(.btn-group--vertical){flex-direction:row}.btn-group:not(.btn-group--vertical)>.btn+.btn,.btn-group:not(.btn-group--vertical)>.icon-btn+.icon-btn{margin-left:-2px}.btn-group:not(.btn-group--vertical)>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group:not(.btn-group--vertical)>.btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group:not(.btn-group--vertical)>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group--vertical{flex-direction:column}.btn-group--vertical>.btn+.btn,.btn-group--vertical>.icon-btn+.icon-btn{margin-top:-2px}.btn-group--vertical>.btn:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group--vertical>.btn:last-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group--vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.card{background:var(--card-bg);border-radius:var(--card-radius);border:var(--card-border);transition:var(--card-transition);overflow:hidden}.card--shadow-none{box-shadow:none}.card--shadow-sm{box-shadow:0 1px 2px #00000008}.card--shadow-md{box-shadow:var(--card-shadow)}.card--shadow-lg{box-shadow:var(--shadow-lg)}.card--shadow-hover{box-shadow:0 1px 2px #00000008}.card--shadow-hover:hover{box-shadow:var(--card-hover-shadow);transform:var(--card-hover-transform);border-color:#00000014}.dark .card--shadow-hover:hover{border-color:#ffffff1f}.card--padding-none{padding:0}.card--padding-sm{padding:var(--spacing-3)}.card--padding-md{padding:var(--card-padding)}.card--padding-lg{padding:var(--spacing-8)}.card--hoverable{cursor:pointer}.card--hoverable:hover{box-shadow:var(--card-hover-shadow);transform:var(--card-hover-transform);border-color:#00000014}.dark .card--hoverable:hover{border-color:#ffffff1f}.card--hoverable:active{transform:var(--card-active-transform)}.card__header{padding:var(--card-padding);border-bottom:var(--card-border);justify-content:space-between;align-items:center;display:flex}.card__body{padding:var(--card-padding);flex:1}.card__footer{padding:var(--card-padding);border-top:var(--card-border);justify-content:flex-end;align-items:center;gap:var(--spacing-2);display:flex}.card__header+.card__body{padding-top:0}.card__body+.card__footer{padding-bottom:0}.input{--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;border:none;border-bottom:1.5px solid var(--color-border);width:100%;transition:var(--input-transition);background:0 0;border-radius:0;align-items:center;display:flex;position:relative}.input__field{width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-sans);line-height:var(--leading-normal);background:0 0;border:none;outline:none;flex:1}.input__field::placeholder{color:var(--color-text-placeholder)}.input__field:disabled{color:var(--color-text-disabled);cursor:not-allowed}.input--sm{height:var(--input-height-sm);padding:0 var(--spacing-3);font-size:var(--text-sm)}.input--md{height:var(--input-height-md);padding:0 var(--spacing-4);font-size:var(--text-base)}.input--lg{height:var(--input-height-lg);padding:0 var(--spacing-5);font-size:var(--text-lg)}.input:focus-within{border-bottom-color:var(--color-border-focus);box-shadow:none}.input--error{border-bottom-color:var(--color-danger)}.input--error:focus-within{border-bottom-color:var(--color-danger);box-shadow:none}.input--success{border-bottom-color:var(--color-success)}.input--success:focus-within{border-bottom-color:var(--color-success);box-shadow:none}:is(.input--disabled,.input:has(.input__field:disabled)){opacity:var(--input-disabled-opacity,.5);cursor:not-allowed}.input__prefix,.input__suffix{color:var(--color-text-tertiary);flex-shrink:0;align-items:center;display:flex}.input__prefix{margin-right:var(--spacing-2)}.input__suffix{margin-left:var(--spacing-2)}.input__clear{cursor:pointer;width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-full);transition:var(--input-transition,var(--transition-fast-out));background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.input__clear:hover{color:var(--color-text-secondary)}.textarea{flex-direction:column;width:100%;display:flex;position:relative}.textarea__field{background:var(--color-bg-input);border:var(--input-border);border-radius:var(--input-radius);width:100%;transition:var(--input-transition);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);padding:var(--spacing-3) var(--spacing-4);resize:vertical;outline:none;min-height:80px}.textarea__field::placeholder{color:var(--color-text-placeholder)}.textarea__field:disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--btn-disabled-opacity)}.textarea__field:focus{border-color:var(--color-border-focus);box-shadow:var(--input-focus-shadow)}.textarea--error .textarea__field{border-color:var(--color-danger)}.textarea--error .textarea__field:focus{border-color:var(--color-danger);box-shadow:0 0 0 4px #e85d5d1a}.textarea--success .textarea__field{border-color:var(--color-success)}.textarea--success .textarea__field:focus{border-color:var(--color-success);box-shadow:0 0 0 4px #52c41a1a}.textarea__count{text-align:right;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.textarea--error .textarea__count{color:var(--color-danger)}.textarea--no-resize .textarea__field{resize:none}.select{--select-height-sm:32px;--select-height-md:40px;--select-height-lg:48px;width:100%;position:relative}.select__trigger{width:100%;height:var(--select-height-md);background:var(--color-bg-input);border:var(--input-border);border-radius:var(--input-radius);transition:var(--input-transition);cursor:pointer;padding:0 var(--spacing-4);align-items:center;gap:var(--spacing-2);display:flex}.select__trigger:focus{border-color:var(--color-border-focus);box-shadow:var(--input-focus-shadow);outline:none}.select__value{text-align:left;color:var(--color-text-primary);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.select__placeholder{color:var(--color-text-placeholder)}.select__icon{color:var(--color-text-tertiary);transition:transform var(--transition-fast) var(--ease-out);flex-shrink:0;align-items:center;display:flex}.select--open .select__icon{transform:rotate(180deg)}.select__clear{cursor:pointer;color:var(--color-text-tertiary);transition:var(--btn-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.select__clear:hover{color:var(--color-text-secondary)}.select__dropdown{margin-top:var(--spacing-1);background:var(--dropdown-bg);border:var(--dropdown-border);border-radius:var(--dropdown-radius);box-shadow:var(--dropdown-shadow);z-index:var(--z-index-dropdown);opacity:0;max-height:240px;transition:var(--dropdown-transition);pointer-events:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.select--open .select__dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.select__option{padding:var(--spacing-2) var(--spacing-3);cursor:pointer;color:var(--color-text-primary);font-size:var(--text-sm);transition:var(--dropdown-transition);align-items:center;display:flex}.select__option:hover{background:var(--dropdown-item-hover-bg)}.select__option--active{background:var(--dropdown-item-active-bg);color:var(--dropdown-item-active-color)}.select__option--disabled{opacity:.5;cursor:not-allowed}.select--sm .select__trigger{height:var(--select-height-sm);padding:0 var(--spacing-3);font-size:var(--text-sm)}.select--md .select__trigger{height:var(--select-height-md);padding:0 var(--spacing-4);font-size:var(--text-base)}.select--lg .select__trigger{height:var(--select-height-lg);padding:0 var(--spacing-5);font-size:var(--text-lg)}.select--error .select__trigger{border-color:var(--color-danger)}.select--error .select__trigger:focus{border-color:var(--color-danger);box-shadow:0 0 0 4px #e85d5d1a}.select--success .select__trigger{border-color:var(--color-success)}.select--success .select__trigger:focus{border-color:var(--color-success);box-shadow:0 0 0 4px #52c41a1a}.select--disabled .select__trigger{opacity:var(--btn-disabled-opacity);cursor:not-allowed}.select__overlay{z-index:calc(var(--z-index-dropdown) - 1);position:fixed;inset:0}.modal-overlay{background:var(--modal-overlay-bg);z-index:var(--z-index-modal-backdrop);padding:var(--spacing-4);animation:fadeIn var(--transition-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__dialog{background:var(--modal-bg);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);padding:var(--modal-padding);max-height:90vh;animation:scaleIn var(--transition-normal) var(--ease-out);position:relative;overflow-y:auto}.modal__dialog--sm{width:var(--modal-sm)}.modal__dialog--md{width:var(--modal-md)}.modal__dialog--lg{width:var(--modal-lg)}.modal__dialog--xl{width:var(--modal-xl)}.modal__dialog--full{border-radius:0;width:100%;height:100%;max-height:100vh}.modal__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal__header-extra{align-items:center;gap:var(--spacing-2);display:flex}.modal__close{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text-tertiary);transition:var(--btn-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal__body{color:var(--color-text-primary);line-height:var(--leading-normal)}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-6);display:flex}.drawer-overlay{background:var(--drawer-overlay-bg);z-index:var(--z-index-modal-backdrop);animation:fadeIn var(--transition-normal) var(--ease-out);position:fixed;inset:0}.drawer__panel{background:var(--drawer-bg);transition:var(--drawer-transition);z-index:var(--z-index-modal);position:fixed;overflow-y:auto}.drawer__panel--left{top:0;bottom:0;left:0;box-shadow:4px 0 16px #0000001a}.drawer__panel--right{top:0;bottom:0;right:0;box-shadow:-4px 0 16px #0000001a}.drawer__panel--top{top:0;left:0;right:0;box-shadow:0 4px 16px #0000001a}.drawer__panel--bottom{bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000001a}.drawer__panel--left.drawer__panel--sm,.drawer__panel--right.drawer__panel--sm{width:var(--drawer-sm)}.drawer__panel--left.drawer__panel--md,.drawer__panel--right.drawer__panel--md{width:var(--drawer-md)}.drawer__panel--left.drawer__panel--lg,.drawer__panel--right.drawer__panel--lg{width:var(--drawer-lg)}.drawer__panel--left.drawer__panel--xl,.drawer__panel--right.drawer__panel--xl{width:var(--drawer-xl)}.drawer__panel--top.drawer__panel--sm,.drawer__panel--bottom.drawer__panel--sm{height:var(--drawer-sm)}.drawer__panel--top.drawer__panel--md,.drawer__panel--bottom.drawer__panel--md{height:var(--drawer-md)}.drawer__panel--top.drawer__panel--lg,.drawer__panel--bottom.drawer__panel--lg{height:var(--drawer-lg)}.drawer__panel--top.drawer__panel--xl,.drawer__panel--bottom.drawer__panel--xl{height:var(--drawer-xl)}.drawer__header{padding:var(--spacing-4) var(--spacing-5);border-bottom:var(--card-border);justify-content:space-between;align-items:center;display:flex}.drawer__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.drawer__close{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text-tertiary);transition:var(--btn-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.drawer__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.drawer__body{padding:var(--spacing-5);color:var(--color-text-primary);line-height:var(--leading-normal)}.drawer__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);border-top:var(--card-border);display:flex}.dark .drawer__panel--left{box-shadow:4px 0 16px #0000004d}.dark .drawer__panel--right{box-shadow:-4px 0 16px #0000004d}.dark .drawer__panel--top{box-shadow:0 4px 16px #0000004d}.dark .drawer__panel--bottom{box-shadow:0 -4px 16px #0000004d}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{z-index:var(--z-index-tooltip);background:var(--color-text-primary);color:var(--color-bg-primary);font-size:var(--text-sm);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast) var(--ease-out);line-height:var(--leading-normal);position:absolute}.tooltip--visible{opacity:1}.tooltip__arrow{background:var(--color-text-primary);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tooltip--top{bottom:calc(100% + var(--spacing-2));left:50%;transform:translate(-50%)}.tooltip--top .tooltip__arrow{margin-left:-4px;bottom:-4px;left:50%}.tooltip--right{left:calc(100% + var(--spacing-2));top:50%;transform:translateY(-50%)}.tooltip--right .tooltip__arrow{margin-top:-4px;top:50%;left:-4px}.tooltip--bottom{top:calc(100% + var(--spacing-2));left:50%;transform:translate(-50%)}.tooltip--bottom .tooltip__arrow{margin-left:-4px;top:-4px;left:50%}.tooltip--left{right:calc(100% + var(--spacing-2));top:50%;transform:translateY(-50%)}.tooltip--left .tooltip__arrow{margin-top:-4px;top:50%;right:-4px}.photo-toolbar{--photo-toolbar-btn-size:36px;--photo-toolbar-divider-height:20px;--photo-toolbar-zoom-min-width:40px;bottom:var(--spacing-6);align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#fff;z-index:var(--photo-viewer-z-toolbar);-webkit-user-select:none;user-select:none;max-width:calc(100vw - var(--spacing-8));animation:photo-toolbar-slide-up .3s var(--ease-out) .1s both;background:#00000080;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes photo-toolbar-slide-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.photo-toolbar__btn{width:var(--photo-toolbar-btn-size);height:var(--photo-toolbar-btn-size);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.photo-toolbar__btn:hover{background:#ffffff26}.photo-toolbar__btn:active{transform:scale(.9)}.photo-toolbar__btn--active{color:var(--color-like)}.photo-toolbar__btn--collected{color:var(--color-warning)}.photo-toolbar__zoom{font-size:var(--text-sm);min-width:var(--photo-toolbar-zoom-min-width);text-align:center;font-variant-numeric:tabular-nums}.photo-toolbar__divider{width:1px;height:var(--photo-toolbar-divider-height);margin:0 var(--spacing-1);background:#fff3}.photo-toolbar__loading{animation:1s linear infinite photo-toolbar-spin}@keyframes photo-toolbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-toolbar__btn:disabled{opacity:.6;cursor:not-allowed}.photo-toolbar__btn--danger:hover{color:var(--color-danger);background:#ef44444d}@media (width<=768px){.photo-toolbar{--photo-toolbar-btn-size:32px;--photo-toolbar-divider-height:16px;--photo-toolbar-zoom-min-width:32px;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);bottom:var(--spacing-4);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.photo-toolbar::-webkit-scrollbar{display:none}.photo-toolbar__btn,.photo-toolbar__divider{flex-shrink:0}.photo-toolbar__zoom{font-size:var(--text-xs);min-width:28px}.photo-toolbar__btn[title*=重置]{display:none}}.photo-comments{--photo-comments-width:360px;--photo-comments-shadow:-4px 0 16px #00000026;--photo-comments-close-size:32px;--photo-comments-send-size:36px;width:var(--photo-comments-width);background:var(--color-bg-card);height:100%;transition:transform .3s var(--ease-out);z-index:var(--photo-viewer-z-comments);box-shadow:var(--photo-comments-shadow);flex-direction:column;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.photo-comments--visible{transform:translate(0)}.photo-comments__header{padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.photo-comments__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.photo-comments__close{width:var(--photo-comments-close-size);height:var(--photo-comments-close-size);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-tertiary);transition:var(--btn-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.photo-comments__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.photo-comments__list{padding:var(--spacing-4);flex:1;overflow-y:auto}.photo-comments__loading,.photo-comments__empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--spacing-8) 0}.photo-comments__more{width:100%;padding:var(--spacing-2);color:var(--color-primary);font-size:var(--text-sm);cursor:pointer;text-align:center;border-radius:var(--radius-sm);transition:var(--btn-transition);background:0 0;border:none;display:block}.photo-comments__more:hover{background:var(--color-bg-hover)}.comment-item{padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-light)}.comment-item:last-child{border-bottom:none}.comment-item__header{margin-bottom:var(--spacing-1);justify-content:space-between;align-items:center;display:flex}.comment-item__user-info{align-items:center;gap:var(--spacing-2);display:flex}.comment-item__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:24px;height:24px}.comment-item__avatar--placeholder{background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center;align-items:center;display:flex}.comment-item__user{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.comment-item__time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.comment-item__content{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);word-break:break-all;margin:0 0 0 32px}.comment-item__footer{margin-top:var(--spacing-1);align-items:center;margin-left:32px;display:flex}.comment-item__like{align-items:center;gap:var(--spacing-1);color:var(--color-text-tertiary);font-size:var(--text-xs);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:var(--btn-transition);vertical-align:middle;background:0 0;border:none;display:inline-flex}.comment-item__like:hover,.comment-item__like--active{color:var(--color-like)}.comment-item__delete{color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:var(--btn-transition);vertical-align:middle;margin-left:var(--spacing-1);background:0 0;border:none;align-items:center;display:inline-flex}.comment-item__delete:hover{color:var(--color-danger)}.photo-comments__input-area{align-items:flex-end;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.photo-comments__input{resize:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--spacing-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-input);line-height:var(--photo-comments-send-size);height:var(--photo-comments-send-size);transition:var(--input-transition);outline:none;flex:1;overflow:hidden}.photo-comments__input:focus{border-color:var(--color-border-focus);box-shadow:var(--input-focus-shadow)}.photo-comments__input::placeholder{color:var(--color-text-placeholder)}.photo-comments__send{width:var(--photo-comments-send-size);height:var(--photo-comments-send-size);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--btn-transition);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.photo-comments__send:hover{background:var(--color-primary-dark)}.photo-comments__send:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed}@media (width<=768px){.photo-comments{width:100%}}.photo-viewer{--photo-viewer-z-loading:10;--photo-viewer-z-face-overlay:20;--photo-viewer-z-nav:25;--photo-viewer-z-toolbar:30;--photo-viewer-z-comments:40;--photo-viewer-z-face-menu:50;z-index:var(--z-index-photo-viewer);-webkit-backdrop-filter:blur(20px);animation:photo-viewer-fade-in .3s var(--ease-out);background:#00000080;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes photo-viewer-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();background:0 0}to{opacity:1;-webkit-backdrop-filter:blur(20px);background:#00000080}}.photo-viewer__image-wrapper{pointer-events:none;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.photo-viewer__image-wrapper--refreshing:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff4d 45%,#ffffff80 50%,#ffffff4d 55%,#0000 100%);width:100%;height:100%;animation:.8s ease-in-out forwards photo-viewer-glass-sweep;position:absolute;top:0;left:-100%}.photo-viewer__image-wrapper--hidden{opacity:0;visibility:hidden}@keyframes photo-viewer-glass-sweep{0%{left:-100%}to{left:100%}}.photo-viewer__image{object-fit:contain;transition:transform .2s var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;cursor:grab;animation:photo-viewer-zoom-in .3s var(--ease-out);margin:0;position:absolute;top:50%;left:50%}@keyframes photo-viewer-zoom-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.photo-viewer__image--dragging{cursor:grabbing;transition:none}.photo-viewer__loading{z-index:var(--photo-viewer-z-loading);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-viewer__loading-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite photo-viewer-spin}@keyframes photo-viewer-spin{to{transform:rotate(360deg)}}.photo-viewer__image--loaded{animation:photo-viewer-image-loaded .4s var(--ease-out)}.photo-viewer__nav{z-index:var(--photo-viewer-z-nav);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color .2s var(--ease-out), transform .2s var(--ease-out);-webkit-user-select:none;user-select:none;background:#00000073;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.photo-viewer__nav:hover{background:#000000b3}.photo-viewer__nav:active{transform:translateY(-50%)scale(.92)}.photo-viewer__nav--prev{left:var(--spacing-4)}.photo-viewer__nav--next{right:var(--spacing-4)}.photo-viewer__nav:disabled{opacity:.7;cursor:not-allowed}.photo-viewer__nav-loading{animation:1s linear infinite photo-viewer-nav-spin}@keyframes photo-viewer-nav-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-viewer__face-overlay{pointer-events:none;transition:transform .2s var(--ease-out);z-index:var(--photo-viewer-z-face-overlay);position:absolute;top:50%;left:50%}.photo-viewer__face-overlay--selecting{pointer-events:auto;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.photo-viewer__face-box{box-sizing:border-box;cursor:pointer;pointer-events:auto;transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:0 0;border:1px solid #ffffffe6;border-radius:6px;position:absolute}.photo-viewer__face-box:hover{background:#ffffff1f}.photo-viewer__face-box--active{border-color:var(--color-primary);background:#2dd4a826;border-width:2px;animation:1.6s ease-in-out infinite photo-viewer-face-active-pulse;box-shadow:0 0 0 1px #2dd4a880,0 0 12px #2dd4a873}@keyframes photo-viewer-face-active-pulse{0%,to{box-shadow:0 0 0 1px #2dd4a880,0 0 12px #2dd4a873}50%{box-shadow:0 0 0 1px #2dd4a880,0 0 20px #2dd4a8b3}}.photo-viewer__face-box--selected{border-color:var(--color-danger,#ef4444);background:#ef444440;border-width:2px;box-shadow:0 0 0 1px #ef444466}.photo-viewer__face-overlay--selecting .photo-viewer__face-box{cursor:crosshair}.photo-viewer__selection-rect{border:1.5px dashed var(--color-danger,#ef4444);pointer-events:none;box-sizing:border-box;background:#ef44441f;position:absolute}.photo-viewer__face-label{color:#fff;white-space:nowrap;pointer-events:none;background:#0000008c;border-radius:4px 4px 0 0;margin-bottom:2px;padding:1px 6px;font-size:11px;line-height:1.6;position:absolute;bottom:100%;left:0}.photo-viewer__face-menu{z-index:var(--photo-viewer-z-face-menu);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:132px;box-shadow:var(--shadow-lg);padding:4px;position:fixed}.photo-viewer__face-menu-item{width:100%;font-size:var(--text-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 12px;font-family:inherit;display:block}.photo-viewer__face-menu-item:hover:not(:disabled){background:var(--color-bg-hover)}.photo-viewer__face-menu-item:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.photo-viewer__face-menu-item--danger{color:var(--color-danger,#ef4444)}.photo-viewer__face-menu-item--danger:hover:not(:disabled){color:var(--color-danger,#ef4444);background:#ef44441a}.photo-viewer__face-menu-item--danger:disabled{color:var(--color-text-tertiary)}.face-dialog{gap:var(--spacing-4);flex-direction:column;display:flex}.face-dialog__field{gap:var(--spacing-2);flex-direction:column;display:flex}.face-dialog__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.face-dialog__hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.face-dialog__list{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:240px;padding:var(--spacing-1);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.face-dialog__person{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;display:flex}.face-dialog__person:hover{background:var(--color-bg-hover)}.face-dialog__person--active{background:#2dd4a81f}.dark .face-dialog__person--active{background:#78787826}.face-dialog__person--highlight{background:var(--color-bg-hover);box-shadow:inset 0 0 0 1px var(--color-primary)}.dark .face-dialog__person--highlight{background:#78787840}.face-dialog__person-name{font-size:var(--text-sm);color:var(--color-text-primary)}.face-dialog__person-count{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0}.face-dialog__empty{padding:var(--spacing-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}@keyframes photo-viewer-image-loaded{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.photo-viewer__empty{color:#ffffff80;font-size:var(--text-lg)}.photo-viewer__modal-overlay{z-index:var(--z-index-photo-viewer-modal-backdrop)}.delete-confirm__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-6)}.photo-viewer__select-bar{bottom:calc(var(--spacing-6) + 64px);align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#fff;z-index:var(--photo-viewer-z-toolbar);-webkit-user-select:none;user-select:none;animation:photo-viewer-fade-in .2s var(--ease-out);background:#0009;display:flex;position:absolute;left:50%;transform:translate(-50%)}.photo-viewer__select-bar-count{font-size:var(--text-sm);white-space:nowrap}.photo-viewer__select-bar-delete{padding:var(--spacing-1) var(--spacing-4);background:var(--color-danger);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--btn-transition);border:none;font-family:inherit}.photo-viewer__select-bar-delete:hover{opacity:.9}.photo-viewer__select-bar-clear{padding:var(--spacing-1) var(--spacing-3);color:#fffc;border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;transition:var(--btn-transition);background:0 0;border:1px solid #ffffff4d;font-family:inherit}.photo-viewer__select-bar-clear:hover{background:#ffffff26}.photo-viewer__unassigned-bar{top:calc(var(--spacing-6) + 72px);align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#fff;z-index:var(--photo-viewer-z-toolbar);-webkit-user-select:none;user-select:none;white-space:nowrap;animation:photo-viewer-fade-in .2s var(--ease-out);background:#0009;display:flex;position:absolute;left:50%;transform:translate(-50%)}.photo-viewer__unassigned-bar-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-light)}.photo-viewer__unassigned-bar-keys{font-size:var(--text-xs);color:#ffffffbf;align-items:center;gap:4px;display:flex}.photo-viewer__unassigned-bar-keys kbd{font-size:var(--text-xs);color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:4px;padding:1px 6px;font-family:inherit}@media (width<=768px){.photo-viewer__unassigned-bar{top:calc(var(--spacing-4) + 64px);gap:var(--spacing-2)}}.delete-confirm__actions{gap:var(--spacing-3);justify-content:flex-end;display:flex}.delete-confirm__cancel{padding:var(--spacing-2) var(--spacing-5);border:2px solid var(--color-border);border-radius:var(--btn-radius);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--btn-transition);background:0 0;font-family:inherit}.delete-confirm__cancel:hover{border-color:var(--color-text-tertiary)}.delete-confirm__delete{padding:var(--spacing-2) var(--spacing-5);background:var(--color-danger);color:#fff;border-radius:var(--btn-radius);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--btn-transition);border:none;font-family:inherit}.delete-confirm__delete:hover{opacity:.9}.delete-confirm__delete:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed}.toast-container{top:var(--spacing-4);z-index:var(--z-index-toast);align-items:center;gap:var(--spacing-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--spacing-2);padding:var(--toast-padding);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow);font-size:var(--text-sm);color:var(--color-text-primary);pointer-events:auto;animation:slideInDown var(--transition-normal) var(--ease-out);border:1px solid;max-width:400px;display:flex}.toast__icon{flex-shrink:0;align-items:center;display:flex}.toast__message{line-height:var(--leading-normal);flex:1}.toast__close{cursor:pointer;color:var(--color-text-tertiary);margin-left:var(--spacing-1);transition:var(--btn-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.toast__close:hover{color:var(--color-text-primary)}.toast--success{background:var(--toast-success-bg);border-color:var(--toast-success-border)}.toast--success .toast__icon{color:var(--toast-success-icon)}.toast--warning{background:var(--toast-warning-bg);border-color:var(--toast-warning-border)}.toast--warning .toast__icon{color:var(--toast-warning-icon)}.toast--error{background:var(--toast-error-bg);border-color:var(--toast-error-border)}.toast--error .toast__icon{color:var(--toast-error-icon)}.toast--info{background:var(--toast-info-bg);border-color:var(--toast-info-border)}.toast--info .toast__icon{color:var(--toast-info-icon)}