@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sidebar-width: clamp(280px, 18vw, 360px);--sidebar-toggle-size: clamp(40px, 3vw, 52px);--font-xs: clamp(11px, .6vw, 14px);--font-sm: clamp(12px, .7vw, 16px);--font-md: clamp(14px, .8vw, 18px);--font-lg: clamp(16px, .95vw, 22px);--font-xl: clamp(18px, 1.1vw, 24px);--font-2xl: clamp(22px, 1.4vw, 30px);--space-1: clamp(4px, .2vw, 6px);--space-2: clamp(6px, .3vw, 9px);--space-3: clamp(8px, .5vw, 14px);--space-4: clamp(12px, .7vw, 18px);--space-5: clamp(16px, .9vw, 24px);--space-6: clamp(20px, 1.1vw, 28px);--icon-circle-min: 56px;--icon-circle-max: 120px;--icon-label-min: 12px;--weather-padding: clamp(10px, .8vw, 18px);--weather-time-min: 22px;--weather-temp-min: 18px;--touch-target: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--glass-surface-300: rgba(17, 20, 34, .78);--glass-surface-500: rgba(14, 17, 30, .72);--glass-surface-700: rgba(11, 14, 26, .66);--glass-surface-hover: rgba(30, 34, 54, .78);--glass-blur: blur(22px) saturate(155%);--glass-blur-soft: blur(14px) saturate(140%);--glass-border: 1px solid rgba(255, 255, 255, .11);--glass-border-strong: 1px solid rgba(255, 255, 255, .17);--glass-border-subtle: 1px solid rgba(255, 255, 255, .07);--glass-inner-hl: 0 0 0 1px rgba(255, 255, 255, .06) inset;--glass-inner-strong-hl: 0 0 0 1px rgba(255, 255, 255, .1) inset;--overlay-bg: rgba(5, 8, 20, .72);--overlay-blur: blur(8px);--overlay-soft-bg: rgba(8, 12, 28, .55);--overlay-soft-blur: blur(5px);--radius-xs: 7px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: clamp(14px, 1.1vw, 18px);--shadow-glass-sm: 0 6px 18px rgba(0, 0, 0, .36), 0 1px 0 rgba(255, 255, 255, .04) inset;--shadow-glass-md: 0 14px 42px rgba(0, 0, 0, .46), 0 0 0 1px rgba(255, 255, 255, .05) inset;--shadow-glass-lg: 0 24px 72px rgba(0, 0, 0, .56), 0 0 0 1px rgba(255, 255, 255, .06) inset;--aurora-1: #6366f1;--aurora-2: #8b5cf6;--aurora-3: #d946ef;--aurora-gradient: linear-gradient(135deg, var(--aurora-1), var(--aurora-2) 55%, var(--aurora-3));--aurora-gradient-soft: linear-gradient(135deg, color-mix(in srgb, var(--aurora-1) 14%, transparent), color-mix(in srgb, var(--aurora-3) 14%, transparent));--aurora-glow: 0 10px 28px color-mix(in srgb, var(--aurora-2) 38%, transparent);--semantic-ok: #10b981;--semantic-warn: #f59e0b;--semantic-danger: #ef4444;--semantic-info: #3b82f6;--text-primary: rgba(248, 250, 252, .97);--text-secondary: rgba(226, 232, 240, .8);--text-tertiary: rgba(148, 163, 184, .82);--text-quaternary:rgba(100, 116, 139, .78);--text-on-accent: #ffffff;--btn-h-sm: 34px;--btn-h: 38px;--btn-h-lg: 44px;--btn-pad-x: 18px;--btn-radius: var(--radius-sm);--btn-close-size: 32px;--btn-close-radius: 10px;--input-radius: var(--radius-sm);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .12);--input-focus-border: color-mix(in srgb, var(--aurora-2) 60%, #fff);--input-focus-ring: 0 0 0 4px color-mix(in srgb, var(--aurora-2) 20%, transparent);--motion-fast: .18s cubic-bezier(.4, 0, .2, 1);--motion-normal: .26s cubic-bezier(.22, .8, .2, 1);--motion-spring: .36s cubic-bezier(.22, 1.25, .36, 1);--background-white: var(--glass-surface-700);--background-light: var(--glass-surface-500);--border-color: rgba(255, 255, 255, .1);--text-primary-old: var(--text-primary);--text-secondary-old: var(--text-secondary);--shadow-sm: var(--shadow-glass-sm);--shadow-md: var(--shadow-glass-md);--shadow-lg: var(--shadow-glass-lg);--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-full: 9999px;--transition-fast: var(--motion-fast);--transition-normal: var(--motion-normal);--transition-slow: var(--motion-spring)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}@media(max-width:375px){html{-webkit-text-size-adjust:100%}}@media(hover:none)and (pointer:coarse){button,[role=button]{min-height:44px;min-width:44px}html{-webkit-tap-highlight-color:transparent}button:active,[role=button]:active,a:active{filter:brightness(.9)}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:max(16px,1em)!important}}.drag-ghost{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;opacity:.85;animation:none!important;transition:none!important;will-change:transform;contain:layout paint}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glass-modal-pop{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.965)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes glass-modal-scale{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glass-side-in-l{0%{transform:translate(-100%) translateY(-50%)}to{transform:translate(0) translateY(-50%)}}@keyframes glass-side-in-r{0%{transform:translate(100%) translateY(-50%)}to{transform:translate(0) translateY(-50%)}}:root{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.05)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.05)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px;box-shadow:inset 0 0 0 1px #00000047}*::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:4px;border:1px solid rgba(255,255,255,.16);background-clip:padding-box;transition:background var(--motion-fast)}*::-webkit-scrollbar-thumb:hover{background:#fff6;background-clip:padding-box;border:1px solid rgba(255,255,255,.22)}*::-webkit-scrollbar-thumb:active{background:#ffffff8a}*::-webkit-scrollbar-corner{background:#ffffff0f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;margin:0;padding:0}.app-container{position:relative;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);overflow:hidden}.settings-button{position:absolute;top:calc(30px + var(--safe-top));right:calc(30px + var(--safe-right));width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:20px;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}.settings-button:hover{background:#ffffff1f;transform:scale(1.05);box-shadow:0 6px 16px #0003}@media(max-width:1024px){.settings-button{top:calc(24px + var(--safe-top));right:calc(24px + var(--safe-right));width:44px;height:44px;font-size:18px}}@media(max-width:768px){.settings-button{top:calc(16px + var(--safe-top));right:calc(16px + var(--safe-right));width:40px;height:40px;font-size:18px}.search-container{margin-bottom:40px}}@media(max-width:375px){.settings-button{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));width:38px;height:38px;font-size:16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.search-container{text-align:center;animation:fadeInUp .8s ease .2s both;width:min(560px,32%);transition:width .3s ease;margin:0 auto;padding-bottom:20px}.search-container.focused{width:min(680px,42%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-wrapper{display:flex;align-items:center;position:relative;width:100%;background:#ffffff14;border-radius:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:1}.search-engine-dropdown{position:relative;z-index:9999}.search-engine-button{width:56px;height:56px;border:none;border-radius:50%;background:#0000004d;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:0;margin:0;flex-shrink:0}.search-engine-button:hover{background:#0006;transform:scale(1.05)}.search-engine-button:focus{outline:none;box-shadow:none}.search-engine-button:active{transform:scale(.95)}.search-engine-icon{font-size:16px}.search-engine-favicon{width:70%;height:70%;border-radius:50%;object-fit:contain;object-position:center center;display:block}.search-engine-option-favicon{height:100%;object-fit:contain;object-position:center center;display:block}.search-engine-fallback{font-size:14px;font-weight:700;color:#fffc}.search-engine-list{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:9999;overflow:hidden}.search-engine-option{width:100%;height:50px;padding:8px 12px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:8px}.search-engine-option:hover{background:#ffffff1a}.search-engine-option:focus{outline:none;background:#ffffff26}.search-input{flex:1;height:56px;padding:0 16px;background:transparent;border:none;color:#fff;font-size:16px;font-weight:400;outline:none;transition:all .3s ease}.search-input::placeholder{color:#fff9}.search-input:focus{padding-right:20px}.search-submit-button{height:40px;padding:0 20px;margin-right:8px;background:#fff3;border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-submit-button:hover{background:#ffffff4d;transform:scale(1.05)}.search-submit-button:focus{outline:none;box-shadow:none}.search-submit-button:active{transform:scale(.95)}@media(max-width:1024px){.search-container{width:min(520px,48%)}.search-container.focused{width:min(560px,54%)}}@media(max-width:768px){.search-container{width:82%;margin-bottom:40px}.search-container.focused{width:86%}.search-wrapper{width:100%;margin:0 auto}.search-input{font-size:14px}.search-submit-button{padding:0 16px;font-size:13px}}@media(max-width:480px){.search-container{width:90%;margin-bottom:32px;padding-bottom:16px}.search-container.focused{width:92%}.search-wrapper{width:100%}.search-engine-button{width:48px;height:48px;flex-shrink:0}.search-engine-favicon{width:32px;height:32px}.search-input{height:48px;font-size:13px;padding:0 12px}.search-submit-button{height:36px;padding:0 14px;font-size:12px;margin-right:6px;flex-shrink:0}}@media(max-width:375px){.search-container{width:94%;margin-bottom:28px}.search-engine-button{width:44px;height:44px}.search-input{height:44px;font-size:13px;padding:0 10px}.search-submit-button{height:34px;padding:0 12px;font-size:12px;margin-right:5px}}@keyframes settingsFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes settingsFadeOut{0%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none}}.settings-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;pointer-events:none}.settings-overlay.settings-overlay-open{animation:settingsFadeIn .26s cubic-bezier(.22,.8,.2,1) forwards;opacity:1;pointer-events:auto}.settings-overlay.settings-overlay-closing{animation:settingsFadeOut .26s cubic-bezier(.22,.8,.2,1) forwards}@keyframes settingsSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes settingsSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.settings-panel{--panel-pad: clamp(22px, 3.5vw, 36px);position:fixed;top:0;right:0;width:min(420px,100vw);height:100%;height:100dvh;background:var(--glass-surface-700);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:calc(var(--panel-pad) + var(--safe-top)) calc(var(--panel-pad) + var(--safe-right)) calc(var(--panel-pad) + var(--safe-bottom)) var(--panel-pad);box-shadow:-12px 0 48px #00000080;border-left:var(--glass-border);z-index:1000;display:flex;flex-direction:column;transform:translate(100%);box-sizing:border-box;color:var(--text-primary);font-family:inherit}.settings-panel.settings-panel-open{animation:settingsSlideIn .26s cubic-bezier(.22,.8,.2,1) forwards;transform:translate(0)}.settings-panel.settings-panel-closing{animation:settingsSlideOut .26s cubic-bezier(.22,.8,.2,1) forwards!important}.settings-panel:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--aurora-gradient);opacity:.9}.settings-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin-right:calc(-1 * (var(--panel-pad) + var(--safe-right)));padding-right:calc(var(--panel-pad) + var(--safe-right));margin-bottom:calc(-1 * (var(--panel-pad) + var(--safe-bottom)));padding-bottom:calc(var(--panel-pad) + var(--safe-bottom))}.settings-scroll::-webkit-scrollbar{width:8px}.settings-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px;box-shadow:inset 0 0 0 1px #00000047}.settings-scroll::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:4px;border:1px solid rgba(255,255,255,.16);background-clip:padding-box}.settings-scroll::-webkit-scrollbar-thumb:hover{background:#fff6}.settings-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(22px,3.5vw,36px);padding-bottom:clamp(14px,2vw,18px);border-bottom:var(--glass-border-subtle);flex-shrink:0}.settings-panel h2{font-size:clamp(18px,2.2vw,24px);font-weight:700;margin:0;font-family:inherit;color:var(--text-primary)}.back-button{width:var(--btn-close-size);height:var(--btn-close-size);padding:0;border:var(--glass-border);border-radius:var(--btn-close-radius);background:var(--glass-surface-300);color:var(--text-tertiary);font-size:var(--font-md);font-weight:500;cursor:pointer;transition:all var(--motion-fast);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:var(--glass-inner-hl)}.back-button:hover{background:var(--semantic-danger);color:#fff;border-color:var(--semantic-danger);transform:translateY(-1px)}.settings-section{margin-bottom:clamp(22px,3.2vw,30px);display:flex;flex-direction:column;gap:clamp(10px,1.2vw,12px)}.settings-section h3{font-size:var(--font-lg);font-weight:650;margin:0 0 clamp(10px,1.4vw,14px) 0;color:var(--text-primary);font-family:inherit;position:relative;padding-left:10px}.settings-section h3:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--aurora-gradient)}.grid-settings{margin-top:12px;display:flex;gap:12px}.setting-item{display:flex;flex-direction:column;gap:7px;flex:1}.setting-item label{font-size:var(--font-md);font-weight:500;color:var(--text-secondary);line-height:1.4}.settings-panel input[type=text],.settings-panel input[type=number],.settings-panel select{padding:10px 13px;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-md);-webkit-backdrop-filter:none;backdrop-filter:none;transition:all var(--motion-fast);width:100%;box-sizing:border-box;box-shadow:var(--glass-inner-hl);font-family:inherit}.settings-panel input[type=text]:focus,.settings-panel input[type=number]:focus,.settings-panel select:focus{outline:none;border-color:var(--input-focus-border);background:#ffffff13;box-shadow:var(--input-focus-ring)}.settings-panel input[type=text]::placeholder,.settings-panel input[type=number]::placeholder{color:var(--text-quaternary)}.settings-panel select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:12px 8px}.settings-panel select option{background:#22262e;color:#fff}.tool-buttons{display:flex;flex-direction:column;gap:10px;margin-top:12px}.palette-manage-block{margin-top:4px;display:flex;flex-direction:column;gap:12px}.palette-manage-head{display:flex;align-items:center;gap:8px}.palette-manage-title{font-size:var(--font-md);font-weight:500;color:var(--text-secondary);line-height:1.4}.palette-manage-head>button{margin-left:auto;flex-shrink:0}.palette-lightness-block{display:flex;flex-direction:column;gap:2px;padding:10px 12px 8px;border:var(--glass-border-subtle);border-radius:var(--input-radius);background:#ffffff08}.palette-lightness-head{display:flex;align-items:center;gap:8px}.palette-lightness-title{font-size:var(--font-md);font-weight:500;color:var(--text-secondary);line-height:1.4}.palette-lightness-value{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-left:auto;font-variant-numeric:tabular-nums;min-width:64px;text-align:right}.palette-lightness-preview{display:inline-flex;align-items:center;gap:6px;margin-left:2px}.palette-lightness-preview-label{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;-webkit-user-select:none;user-select:none}.palette-lightness-preview-switch.settings-switch{width:44px;height:22px}.palette-lightness-preview-switch .settings-switch-track:before{top:3px;left:3px;width:14px;height:14px}.palette-lightness-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.palette-lightness-mark{font-size:var(--font-xs);color:var(--text-quaternary);-webkit-user-select:none;user-select:none}.settings-panel button:not(.palette-cell):not(.engine-action-btn):not(.scheme-icon-btn):not(.folder-name-button):not(.confirm-dialog-btn){padding:0 16px;min-height:var(--btn-h);border:var(--glass-border);border-radius:var(--btn-radius);background:var(--glass-surface-300);color:var(--text-secondary);font-size:var(--font-md);font-weight:500;cursor:pointer;transition:all var(--motion-fast);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--glass-inner-hl);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;text-align:center}.settings-panel button:hover:not(:disabled):not(.palette-cell):not(.engine-action-btn):not(.scheme-icon-btn):not(.folder-name-button):not(.confirm-dialog-btn){background:var(--glass-surface-hover);color:var(--text-primary);border-color:#ffffff2e;transform:translateY(-1px)}.settings-panel button:active:not(.palette-cell):not(.engine-action-btn):not(.scheme-icon-btn):not(.folder-name-button):not(.confirm-dialog-btn){transform:translateY(0)}.settings-panel button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.settings-section button:not(.palette-cell):not(.scheme-icon-btn):not(.folder-name-button):not(.confirm-dialog-btn){background:var(--glass-surface-300);border:var(--glass-border);color:var(--text-secondary)}.settings-section button:hover:not(:disabled):not(.palette-cell):not(.scheme-icon-btn):not(.folder-name-button):not(.confirm-dialog-btn){background:var(--glass-surface-hover);border-color:#ffffff2e;transform:translateY(-1px);color:var(--text-primary)}.palette-manage-block .palette{--palette-cell: 30px;--palette-gap: 10px}.settings-panel input[type=range]{width:100%;cursor:pointer;margin:6px 0;-webkit-appearance:none;appearance:none;height:5px;background:#ffffff1a;border-radius:3px;outline:none}.settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;background:var(--aurora-gradient);border-radius:50%;cursor:pointer;transition:all var(--motion-fast);box-shadow:0 2px 8px color-mix(in srgb,var(--aurora-2) 40%,transparent)}.settings-panel input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--aurora-2) 50%,transparent)}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff24;transition:var(--motion-normal);border-radius:999px;border:var(--glass-border-subtle)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--motion-normal);border-radius:50%;box-shadow:0 2px 4px #0000004d}input:checked+.toggle-slider{background:color-mix(in srgb,var(--aurora-2) 55%,transparent);border-color:color-mix(in srgb,var(--aurora-2) 40%,transparent)}.settings-feature-list{display:flex;flex-direction:column;gap:10px}.settings-feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--glass-surface-500);border:var(--glass-border-subtle);border-radius:var(--radius-sm);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.settings-feature-row:hover{border-color:#ffffff1f;box-shadow:0 6px 16px #0000004d}.settings-feature-name{font-size:var(--font-md);font-weight:500;color:var(--text-secondary);line-height:1.4}.settings-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.settings-switch input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.settings-switch-track{position:absolute;inset:0;border-radius:999px;background:#ffffff24;border:var(--glass-border-subtle);transition:background var(--motion-normal),border-color var(--motion-normal);pointer-events:none}.settings-switch-track:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:transform var(--motion-normal)}.settings-switch input:checked+.settings-switch-track{background:color-mix(in srgb,var(--aurora-2) 55%,transparent);border-color:color-mix(in srgb,var(--aurora-2) 40%,transparent)}.settings-switch input:checked+.settings-switch-track:before{transform:translate(24px)}.settings-switch input:focus-visible+.settings-switch-track{box-shadow:0 0 0 2px color-mix(in srgb,var(--aurora-2) 60%,transparent)}.option-item{margin-bottom:14px}.option-item label{display:flex;flex-direction:column;gap:7px;font-size:var(--font-md);cursor:pointer}.option-item label>.toggle-switch{margin-top:6px;align-self:flex-start}.option-item input[type=range]{width:100%;cursor:pointer}.option-item .reset-button{width:100%;min-height:var(--btn-h);padding:0 16px;border:var(--glass-border);border-radius:var(--btn-radius);background:var(--glass-surface-300);color:var(--text-secondary);font-size:var(--font-md);font-weight:500;cursor:pointer;transition:all var(--motion-fast);text-align:center;box-shadow:var(--glass-inner-hl)}.option-item .reset-button:hover{background:var(--glass-surface-hover);color:var(--text-primary);border-color:#ffffff2e;transform:translateY(-1px)}.settings-panel .form-group{margin-bottom:14px}.settings-panel .form-group label{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:7px}.settings-panel .form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.settings-panel .card{background:var(--glass-surface-500);border:var(--glass-border-subtle);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:14px;transition:all var(--motion-fast)}.settings-panel .card:hover{border-color:#ffffff1f;box-shadow:0 6px 16px #0000004d}.save-section{margin-top:clamp(24px,3.5vw,36px);padding-top:clamp(18px,2.5vw,28px);border-top:var(--glass-border-subtle);display:flex;flex-direction:column;gap:clamp(10px,1.2vw,14px)}.unsaved-indicator{background:color-mix(in srgb,var(--semantic-warn) 14%,transparent);border:1px solid color-mix(in srgb,var(--semantic-warn) 34%,transparent);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:center;gap:10px}.unsaved-indicator span{color:#fcd34d;font-size:var(--font-sm);font-weight:500;flex:1}.save-button{min-height:44px;padding:0 22px;border:none;border-radius:var(--btn-radius);background:var(--aurora-gradient);color:var(--text-on-accent);font-size:var(--font-md);font-weight:650;cursor:pointer;transition:all var(--motion-fast);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--aurora-glow);font-family:inherit}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--aurora-2) 44%,transparent),0 0 0 1px #ffffff24 inset}.save-button:disabled{background:#94a3b859;cursor:not-allowed;transform:none;box-shadow:none;color:#ffffff80}.save-success{background:color-mix(in srgb,var(--semantic-ok) 14%,transparent);border:1px solid color-mix(in srgb,var(--semantic-ok) 34%,transparent);border-radius:var(--radius-sm);padding:12px 14px;color:#6ee7b7;font-size:var(--font-sm);font-weight:500;text-align:center;animation:settingsFadeIn var(--motion-normal) both}.save-error{background:color-mix(in srgb,var(--semantic-danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--semantic-danger) 34%,transparent);border-radius:var(--radius-sm);padding:12px 14px;color:#fca5a5;font-size:var(--font-sm);font-weight:500;text-align:center;animation:settingsFadeIn var(--motion-normal) both}.logout-button{background:color-mix(in srgb,var(--semantic-danger) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--semantic-danger) 34%,transparent)!important;color:#fca5a5!important;font-weight:600}.logout-button:hover:not(:disabled){background:var(--semantic-danger)!important;color:#fff!important;border-color:var(--semantic-danger)!important;transform:translateY(-1px)}.folder-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn var(--motion-normal) both}.folder-overlay.closing{animation:fadeOut var(--motion-normal) both}.folder-window{position:relative;--fc-hue: 232;--fc-sat: 100%;--fc-lit: 80%;--fc-frost: .5;--fc-depth: 0;--fc-chroma: 1;--fc-veil: calc(1 - var(--fc-chroma) * .62);--fc-band: calc(1 - var(--fc-chroma) * .45);--fc-rim: hsl(var(--fc-hue), calc(var(--fc-sat) * .75), clamp(30%, calc(var(--fc-lit) + 22%), 86%));background:linear-gradient(165deg,hsla(var(--fc-hue),var(--fc-sat),clamp(30%,calc(var(--fc-lit) + 16%),80%),calc(.2 * var(--fc-veil))),hsla(var(--fc-hue),var(--fc-sat),clamp(26%,calc(var(--fc-lit) - 4%),64%),calc(.06 * var(--fc-veil))) 52%,hsla(var(--fc-hue),var(--fc-sat),clamp(20%,calc(var(--fc-lit) - 14%),62%),calc(.16 * var(--fc-veil)))),linear-gradient(180deg,#bac4e426,#bac4e40d 46%,#bac4e41f),linear-gradient(180deg,hsla(0,0%,100%,calc(var(--fc-frost) * .1)),hsla(0,0%,100%,calc(var(--fc-frost) * .03)),hsla(0,0%,100%,calc(var(--fc-frost) * .07))),var(--glass-surface-700);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--fc-rim) 52%,transparent);backdrop-filter:blur(var(--glass-blur)) saturate(155%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(155%);box-shadow:inset 0 1px hsla(var(--fc-hue),var(--fc-sat),clamp(46%,calc(var(--fc-lit) + 26%),90%),calc(.1 + var(--fc-frost) * .26)),var(--glass-inner-hl),var(--shadow-glass-lg),inset 0 0 64px rgba(0,0,0,calc(var(--fc-depth) * .32)),0 0 90px hsla(var(--fc-hue),var(--fc-sat),clamp(38%,calc(var(--fc-lit) + 8%),74%),calc(.1 + var(--fc-frost) * .2));min-width:clamp(900px,65%,1800px);max-width:clamp(900px,65%,1800px);max-height:80vh;max-height:80dvh;display:flex;flex-direction:column;animation:glass-modal-scale .36s cubic-bezier(.22,1.3,.36,1) both;overflow:hidden}.folder-overlay.closing .folder-window{animation:glass-modal-scale-reverse .36s cubic-bezier(.22,1.3,.36,1) both}.folder-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(14px,1.8vw,20px) clamp(18px,2.2vw,24px);border-bottom:1px solid color-mix(in srgb,var(--fc-rim) 34%,transparent);gap:clamp(10px,1vw,16px);background:linear-gradient(180deg,hsla(var(--fc-hue),var(--fc-sat),clamp(24%,calc(var(--fc-lit) + 20%),88%),calc((.12 + var(--fc-frost) * .16) * var(--fc-band))),hsla(var(--fc-hue),var(--fc-sat),clamp(22%,calc(var(--fc-lit) - 6%),70%),calc((.04 + var(--fc-frost) * .04) * var(--fc-band)))),color-mix(in srgb,var(--glass-surface-500) 50%,transparent)}.folder-name-container{display:flex;align-items:center;gap:12px;position:relative;flex:1;min-width:0}.folder-name-display{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);transition:background-color var(--motion-fast)}.folder-name-display:hover{background:color-mix(in srgb,var(--aurora-2) 8%,transparent)}.folder-title{margin:0;font-size:var(--font-xl);font-weight:600;color:var(--text-primary);font-family:inherit;letter-spacing:.005em;transition:color var(--motion-fast)}.folder-edit-btn{width:32px;height:32px;padding:6px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-surface-300);color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast);display:flex;align-items:center;justify-content:center;line-height:1;opacity:0;animation:fadeIn var(--motion-fast) forwards;box-shadow:var(--glass-inner-hl)}.folder-name-display:hover .folder-edit-btn{opacity:1}.folder-edit-btn:hover{background:color-mix(in srgb,var(--aurora-2) 16%,var(--glass-surface-300));color:var(--text-primary);border-color:color-mix(in srgb,var(--aurora-2) 40%,var(--glass-border));transform:translateY(-1px);box-shadow:var(--glass-inner-hl),0 4px 12px color-mix(in srgb,var(--aurora-2) 28%,transparent)}.folder-name-edit{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:var(--glass-surface-500);border:1px solid color-mix(in srgb,var(--aurora-2) 36%,var(--glass-border));border-radius:var(--radius-sm);box-shadow:var(--glass-inner-hl);animation:slideInRight var(--motion-spring) both}.folder-name-input{flex:1;padding:9px 14px;border:1px solid var(--glass-border);border-radius:var(--radius-xs);background:var(--glass-surface-700);color:var(--text-primary);font-size:var(--font-lg);font-family:inherit;outline:none;transition:all var(--motion-fast);min-width:0;box-shadow:var(--glass-inner-hl)}.folder-name-input:focus{border-color:color-mix(in srgb,var(--aurora-2) 50%,var(--glass-border));background:var(--glass-surface-700);box-shadow:var(--glass-inner-hl),0 0 0 4px color-mix(in srgb,var(--aurora-2) 18%,transparent);transform:translateY(-.5px)}.folder-name-input::placeholder{color:var(--text-tertiary);font-style:italic}.edit-actions{display:flex;gap:8px}.edit-action-btn{width:32px;height:32px;padding:0;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--font-md);cursor:pointer;transition:all var(--motion-fast);display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;box-shadow:var(--glass-inner-hl)}.edit-action-btn.save-btn{background:color-mix(in srgb,var(--semantic-success) 16%,transparent);color:var(--semantic-success);border-color:color-mix(in srgb,var(--semantic-success) 40%,transparent)}.edit-action-btn.save-btn:hover{background:color-mix(in srgb,var(--semantic-success) 28%,transparent);border-color:color-mix(in srgb,var(--semantic-success) 60%,transparent);transform:translateY(-1.5px);box-shadow:var(--glass-inner-hl),0 4px 12px color-mix(in srgb,var(--semantic-success) 35%,transparent)}.edit-action-btn.cancel-btn{background:color-mix(in srgb,var(--semantic-danger) 14%,transparent);color:var(--semantic-danger);border-color:color-mix(in srgb,var(--semantic-danger) 36%,transparent)}.edit-action-btn.cancel-btn:hover{background:color-mix(in srgb,var(--semantic-danger) 26%,transparent);border-color:color-mix(in srgb,var(--semantic-danger) 58%,transparent);transform:translateY(-1.5px);box-shadow:var(--glass-inner-hl),0 4px 12px color-mix(in srgb,var(--semantic-danger) 32%,transparent)}.folder-close-btn{width:32px;height:32px;padding:0;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-surface-300);color:var(--text-secondary);font-size:var(--font-lg);cursor:pointer;transition:all var(--motion-fast);display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;box-shadow:var(--glass-inner-hl)}.folder-close-btn:hover{background:color-mix(in srgb,var(--semantic-danger) 22%,var(--glass-surface-300));color:#fff;border-color:color-mix(in srgb,var(--semantic-danger) 45%,var(--glass-border));transform:translateY(-1px);box-shadow:var(--glass-inner-hl),0 4px 14px color-mix(in srgb,var(--semantic-danger) 32%,transparent)}.folder-header{position:relative;z-index:3}.folder-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.folder-color-control{position:relative}.folder-color-btn{width:32px;height:32px;padding:0;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-surface-300);cursor:pointer;transition:all var(--motion-fast);display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;box-shadow:var(--glass-inner-hl)}.folder-color-btn:hover{background:var(--glass-surface-hover);border-color:color-mix(in srgb,var(--aurora-2) 40%,var(--glass-border));transform:translateY(-1px)}.folder-color-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--aurora-2) 60%,#fff);outline-offset:1px}.folder-color-control.open .folder-color-btn{background:color-mix(in srgb,var(--aurora-2) 16%,var(--glass-surface-300));border-color:color-mix(in srgb,var(--aurora-2) 55%,var(--glass-border))}.folder-color-ball{width:17px;height:17px;border-radius:50%;box-shadow:inset 0 1px 2px #ffffff8c,inset 0 -2px 3px #0000004d,0 0 0 1px #ffffff40;transition:transform var(--motion-fast),box-shadow var(--motion-fast)}.folder-color-btn:hover .folder-color-ball{transform:scale(1.08)}.folder-color-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:168px;box-sizing:border-box;padding:12px 14px;background:var(--glass-surface-300);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-inner-hl),var(--shadow-glass-lg);animation:glass-modal-scale var(--motion-spring) both}.folder-color-popover-title{margin:0 0 10px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.folder-color-popover-footer{display:flex;justify-content:flex-end;margin-top:10px}.folder-color-reset-btn{padding:3px 8px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);font-size:var(--font-xs);font-family:inherit;cursor:pointer;transition:all var(--motion-fast);line-height:1.4}.folder-color-reset-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--aurora-2) 12%,transparent)}.folder-content{padding:clamp(16px,2vw,24px);overflow-y:auto;overflow-x:hidden;max-height:calc(80vh - 80px);max-height:calc(80dvh - 80px);color:var(--text-primary);background:radial-gradient(130% 55% at 50% 0%,hsla(var(--fc-hue),var(--fc-sat),clamp(40%,calc(var(--fc-lit) + 6%),84%),calc((.04 + var(--fc-frost) * .12) * var(--fc-band))) 0%,transparent 62%)}.folder-content::-webkit-scrollbar{width:6px}.folder-content::-webkit-scrollbar-track{background:color-mix(in srgb,var(--glass-surface-300) 55%,transparent);border-radius:3px}.folder-content::-webkit-scrollbar-thumb{background:hsla(var(--fc-hue),var(--fc-sat),clamp(56%,calc(var(--fc-lit) + 6%),76%),.38);border-radius:3px}.folder-content::-webkit-scrollbar-thumb:hover{background:hsla(var(--fc-hue),var(--fc-sat),calc(var(--fc-lit) + 12%),.48)}.folder-icons-grid{width:100%;min-height:calc(clamp(56px,10vw,120px) + clamp(6px,.6vw,10px) + clamp(18px,1.75vw,25px) + clamp(8px,1vw,16px) + clamp(4px,.5vw,8px))}.folder-icons-grid.dragging-out{opacity:.5}.folder-icon-item{text-align:center;display:flex;flex-direction:column;align-items:center}.folder-actions{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;border-top:1px solid color-mix(in srgb,var(--fc-rim) 30%,transparent);background:linear-gradient(180deg,hsla(var(--fc-hue),var(--fc-sat),clamp(26%,calc(var(--fc-lit) - 12%),66%),calc((.03 + var(--fc-frost) * .03) * var(--fc-band))),hsla(var(--fc-hue),var(--fc-sat),clamp(30%,calc(var(--fc-lit) + 16%),86%),calc((.1 + var(--fc-frost) * .12) * var(--fc-band)))),color-mix(in srgb,var(--glass-surface-500) 45%,transparent)}.folder-action-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:var(--btn-h);padding:0 var(--btn-pad-x);border:1px solid var(--glass-border);border-radius:var(--btn-radius);background:var(--glass-surface-300);color:var(--text-primary);font-size:var(--font-md);font-weight:550;line-height:1;cursor:pointer;transition:all var(--motion-fast);box-shadow:var(--glass-inner-hl);letter-spacing:.005em;-webkit-user-select:none;user-select:none}.folder-action-btn:hover{background:color-mix(in srgb,var(--aurora-2) 16%,var(--glass-surface-300));border-color:color-mix(in srgb,var(--aurora-2) 40%,var(--glass-border));transform:translateY(-1.5px);box-shadow:var(--glass-inner-hl),0 6px 16px color-mix(in srgb,var(--aurora-2) 25%,transparent)}.disband-btn:hover{background:color-mix(in srgb,var(--semantic-success) 20%,var(--glass-surface-300));border-color:color-mix(in srgb,var(--semantic-success) 48%,var(--glass-border));color:var(--semantic-success);box-shadow:var(--glass-inner-hl),0 6px 16px color-mix(in srgb,var(--semantic-success) 28%,transparent)}.delete-btn:hover{background:color-mix(in srgb,var(--semantic-danger) 22%,var(--glass-surface-300));border-color:color-mix(in srgb,var(--semantic-danger) 50%,var(--glass-border));color:var(--semantic-danger);box-shadow:var(--glass-inner-hl),0 6px 16px color-mix(in srgb,var(--semantic-danger) 28%,transparent)}.confirm-dialog-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn var(--motion-normal) both}.confirm-dialog{position:relative;background:var(--glass-surface-700);backdrop-filter:blur(var(--glass-blur)) saturate(155%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(155%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px 26px;max-width:400px;width:90%;text-align:center;box-shadow:var(--glass-inner-hl),var(--shadow-glass-lg);overflow:hidden;animation:glass-modal-scale var(--motion-spring) both}.confirm-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora-gradient);pointer-events:none}.confirm-dialog h4{margin:0 0 10px;font-size:var(--font-lg);color:var(--text-primary);font-weight:600;font-family:inherit}.confirm-dialog p{margin:0 0 22px;font-size:var(--font-md);color:var(--text-secondary);line-height:1.65}.confirm-dialog-buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}.confirm-dialog-buttons .confirm-btn,.confirm-dialog-buttons .cancel-btn{padding:0 var(--btn-pad-x);border:none;border-radius:var(--btn-radius);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--motion-fast);min-height:var(--btn-h);min-width:0;flex-shrink:0;box-sizing:border-box;letter-spacing:.01em;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.confirm-dialog-buttons .confirm-btn{color:var(--text-on-accent);background:var(--aurora-gradient);box-shadow:var(--aurora-glow)}.confirm-dialog-buttons .confirm-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--aurora-2) 44%,transparent),0 0 0 1px #ffffff24 inset}.confirm-dialog-buttons .confirm-btn:active{transform:translateY(0)}.confirm-dialog-buttons .confirm-btn.danger{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-danger) 95%,#fff),color-mix(in srgb,var(--semantic-danger) 65%,#000));box-shadow:0 10px 28px color-mix(in srgb,var(--semantic-danger) 38%,transparent)}.confirm-dialog-buttons .confirm-btn.danger:hover{box-shadow:0 14px 32px color-mix(in srgb,var(--semantic-danger) 50%,transparent),0 0 0 1px #ffffff24 inset}.confirm-dialog-buttons .cancel-btn{background:var(--glass-surface-300);color:var(--text-secondary);border:var(--glass-border);box-shadow:var(--glass-inner-hl)}.confirm-dialog-buttons .cancel-btn:hover{background:var(--glass-surface-hover);color:var(--text-primary);border-color:#ffffff2e;transform:translateY(-1px)}.rename-input-container{margin:20px 0 18px;text-align:left}.rename-input{width:100%;padding:10px 14px;border:1px solid var(--glass-border);border-radius:var(--btn-radius);background:var(--glass-surface-500);color:var(--text-primary);font-size:var(--font-md);font-family:inherit;outline:none;transition:all var(--motion-fast);box-shadow:var(--glass-inner-hl);box-sizing:border-box}.rename-input:focus{border-color:color-mix(in srgb,var(--aurora-2) 50%,var(--glass-border));box-shadow:var(--glass-inner-hl),0 0 0 4px color-mix(in srgb,var(--aurora-2) 18%,transparent);transform:translateY(-.5px)}.rename-input::placeholder{color:var(--text-tertiary);font-style:italic}@media(min-width:769px)and (max-width:1024px){.folder-window{min-width:75vw;max-width:75vw}}@media(max-width:768px){.folder-window{min-width:92vw;max-width:92vw;max-height:72vh;max-height:72dvh;border-radius:var(--radius-md)}.folder-title{font-size:clamp(16px,2.2vw,20px)}.folder-name-input{min-width:0;font-size:var(--font-md);padding:8px 12px}.folder-actions{padding:12px 16px;gap:10px;flex-wrap:wrap}.folder-action-btn{padding:8px 14px;font-size:var(--font-sm);flex:1;min-width:0;justify-content:center}}@media(max-width:375px){.folder-window{min-width:94vw;max-width:94vw;max-height:74vh;max-height:74dvh;border-radius:var(--radius-md)}.folder-header{padding:12px 14px;flex-wrap:wrap}.folder-content{padding:12px}.folder-actions{padding:10px 12px;gap:8px}.folder-action-btn{padding:8px 12px;font-size:var(--font-sm)}}@media(min-width:1920px){.folder-window{min-width:clamp(1100px,65%,1400px);max-width:clamp(1100px,65%,1400px)}.folder-header{padding:20px 26px}.folder-content{padding:26px}.folder-actions{padding:18px 26px;gap:18px}}@media(min-width:2560px){.folder-window{min-width:clamp(1300px,65%,1600px);max-width:clamp(1300px,65%,1600px)}.folder-header{padding:22px 28px}.folder-content{padding:28px}.folder-title{font-size:var(--font-2xl)}.folder-actions{padding:18px 28px;gap:20px}.folder-action-btn{padding:10px 20px;font-size:var(--font-md)}}@media(min-width:3840px){.folder-window{min-width:clamp(1600px,60%,1800px);max-width:clamp(1600px,60%,1800px)}.folder-header{padding:26px 32px}.folder-content{padding:32px}.folder-title{font-size:24px}.folder-close-btn{width:36px;height:36px;font-size:17px}.folder-actions{padding:20px 32px;gap:22px}.folder-action-btn{padding:12px 22px;font-size:var(--font-lg);border-radius:var(--radius-sm)}}body.is-dragging-active .folder-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}body.is-dragging-active .folder-window{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}body.is-dragging-active .confirm-dialog-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}body.is-dragging-active .confirm-dialog{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes slideInRight{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes glass-modal-scale-reverse{0%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:0}}.icon-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;padding:clamp(8px,1vw,16px) 0;border-radius:12px;position:relative}.icon-item.dragging{opacity:.5;transform:scale(1.05);z-index:1000}.website-item-wrapper{display:inline-block;transition:transform .3s ease}.icon-item:hover{transform:translateY(clamp(-4px,-.6vw,-8px))}@media(hover:none)and (pointer:coarse){.icon-item:hover{transform:none}.icon-item{touch-action:manipulation}.icon-item,.icon-item img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.icon-item:active .icon-wrapper{transform:scale(.96);transition-duration:.12s}}.icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.6vw,10px);padding:clamp(8px,1vw,16px) clamp(8px,1vw,16px) clamp(4px,.5vw,8px);border-radius:10px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,border-color .3s ease,box-shadow .3s ease;width:clamp(72px,10vw,120px);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;box-sizing:border-box}.icon-wrapper:active{cursor:grabbing}.icon-wrapper.drag-over{background:#6464ff26;border-radius:12px;transform:scale(1.05);transition:transform .2s ease,background-color .2s ease}body.is-dragging-active .icon-item:hover,body.is-dragging-active .icon-item:hover .icon-wrapper{transform:none}body.is-dragging-active .icon-circle>.cc-glass{backdrop-filter:blur(3px) saturate(1.2);-webkit-backdrop-filter:blur(3px) saturate(1.2)}body.is-dragging-active .icon-item:hover .icon-circle{transform:none;animation:none}body.is-dragging-active .icon-circle>.cc-aura,body.is-dragging-active .icon-circle>.cc-highlight,body.is-dragging-active .icon-circle>.cc-texture{opacity:0;animation:none}body.is-dragging-active .icon-item.dragging .icon-circle>.cc-glass{backdrop-filter:none;-webkit-backdrop-filter:none}.icon-item:hover .icon-wrapper{transform:translateY(clamp(-3px,-.3vw,-5px))}@media(hover:none)and (pointer:coarse){.icon-item:hover .icon-wrapper{transform:none}}.icon-circle{--c-hue: 232;--c-sat: 100%;--c-lit: 80%;--c-glow: hsla(var(--c-hue), var(--c-sat), var(--c-lit), .3);--c-glow-strong: hsla(var(--c-hue), var(--c-sat), var(--c-lit), .55);--c-border: hsla(var(--c-hue), var(--c-sat), calc(var(--c-lit) + 30%), .4);--c-border-b: hsla(var(--c-hue), var(--c-sat), calc(var(--c-lit) + 10%), .15);--c-inset: hsla(var(--c-hue), var(--c-sat), calc(var(--c-lit) + 40%), .55);--c-shadow: hsla(var(--c-hue), var(--c-sat), calc(var(--c-lit) - 20%), .15);--c-aura-core: hsla(var(--c-hue), var(--c-sat), var(--c-lit), .3);--c-aura-soft: hsla(var(--c-hue), var(--c-sat), var(--c-lit), .16);position:relative;z-index:0;width:clamp(56px,10vw,120px);height:clamp(56px,10vw,120px);border-radius:20%;font-size:clamp(22px,4vw,42px);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.icon-item:hover .icon-circle{transform:scale(1.06)}.icon-circle>.cc-layer{position:absolute;pointer-events:none}.icon-circle>.cc-aura{inset:-18%;border-radius:40%;background:radial-gradient(ellipse at center,var(--c-aura-core) 0%,var(--c-aura-soft) 35%,transparent 65%);filter:blur(10px);z-index:0;opacity:0;transform:scale(.95);transition:opacity .6s ease}.icon-item:hover .icon-circle>.cc-aura{opacity:1;animation:crystalBreathe 2.8s ease-in-out infinite}@keyframes crystalBreathe{0%,to{opacity:.25;transform:scale(.92)}50%{opacity:.6;transform:scale(1.08)}}.icon-circle>.cc-glass{inset:0;border-radius:inherit;background:linear-gradient(145deg,hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 25%),.12),hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 5%),.03) 45%,hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) - 5%),.01) 55%,hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 20%),.1));backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid var(--c-border);border-bottom:1px solid var(--c-border-b);border-right:1px solid var(--c-border-b);box-shadow:0 8px 30px #0000004d,inset 0 1px 0 var(--c-inset),inset 0 -1px #00000014,inset 0 0 24px hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 35%),.18),inset 0 0 6px hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 45%),.25),0 0 50px var(--c-shadow);z-index:1;transition:box-shadow .4s ease}.icon-item:hover .icon-circle>.cc-glass{box-shadow:0 18px 50px #00000059,inset 0 1px hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 45%),.6),inset 0 -1px #00000014,inset 0 0 30px hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 40%),.22),inset 0 0 8px hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 50%),.3),0 0 35px var(--c-glow)}.icon-circle>.cc-highlight{inset:0;border-radius:inherit;background:radial-gradient(ellipse at 25% 15%,hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) + 40%),.18) 0%,transparent 50%);z-index:2;opacity:1}.icon-circle>.cc-texture{inset:0;border-radius:inherit;background:radial-gradient(ellipse at 80% 80%,hsla(var(--c-hue),var(--c-sat),calc(var(--c-lit) - 40%),.06) 0%,transparent 50%);z-index:2;opacity:1}.icon-circle>.crystal-content{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center}.icon-image{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.icon-item:hover .icon-circle>.crystal-content .icon-image{transform:scale(1.12)}.icon-label{font-size:clamp(13px,1.3vw,18px);font-weight:500;text-align:center;width:100%;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;color:#ffffffd9;margin-top:clamp(6px,.4vw,8px);line-height:1.35}.delete-icon{position:absolute;top:clamp(-4px,-.4vw,-6px);right:clamp(-4px,-.4vw,-6px);width:clamp(20px,1.6vw,26px);height:clamp(20px,1.6vw,26px);border-radius:50%;border:none;background:#f009;color:#fff;font-size:clamp(12px,1vw,14px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;line-height:1}.delete-icon:hover{background:#f00c;transform:scale(1.1)}.icon-image{width:clamp(36px,6.2vw,75px);height:clamp(36px,6.2vw,75px);border-radius:12px;object-fit:contain;object-position:center center;display:block}.icon-fallback{font-size:24px;font-weight:700;color:#fffc;text-align:center}.icon-wrapper.drag-over-before,.icon-wrapper.drag-over-after{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease;box-sizing:border-box}.icon-wrapper.drag-over-before{border-left:4px solid #6495ED;transform:scale(1.05) translate(10px)}.icon-wrapper.drag-over-after{border-right:4px solid #6495ED;transform:scale(1.05) translate(-10px)}.icon-wrapper.drag-over-before:before,.icon-wrapper.drag-over-after:after{content:none;display:none}.icon-wrapper.drag-over-center>.icon-circle,.icon-wrapper.drag-over-center .folder-icon-grid{box-shadow:0 0 0 4px #4caf50;background:#4caf5040;transition:box-shadow .2s ease,background-color .2s ease}.icon-wrapper.drag-over-invalid{cursor:not-allowed}.icon-wrapper.drag-over-invalid>.icon-circle,.icon-wrapper.drag-over-invalid .folder-icon-grid{position:relative;box-shadow:0 0 0 4px #ff4757;background:#ff475726;transition:box-shadow .2s ease,background-color .2s ease;transform:none;animation:shake .5s ease-in-out 1 forwards}.icon-wrapper.drag-over-invalid>.icon-circle:before,.icon-wrapper.drag-over-invalid .folder-icon-grid:before{content:"✖";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;line-height:1;color:#ff4757;background:#ffffffeb;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #ff475759}.icon-wrapper.drag-over-center>.icon-circle>.cc-aura,.icon-wrapper.drag-over-center>.icon-circle>.cc-highlight,.icon-wrapper.drag-over-center>.icon-circle>.cc-texture,.icon-wrapper.drag-over-invalid>.icon-circle>.cc-aura,.icon-wrapper.drag-over-invalid>.icon-circle>.cc-highlight,.icon-wrapper.drag-over-invalid>.icon-circle>.cc-texture{opacity:0;animation:none}@media(min-width:1920px){.icon-label{font-size:19px;margin-top:8px}}@media(min-width:2560px){.icon-label{font-size:21px;margin-top:9px}}@media(min-width:3840px){.icon-label{font-size:23px;margin-top:10px}}.website-item-wrapper{position:relative;display:inline-block}.context-menu{position:absolute;top:0;left:0;z-index:1000;background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 0;min-width:120px;width:max-content;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu li{padding:8px 16px;cursor:pointer;color:#333;font-size:14px;transition:background-color .2s ease}.context-menu li:hover{background-color:#0000000d}.context-menu-item{padding:8px 16px;cursor:pointer;color:#333;font-size:14px;transition:background-color .2s ease}.context-menu-item:hover{background-color:#0000000d}.context-menu-item-danger{color:#dc3545}.context-menu-item-danger:hover{background-color:#dc35451a}.folder-icon-grid{display:block}.folder-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;width:100%;height:100%;padding:12px;box-sizing:border-box}.folder-preview-item{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;width:100%;height:100%}.folder-preview-image{width:85%;height:85%;object-fit:contain;object-position:center center;border-radius:4px}.folder-empty-icon{font-size:32px;display:flex;align-items:center;justify-content:center}.folder-preview-item .icon-fallback{font-size:14px;font-weight:700;color:#ffffffb3;text-align:center}.icon-grid{display:grid;gap:20px;justify-content:flex-start;align-items:flex-start}.palette{--palette-cell: 24px;--palette-gap: 8px}.palette-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--palette-gap)}.palette-cell{position:relative;width:var(--palette-cell);height:var(--palette-cell);min-width:0;min-height:0;padding:0;box-sizing:border-box;border-radius:50%;border:2px solid rgba(255,255,255,.2);background-clip:padding-box;cursor:pointer;flex-shrink:0;line-height:1;transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.palette-cell:hover{transform:scale(1.14);border-color:#fff9}.palette-cell:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:1px}.palette-cell.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff59}.palette-cell-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.75),0 0 4px rgba(0,0,0,.5);pointer-events:none}.palette-cell-check:before{content:"✓"}.palette-cell.modified:after{content:"";position:absolute;top:0;right:0;width:6px;height:6px;border-radius:50%;background:#fffffff2;box-shadow:0 0 2px #0009;pointer-events:none}.palette-custom-btn{display:inline-flex;align-items:center;gap:7px;padding:3px 11px;min-height:0;border:1px solid var(--glass-border, rgba(255, 255, 255, .11));border-radius:var(--radius-sm, 10px);background:color-mix(in srgb,var(--glass-surface-300, rgba(17, 20, 34, .78)) 55%,transparent);color:var(--text-tertiary, rgba(203, 213, 225, .65));font-size:var(--font-xs, 12px);font-weight:500;font-family:inherit;line-height:1.4;cursor:pointer;transition:all var(--motion-fast, .2s ease)}.palette-custom-btn:hover,.palette-custom-btn.active{color:var(--text-primary, #fff);border-color:color-mix(in srgb,var(--aurora-2, #8aa9ff) 55%,rgba(255,255,255,.11));background:color-mix(in srgb,var(--aurora-2, #8aa9ff) 14%,transparent)}.palette-custom-swatch{width:16px;height:16px;flex-shrink:0;box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:conic-gradient(#fff,#facc15,#f59e0b,#fb923c,#f472b6,#e879f9,#f87171,#4ade80,#a3e635,#34d399,#2dd4bf,#22d3ee,#60a5fa,#38bdf8,#c084fc,#818cf8,#fff);transition:border-color var(--motion-fast, .2s ease)}.palette-custom-btn.active .palette-custom-swatch{border-color:#fff;box-shadow:0 0 0 2px #ffffff59}.color-picker-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:var(--overlay-blur);-webkit-backdrop-filter:var(--overlay-blur);display:flex;justify-content:center;align-items:center;z-index:9998;animation:fadeIn var(--motion-normal) both}.color-picker-dialog{position:relative;display:flex;flex-direction:column;width:min(360px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);background:var(--glass-surface-700);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-glass-lg);color:var(--text-primary);overflow:hidden;animation:glass-modal-scale var(--motion-spring) both}.color-picker-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora-gradient);opacity:.9}.color-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px}.color-picker-title{font-size:var(--font-lg);font-weight:650;color:var(--text-primary);font-family:inherit;letter-spacing:-.01em;line-height:1.3;min-width:0}.color-picker-close{width:var(--btn-close-size);height:var(--btn-close-size);padding:0;flex-shrink:0;border:var(--glass-border);border-radius:var(--btn-close-radius);background:var(--glass-surface-300);color:var(--text-tertiary);font-size:var(--font-md);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:all var(--motion-fast)}.color-picker-close:hover{background:var(--semantic-danger);color:#fff;border-color:var(--semantic-danger);transform:translateY(-1px)}.color-picker-body{display:flex;flex-direction:column;gap:14px;padding:4px 20px 16px;overflow-y:auto}.color-picker-caption{margin:0;font-size:var(--font-sm);font-weight:600;color:var(--text-tertiary);letter-spacing:.01em}.color-picker-alias{display:flex;align-items:center;gap:10px}.color-picker-alias-label{flex-shrink:0;font-size:var(--font-sm);font-weight:600;color:var(--text-tertiary)}.color-picker-alias-input{flex:1;min-width:0;padding:8px 12px;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-sm);font-family:inherit;box-shadow:var(--glass-inner-hl);transition:all var(--motion-fast)}.color-picker-alias-input:focus{outline:none;border-color:var(--input-focus-border);background:#ffffff13;box-shadow:var(--input-focus-ring)}.color-picker-alias-input::placeholder{color:var(--text-quaternary)}.color-picker-presets{display:grid;grid-template-columns:repeat(8,24px);justify-content:center;gap:8px}.color-picker-preset{position:relative;width:24px;height:24px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-sizing:border-box;cursor:pointer;transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.color-picker-preset:hover{transform:scale(1.16);border-color:#ffffffa6}.color-picker-preset:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:1px}.color-picker-preset.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff59}.color-picker-preset-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.75),0 0 4px rgba(0,0,0,.5);pointer-events:none}.color-picker-preset-check:before{content:"✓"}.color-picker-custom{display:flex;align-items:center;justify-content:center}.color-picker-custom-btn{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-surface-300);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--motion-fast)}.color-picker-custom-btn:hover{background:var(--glass-surface-hover);color:var(--text-primary);border-color:#ffffff2e;transform:translateY(-1px)}.color-picker-custom-swatch{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,255,255,.25);box-sizing:border-box;background:conic-gradient(#fff,#facc15,#f59e0b,#fb923c,#f472b6,#e879f9,#f87171,#4ade80,#a3e635,#34d399,#2dd4bf,#22d3ee,#60a5fa,#38bdf8,#c084fc,#818cf8,#fff);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.color-picker-custom-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff59}.color-picker-hidden-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;overflow:hidden}.color-picker-current{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--font-sm);color:var(--text-tertiary)}.color-picker-current-name{font-weight:600;text-transform:uppercase;-webkit-text-stroke:1px rgba(0,0,0,.35);text-shadow:0 0 1px rgba(0,0,0,.45)}.color-picker-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px 18px;border-top:var(--glass-border-subtle)}.color-picker-btn.ghost{margin-right:auto}.color-picker-btn{padding:0 var(--btn-pad-x);min-height:var(--btn-h);border:none;border-radius:var(--btn-radius);font-size:var(--font-md);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--motion-fast);display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.color-picker-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.color-picker-btn.primary{background:var(--aurora-gradient);color:var(--text-on-accent);box-shadow:var(--aurora-glow)}.color-picker-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--aurora-2) 44%,transparent),0 0 0 1px #ffffff24 inset}.color-picker-btn.secondary{background:var(--glass-surface-300);border:var(--glass-border);color:var(--text-secondary)}.color-picker-btn.secondary:hover{background:var(--glass-surface-hover);color:var(--text-primary);border-color:#ffffff2e;transform:translateY(-1px)}.color-picker-btn.ghost{padding:0 8px;min-height:var(--btn-h);border:none;background:transparent;color:var(--text-tertiary);font-weight:500}.color-picker-btn.ghost:hover{color:var(--text-primary);background:color-mix(in srgb,var(--aurora-2) 12%,transparent)}.icons-container{margin-bottom:60px;width:clamp(1100px,68%,2600px);max-height:80vh;max-height:80dvh;overflow-y:auto;overflow-x:hidden;padding:20px 32px 20px 20px;animation:fadeInUp .8s ease .4s both}.icons-container::-webkit-scrollbar{width:12px;opacity:0;transition:opacity .3s ease}.icons-container.show-scrollbar::-webkit-scrollbar{opacity:1}.icons-container.show-scrollbar::-webkit-scrollbar-track{background:#0000001a;border-radius:6px}.icons-container.show-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px;border:2px solid rgba(0,0,0,.1);transition:all .3s ease}.icons-container.show-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff6;transform:scaleX(1.1)}.icons-container::-webkit-scrollbar-corner{background:transparent}.icons-container{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.icons-container.show-scrollbar{scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.1)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:28px;justify-items:center}.icon-item .folder-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}@media(max-width:1024px){.icons-container{width:min(900px,82%);padding-right:28px}.icon-grid{grid-template-columns:repeat(5,1fr);gap:20px}}@media(max-width:768px){.icons-container{width:88%;padding:16px 24px 16px 16px;max-height:68vh;max-height:68dvh;margin-bottom:36px}.icon-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media(max-width:480px){.icons-container{width:92%;padding:12px 20px 12px 12px;max-height:58vh;max-height:58dvh;margin-bottom:28px}.icon-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:375px){.icons-container{width:95%;padding:10px 18px 10px 10px;max-height:54vh;max-height:54dvh;margin-bottom:24px}.icon-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media(min-width:1920px){.icons-container{width:clamp(1300px,70%,2200px);padding:24px 36px 24px 24px}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:32px}}@media(min-width:2560px){.icons-container{width:clamp(1800px,70%,2400px);padding:28px 40px 28px 28px}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:36px}}@media(min-width:3840px){.icons-container{width:clamp(2400px,65%,2800px);padding:32px 44px 32px 32px}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:44px}}.background-shell{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.background{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);transition:background-image .8s ease,background .8s ease,filter .8s ease,transform .8s ease;transform-origin:center center;contain:layout paint}.background:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 50% 50%,rgba(100,100,255,.07) 0%,transparent 70%);pointer-events:none}.background-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;transition:background-color .8s ease}.global-confirm-dialog{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:var(--overlay-blur);-webkit-backdrop-filter:var(--overlay-blur);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn var(--motion-normal) both}.global-confirm-dialog.parent-container{position:absolute;border-radius:inherit}.global-confirm-dialog .confirm-dialog-content{position:relative;background:var(--glass-surface-700);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:28px 28px 22px;border-radius:var(--radius-md);color:var(--text-primary);min-width:320px;max-width:min(440px,calc(100vw - 32px));box-shadow:var(--shadow-glass-lg);border:var(--glass-border);overflow:hidden;animation:glass-modal-scale var(--motion-spring) both}.global-confirm-dialog .confirm-dialog-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora-gradient);opacity:.9}.global-confirm-dialog .confirm-dialog-body{display:flex;flex-direction:column;gap:20px}.global-confirm-dialog .confirm-dialog-title{margin:0;font-size:var(--font-lg);font-weight:650;color:var(--text-primary);font-family:inherit;letter-spacing:-.01em;line-height:1.3}.global-confirm-dialog .confirm-dialog-message{margin:6px 0 0;font-size:var(--font-md);line-height:1.6;color:var(--text-secondary);font-family:inherit}.global-confirm-dialog .confirm-dialog-loading{display:flex;flex-direction:column;gap:16px;align-items:stretch}.global-confirm-dialog .confirm-dialog-loading-spinner{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.global-confirm-dialog .confirm-dialog-spinner-icon{width:20px;height:20px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--aurora-2);border-radius:50%;animation:spin .8s linear infinite}.global-confirm-dialog .confirm-dialog-loading-text{font-size:var(--font-md);color:var(--text-secondary)}.global-confirm-dialog .confirm-dialog-progress-bar{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.global-confirm-dialog .confirm-dialog-progress-fill{width:100%;height:100%;background:var(--aurora-gradient);border-radius:2px;animation:progress 1.5s ease-in-out infinite}.global-confirm-dialog .confirm-dialog-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.global-confirm-dialog .confirm-dialog-btn{padding:0 var(--btn-pad-x);min-height:var(--btn-h);border:none;border-radius:var(--btn-radius);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--motion-fast);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.global-confirm-dialog .confirm-dialog-btn-primary{background:var(--aurora-gradient);color:var(--text-on-accent);box-shadow:var(--aurora-glow)}.global-confirm-dialog .confirm-dialog-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--aurora-2) 44%,transparent),0 0 0 1px #ffffff24 inset}.global-confirm-dialog .confirm-dialog-btn-primary:active{transform:translateY(0)}.global-confirm-dialog .confirm-dialog-btn-primary.confirm-type-danger{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-danger) 95%,#fff),color-mix(in srgb,var(--semantic-danger) 65%,#000));box-shadow:0 10px 28px color-mix(in srgb,var(--semantic-danger) 38%,transparent)}.global-confirm-dialog .confirm-dialog-btn-primary.confirm-type-danger:hover{box-shadow:0 14px 32px color-mix(in srgb,var(--semantic-danger) 50%,transparent),0 0 0 1px #ffffff24 inset}.global-confirm-dialog .confirm-dialog-btn-secondary{background:var(--glass-surface-300);border:var(--glass-border);color:var(--text-secondary)}.global-confirm-dialog .confirm-dialog-btn-secondary:hover{background:var(--glass-surface-hover);color:var(--text-primary);border-color:#ffffff2e;transform:translateY(-1px)}@keyframes progress{0%{width:0%;transform:translate(-30%)}50%{width:60%;transform:translate(20%)}to{width:100%;transform:translate(120%)}}.folder-name-dialog-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:var(--overlay-blur);-webkit-backdrop-filter:var(--overlay-blur);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--motion-normal) both}.folder-name-dialog{position:relative;background:var(--glass-surface-700);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);padding:26px 30px 22px;max-width:400px;width:90%;box-shadow:var(--shadow-glass-lg);animation:glass-modal-scale var(--motion-spring) both;color:var(--text-primary);overflow:hidden;text-align:center}.folder-name-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora-gradient);opacity:.9}.folder-name-dialog h3{margin:0 0 18px;color:var(--text-primary);font-size:var(--font-lg);font-weight:650;font-family:inherit}.folder-name-input{width:100%;padding:11px 14px;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-md);margin-bottom:20px;outline:none;transition:all var(--motion-fast);box-shadow:var(--glass-inner-hl);text-align:left;box-sizing:border-box;font-family:inherit}.folder-name-input::placeholder{color:var(--text-quaternary)}.folder-name-input:focus{border-color:var(--input-focus-border);background:#ffffff13;box-shadow:var(--input-focus-ring)}.folder-name-buttons{display:flex;gap:10px;justify-content:flex-end}.folder-name-button{padding:0 22px;min-height:var(--btn-h);border:none;border-radius:var(--btn-radius);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--motion-fast);font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.folder-name-button-primary{background:var(--aurora-gradient);color:var(--text-on-accent);box-shadow:var(--aurora-glow)}.folder-name-button-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--aurora-2) 44%,transparent),0 0 0 1px #ffffff24 inset}.folder-name-button-secondary{background:var(--glass-surface-300);border:var(--glass-border);color:var(--text-secondary)}.folder-name-button-secondary:hover{background:var(--glass-surface-hover);color:var(--text-primary);border-color:#ffffff2e;transform:translateY(-1px)}.toast{position:fixed;top:calc(28px + var(--safe-top));left:50%;transform:translate(-50%) translateY(-120%);z-index:2000;opacity:0;min-width:280px;max-width:480px;transition:transform var(--motion-spring),opacity var(--motion-normal);will-change:transform,opacity}.toast-visible{transform:translate(-50%) translateY(0);opacity:1}.toast-content{position:relative;display:flex;align-items:center;gap:12px;padding:14px 20px 15px;border-radius:var(--radius-lg);background:var(--glass-surface-700);backdrop-filter:blur(var(--glass-blur)) saturate(155%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(155%);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-hl),var(--shadow-glass-lg),0 14px 40px #00000052;overflow:hidden;animation:glass-modal-pop var(--motion-spring) both}.toast-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora-gradient);pointer-events:none}.toast-icon-wrapper{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-lg);transition:all var(--motion-fast);border:1px solid transparent}.toast-success .toast-icon-wrapper{background:color-mix(in srgb,var(--semantic-success) 18%,transparent);border-color:color-mix(in srgb,var(--semantic-success) 35%,transparent);color:var(--semantic-success);box-shadow:0 0 14px color-mix(in srgb,var(--semantic-success) 42%,transparent)}.toast-success .toast-icon{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--semantic-success) 70%,transparent))}.toast-error .toast-icon-wrapper{background:color-mix(in srgb,var(--semantic-danger) 18%,transparent);border-color:color-mix(in srgb,var(--semantic-danger) 35%,transparent);color:var(--semantic-danger);box-shadow:0 0 14px color-mix(in srgb,var(--semantic-danger) 42%,transparent)}.toast-error .toast-icon{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--semantic-danger) 70%,transparent))}.toast-warning .toast-icon-wrapper{background:color-mix(in srgb,var(--semantic-warn) 20%,transparent);border-color:color-mix(in srgb,var(--semantic-warn) 38%,transparent);color:var(--semantic-warn);box-shadow:0 0 14px color-mix(in srgb,var(--semantic-warn) 42%,transparent)}.toast-warning .toast-icon{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--semantic-warn) 70%,transparent))}.toast-info .toast-icon-wrapper{background:color-mix(in srgb,var(--semantic-info) 20%,transparent);border-color:color-mix(in srgb,var(--semantic-info) 38%,transparent);color:var(--semantic-info);box-shadow:0 0 14px color-mix(in srgb,var(--semantic-info) 42%,transparent)}.toast-info .toast-icon{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--semantic-info) 70%,transparent))}.toast-message{flex:1;font-size:var(--font-md);font-weight:500;color:var(--text-primary);line-height:1.5;letter-spacing:.005em}.toast-continue-btn{padding:6px 14px;min-height:var(--btn-h);border-radius:var(--btn-radius);font-size:var(--font-sm);font-weight:600;cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-surface-300);color:var(--text-primary);transition:all var(--motion-fast);flex-shrink:0;box-shadow:var(--glass-inner-hl)}.toast-continue-btn:hover{background:color-mix(in srgb,var(--aurora-2) 20%,var(--glass-surface-300));border-color:color-mix(in srgb,var(--aurora-2) 40%,var(--glass-border));transform:translateY(-1px);box-shadow:var(--glass-inner-hl),0 4px 12px color-mix(in srgb,var(--aurora-2) 28%,transparent)}.toast-continue-btn:active{transform:translateY(0)}.toast-progress{position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:3px 3px 0 0;transform-origin:left;z-index:1}.toast-success .toast-progress{background:linear-gradient(90deg,var(--semantic-success),color-mix(in srgb,var(--semantic-success) 40%,transparent))}.toast-error .toast-progress{background:linear-gradient(90deg,var(--semantic-danger),color-mix(in srgb,var(--semantic-danger) 40%,transparent))}.toast-warning .toast-progress{background:linear-gradient(90deg,var(--semantic-warn),color-mix(in srgb,var(--semantic-warn) 40%,transparent))}.toast-info .toast-progress{background:linear-gradient(90deg,var(--semantic-info),color-mix(in srgb,var(--semantic-info) 40%,transparent))}@keyframes toast-icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.toast-visible .toast-icon-wrapper{animation:toast-icon-bounce .5s cubic-bezier(.34,1.56,.64,1)}@media(max-width:768px){.toast{top:calc(16px + var(--safe-top));left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));transform:translateY(-120%);min-width:0;max-width:none}.toast-visible{transform:translateY(0)}.toast-content{padding:13px 16px 14px;gap:10px}.toast-icon-wrapper{width:32px;height:32px}.toast-message{font-size:var(--font-sm)}}.save-prompt-icon-only{position:fixed;top:30px;right:120px;z-index:1000;display:flex;align-items:center;justify-content:center;animation:slideIn .5s cubic-bezier(.22,1.25,.36,1);transition:opacity .5s ease,transform .5s ease;font-family:inherit}.save-prompt-icon-only.exiting{opacity:0;transform:scale(.8) translateY(-20px)}@media(max-width:768px){.save-prompt-icon-only{top:20px;right:100px}}.save-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.countdown-ring{position:absolute;top:-4px;left:-4px;z-index:1}.countdown-circle{transform:rotate(-90deg);background:transparent;overflow:visible}.countdown-circle-bg{fill:none;stroke:#ffffff1f;stroke-width:2}.countdown-circle-progress{fill:none;stroke:var(--semantic-warn);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--semantic-warn) 60%,transparent))}.save-icon{width:48px;height:48px;border-radius:50%;background:var(--glass-surface-300);backdrop-filter:var(--glass-blur-soft);-webkit-backdrop-filter:var(--glass-blur-soft);border:var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all var(--motion-fast);box-shadow:var(--shadow-glass-sm),var(--glass-inner-hl);position:relative;z-index:2;color:var(--text-secondary)}.save-icon:hover{background:var(--glass-surface-hover);color:var(--text-primary);transform:scale(1.05);box-shadow:var(--shadow-glass-md),var(--glass-inner-hl)}.save-prompt-icon-only.has-changes .save-icon{background:color-mix(in srgb,var(--semantic-warn) 18%,transparent);border-color:color-mix(in srgb,var(--semantic-warn) 45%,transparent);color:#fff;animation:hasChangesPulse 2s infinite}@keyframes hasChangesPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--semantic-warn) 50%,transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--semantic-warn) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--semantic-warn) 0%,transparent)}}.save-icon.saving{background:color-mix(in srgb,var(--semantic-info) 20%,transparent)!important;border-color:color-mix(in srgb,var(--semantic-info) 45%,transparent)!important;color:#fff!important;animation:savingPulse 1.5s infinite;cursor:not-allowed}@keyframes savingPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--semantic-info) 50%,transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--semantic-info) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--semantic-info) 0%,transparent)}}.save-icon.saved{background:color-mix(in srgb,var(--semantic-ok) 20%,transparent)!important;border-color:color-mix(in srgb,var(--semantic-ok) 45%,transparent)!important;color:#fff!important;cursor:not-allowed;animation:none!important;box-shadow:0 0 0 1px #ffffff0d inset,0 4px 14px color-mix(in srgb,var(--semantic-ok) 30%,transparent)!important}.save-icon.error{background:color-mix(in srgb,var(--semantic-danger) 20%,transparent)!important;border-color:color-mix(in srgb,var(--semantic-danger) 45%,transparent)!important;color:#fff!important;animation:errorPulse 1.5s infinite;cursor:pointer}@keyframes errorPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--semantic-danger) 50%,transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--semantic-danger) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--semantic-danger) 0%,transparent)}}.save-prompt-icon-only:hover .save-icon:not(.saving):not(.saved){transform:scale(1.1);box-shadow:var(--shadow-glass-md),var(--glass-inner-hl)}.save-prompt-icon-only:hover .save-icon.error{transform:scale(1.1)}.save-tooltip{top:60px;right:0;width:300px;background:var(--glass-surface-700);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-glass-lg),var(--glass-inner-hl);animation:glass-modal-scale var(--motion-normal);pointer-events:auto;color:var(--text-primary);position:absolute;overflow:hidden}.save-tooltip:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora-gradient)}.tooltip-content{display:flex;flex-direction:column;gap:12px;padding-top:4px}.tooltip-content h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary);position:relative;padding-left:12px}.tooltip-content h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:.95em;background:var(--aurora-gradient);border-radius:2px}.tooltip-content p{margin:0;font-size:var(--font-md);color:var(--text-secondary);line-height:1.5}.tooltip-content.error{background:transparent;border:none}.tooltip-content.error p{color:color-mix(in srgb,var(--semantic-danger) 85%,#fff);background:color-mix(in srgb,var(--semantic-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--semantic-danger) 30%,transparent);border-radius:var(--radius-sm);padding:10px 12px}.save-button{padding:0 var(--btn-pad-x);min-height:var(--btn-h);border:none;border-radius:var(--btn-radius);background:var(--aurora-gradient);color:var(--text-on-accent);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--motion-fast);align-self:flex-start;font-family:inherit;box-shadow:var(--aurora-glow);display:inline-flex;align-items:center}.save-button:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 14px 32px color-mix(in srgb,var(--aurora-2) 46%,transparent)}.save-button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none;background:var(--glass-surface-300);color:var(--text-quaternary)}.auto-save-control{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:var(--glass-border-subtle)}.auto-save-control span{font-size:var(--font-md);color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--glass-surface-300);border:var(--glass-border);transition:var(--motion-normal);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#ffffffe0;transition:var(--motion-normal);border-radius:50%;box-shadow:0 1px 3px #0000004d}input:checked+.toggle-slider{background:var(--aurora-gradient);border-color:transparent;box-shadow:0 0 0 1px #ffffff0f inset,0 2px 10px color-mix(in srgb,var(--aurora-2) 40%,transparent)}input:checked+.toggle-slider:before{transform:translate(24px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes savePromptFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.save-prompt-icon-only{top:15px;right:15px}.save-icon{width:44px;height:44px}.save-tooltip{width:260px;padding:16px;top:54px}.tooltip-content h3{font-size:var(--font-md)}.tooltip-content p{font-size:var(--font-sm)}.save-button{padding:0 16px;min-height:34px;font-size:var(--font-sm)}}.save-progress{width:100%;height:4px;background:#ffffff14;border-radius:2px;margin-top:12px;overflow:hidden}.save-progress-bar{height:100%;background:var(--aurora-gradient);border-radius:2px;transition:width var(--motion-normal)}.save-progress-indicator{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 16px;background:var(--glass-surface-300);border-radius:var(--radius-sm);backdrop-filter:var(--glass-blur-soft);-webkit-backdrop-filter:var(--glass-blur-soft);border:var(--glass-border);box-shadow:var(--shadow-glass-md),var(--glass-inner-hl);z-index:10;animation:fadeIn var(--motion-fast)}.progress-text{font-size:var(--font-md);color:var(--text-primary);font-weight:500;white-space:nowrap}.progress-bar-container{width:60px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--aurora-gradient);border-radius:2px;transition:width var(--motion-normal)}.progress-bar.loading{background:linear-gradient(90deg,color-mix(in srgb,var(--aurora-1) 30%,transparent),color-mix(in srgb,var(--aurora-2) 70%,#fff),color-mix(in srgb,var(--aurora-1) 30%,transparent));background-size:200% 100%;animation:loadingShimmer 1.5s infinite;width:30%!important}@keyframes loadingShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.login-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:var(--overlay-blur);-webkit-backdrop-filter:var(--overlay-blur);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--motion-normal) both}.login-modal{position:relative;background:var(--glass-surface-700);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);padding:36px 36px 32px;width:92%;max-width:420px;box-shadow:var(--shadow-glass-lg);animation:glass-modal-scale var(--motion-spring) both;color:var(--text-primary);overflow:hidden}.login-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora-gradient);opacity:.9}.login-header{text-align:center;margin-bottom:26px}.login-icon{font-size:44px;margin-bottom:10px;filter:drop-shadow(0 4px 10px rgba(99,102,241,.35))}.login-title{font-size:clamp(20px,1.6vw,24px);font-weight:700;color:var(--text-primary);margin:0}.login-subtitle{font-size:var(--font-sm);color:var(--text-tertiary);margin-top:6px}.login-form{display:flex;flex-direction:column;gap:18px}.login-input-group{display:flex;flex-direction:column;gap:7px}.login-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.login-input{width:100%;padding:11px 14px;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-md);outline:none;transition:all var(--motion-fast);box-sizing:border-box;box-shadow:var(--glass-inner-hl);font-family:inherit}.login-input::placeholder{color:var(--text-quaternary)}.login-input:focus{border-color:var(--input-focus-border);background:#ffffff13;box-shadow:var(--input-focus-ring)}.login-button{width:100%;min-height:44px;padding:0 18px;border:none;border-radius:var(--btn-radius);background:var(--aurora-gradient);color:var(--text-on-accent);font-size:var(--font-md);font-weight:650;cursor:pointer;transition:all var(--motion-fast);box-shadow:var(--aurora-glow);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--aurora-2) 44%,transparent),0 0 0 1px #ffffff24 inset}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-error-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}.login-error{color:#fca5a5;font-size:var(--font-sm);text-align:center;animation:shake .32s ease-out;background:color-mix(in srgb,var(--semantic-danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--semantic-danger) 30%,transparent);border-radius:var(--radius-sm);padding:9px 12px;width:100%;box-sizing:border-box}.login-retry-btn{min-width:100px;min-height:32px;padding:4px 14px;border-radius:8px;background:var(--glass-surface-300);border:var(--glass-border);color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer;transition:all var(--motion-fast);font-family:inherit}.login-retry-btn:hover{background:var(--glass-surface-hover);color:var(--text-primary);border-color:#ffffff2e}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-loading{display:flex;align-items:center;justify-content:center;gap:8px}.login-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.fullscreen-progress-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.progress-container{background:linear-gradient(145deg,#1e1e28e6,#14141ef2);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px 56px;min-width:420px;max-width:480px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset;text-align:center;animation:slideUp .4s ease-out}.progress-icon{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;position:relative;box-shadow:0 10px 30px -5px #667eea66,0 0 0 1px #ffffff1a inset;animation:iconPulse 2s ease-in-out infinite}.progress-icon:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);z-index:-1;opacity:.5;filter:blur(8px);animation:glowPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.progress-title{margin:0 0 12px;font-size:var(--font-2xl);font-weight:600;color:#fff;letter-spacing:-.02em}.progress-message{margin:0 0 32px;font-size:var(--font-md);color:#a0a0b0;font-weight:500}.progress-message strong{background:linear-gradient(90deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.import-progress-bar-container{display:flex;align-items:center;gap:16px;margin-bottom:20px;width:100%}.import-progress-bar-large{flex:1;height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000004d}.import-progress-fill-large{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:100px;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #667eea80}.import-progress-fill-large:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmerProgress 2s infinite}@keyframes shimmerProgress{0%{left:-100%}to{left:100%}}.import-progress-percentage{font-size:var(--font-lg);font-weight:700;color:#667eea;min-width:48px;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(102,126,234,.5)}.progress-hint{margin:0;font-size:var(--font-md);color:#606070;display:flex;align-items:center;justify-content:center;gap:6px}.progress-hint:before{content:"•";color:#667eea;font-size:var(--font-xl);line-height:0;animation:blinkProgress 2s infinite}@keyframes blinkProgress{0%,to{opacity:1}50%{opacity:.3}}.move-to-page-dialog-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:var(--overlay-blur);-webkit-backdrop-filter:var(--overlay-blur);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--motion-normal)}.move-to-page-dialog{background:var(--glass-surface-700);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-glass-lg),var(--glass-inner-hl);border-radius:var(--radius-lg);padding:0;max-width:440px;width:90%;max-height:80vh;max-height:80dvh;display:flex;flex-direction:column;overflow:hidden;animation:glass-modal-scale var(--motion-spring);position:relative;color:var(--text-primary);font-family:inherit}.move-to-page-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aurora-gradient);z-index:2}.move-to-page-title{margin:0 0 6px;color:var(--text-primary);font-size:var(--font-xl);font-weight:600;padding:24px 32px 0;position:relative}.move-to-page-title:before{content:"";display:inline-block;width:3px;height:.95em;margin-right:10px;background:var(--aurora-gradient);border-radius:2px;vertical-align:baseline;transform:translateY(1px)}.move-to-page-subtitle{margin:0;padding:0 32px 18px;color:var(--text-tertiary);font-size:var(--font-md)}.move-to-page-empty{padding:24px 12px;color:var(--text-quaternary);text-align:center;font-size:var(--font-md);border:1px dashed var(--glass-border);border-radius:var(--radius-sm);margin:0 32px 16px;background:var(--glass-surface-500)}.move-to-page-list{list-style:none;padding:0 32px;margin:0 0 16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;max-height:50vh;max-height:50dvh}.move-to-page-list::-webkit-scrollbar{width:6px}.move-to-page-list::-webkit-scrollbar-track{background:transparent}.move-to-page-list::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.move-to-page-item-wrapper{display:flex;align-items:stretch;gap:8px}.move-to-page-item{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--glass-surface-500);border:var(--glass-border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-md);font-family:inherit;cursor:pointer;transition:all var(--motion-fast);text-align:left;box-shadow:var(--glass-inner-hl)}.move-to-page-item:hover{background:var(--glass-surface-hover);border-color:color-mix(in srgb,var(--pages-accent, #10b981) 50%,transparent);transform:translateY(-1px);box-shadow:0 6px 18px #0000004d,var(--glass-inner-hl)}.move-to-page-item-info{display:flex;align-items:center;gap:10px;min-width:0}.move-to-page-item-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#10b981,#f59e0b);box-shadow:0 0 8px color-mix(in srgb,#10b981 40%,transparent)}.move-to-page-item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-to-page-item-count{font-size:var(--font-sm);color:var(--text-tertiary);flex-shrink:0}.move-to-page-item-jump{padding:0 14px;background:var(--glass-surface-300);border:var(--glass-border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast);font-family:inherit;min-height:32px;display:inline-flex;align-items:center}.move-to-page-item-jump:hover{background:var(--aurora-gradient-soft);border-color:color-mix(in srgb,var(--aurora-2) 40%,transparent);color:var(--text-primary)}.move-to-page-footer{display:flex;justify-content:flex-end;border-top:var(--glass-border-subtle);padding:14px 32px 22px}.move-to-page-cancel{padding:0 var(--btn-pad-x);background:var(--glass-surface-300);color:var(--text-secondary);border:var(--glass-border);border-radius:var(--btn-radius);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--motion-fast);font-family:inherit;min-height:var(--btn-h);display:inline-flex;align-items:center;justify-content:center}.move-to-page-cancel:hover{background:var(--glass-surface-hover);color:var(--text-primary);border-color:var(--glass-border-strong);transform:translateY(-1px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.peek-ball{--size: var(--sidebar-toggle-size, 44px);--ball-color: color-mix(in srgb, var(--tint) 40%, transparent);--ball-color-soft: color-mix(in srgb, var(--tint) 15%, transparent);--ball-glow: color-mix(in srgb, var(--tint) 50%, transparent);--ball-glow-soft: color-mix(in srgb, var(--tint) 20%, transparent);--ball-glow-ambient: color-mix(in srgb, var(--tint) 8%, transparent);--ball-glow-dim: color-mix(in srgb, var(--tint) 18%, transparent);--ball-glow-dim-soft: color-mix(in srgb, var(--tint) 8%, transparent);position:fixed;width:var(--size);height:var(--size);padding:0;margin:0;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:.75;z-index:1000}.peek-ball__orb{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible;background:radial-gradient(ellipse 70% 35% at 50% 95%,#fff6,#fff0 55%),radial-gradient(circle at 30% 22%,#fffc,#ffffff1a,#fff0 10%),radial-gradient(circle at 22% 18%,#fffffffa,#ffffff4d,#fff0 12%),radial-gradient(circle at 50% 55%,var(--ball-color) 0%,transparent 65%),radial-gradient(circle at 50% 50%,var(--ball-color-soft) 0%,transparent 70%),radial-gradient(circle at 50% 50%,#19192866,#080812e6);box-shadow:inset 0 0 12px 3px #ffffff59,inset 0 0 4px 1px #ffffff8c,0 0 8px 1px var(--ball-glow-dim),0 0 16px 3px var(--ball-glow-dim-soft),0 10px 30px #00000080,0 12px 30px -8px color-mix(in srgb,var(--tint-2) 22%,transparent);transition:transform var(--motion-spring),filter .26s ease,opacity .26s ease;transform:translateY(0) scale(1);filter:none;animation:peek-ball-breath 4.6s ease-in-out infinite;animation-play-state:paused}.peek-ball--left-center{left:calc(var(--size) / 2 * -1 + 2px + var(--safe-left));top:50%;transform:translateY(-50%);transition:left var(--motion-normal),opacity var(--motion-fast)}.peek-ball--left-center:hover,.peek-ball--left-center.is-active{left:var(--safe-left);opacity:1}.peek-ball--right-center{right:calc(var(--size) / 2 * -1 + 2px + var(--safe-right));top:50%;transform:translateY(-50%);transition:right var(--motion-normal),opacity var(--motion-fast)}.peek-ball--right-center:hover,.peek-ball--right-center.is-active{right:var(--safe-right);opacity:1}.peek-ball--bottom-center{left:50%;bottom:calc(var(--size) / 2 * -1 + var(--safe-bottom));transform:translate(-50%);transition:opacity .3s ease 80ms}.peek-ball--bottom-center:hover{opacity:1}.peek-ball--panel-slide.is-active .peek-ball__orb{transform:rotate(180deg);animation-play-state:running}.peek-ball--panel-slide.is-active,.peek-ball--bar-reveal.is-active{opacity:0;pointer-events:none}.peek-ball--bar-reveal.is-active .peek-ball__orb{transform:translateY(2px) scale(.92);animation:none}.peek-ball:hover .peek-ball__orb,.peek-ball:focus-visible .peek-ball__orb,.peek-ball.is-active .peek-ball__orb{animation-play-state:running}.peek-ball:hover .peek-ball__orb,.peek-ball:focus-visible .peek-ball__orb{opacity:1;transform:translateY(-2px) scale(1.06);filter:brightness(1.12);outline:none}@keyframes peek-ball-breath{0%,to{box-shadow:inset 0 0 12px 3px #ffffff59,inset 0 0 4px 1px #ffffff8c,0 0 8px 1px var(--ball-glow-dim),0 0 16px 3px var(--ball-glow-dim-soft),0 10px 30px #00000080,0 12px 30px -8px color-mix(in srgb,var(--tint-2) 22%,transparent)}50%{box-shadow:inset 0 0 12px 3px #ffffff73,inset 0 0 4px 1px #ffffffa6,0 0 14px 2px var(--ball-glow),0 0 24px 5px var(--ball-glow-soft),0 0 36px 9px var(--ball-glow-ambient),0 10px 30px #00000080,0 14px 40px -6px color-mix(in srgb,var(--tint-2) 35%,transparent)}}.peek-ball__glyph{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:calc(var(--size) * .42);line-height:1;position:relative;z-index:2;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5)) drop-shadow(0 0 8px var(--ball-glow))}.peek-ball__glyph svg{width:clamp(16px,.9vw,20px);height:clamp(16px,.9vw,20px)}.peek-ball__badge{position:absolute;top:-2px;left:-2px;background:var(--tint-2);color:#fff;border-radius:var(--border-radius-full);width:clamp(14px,.9vw,18px);height:clamp(14px,.9vw,18px);display:flex;align-items:center;justify-content:center;font-size:clamp(9px,.45vw,11px);font-weight:700;font-family:inherit;box-shadow:0 2px 8px color-mix(in srgb,var(--tint-2) 40%,transparent);z-index:3}.peek-ball__tooltip{position:absolute;background:var(--glass-surface-300);backdrop-filter:var(--glass-blur-soft);-webkit-backdrop-filter:var(--glass-blur-soft);color:var(--text-primary);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--glass-border-subtle);font-size:var(--font-sm);font-weight:500;font-family:inherit;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--motion-fast);pointer-events:none;z-index:1001;box-shadow:var(--shadow-glass-sm)}.peek-ball--right-center .peek-ball__tooltip{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.peek-ball--right-center .peek-ball__tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--glass-surface-300)}.peek-ball--left-center .peek-ball__tooltip{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.peek-ball--left-center .peek-ball__tooltip:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--glass-surface-300)}.peek-ball--bottom-center .peek-ball__tooltip{left:50%;bottom:calc(100% + 14px);transform:translate(-50%)}.peek-ball--bottom-center .peek-ball__tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--glass-surface-300)}.peek-ball:hover .peek-ball__tooltip,.peek-ball:focus-visible .peek-ball__tooltip{opacity:1;visibility:visible}@media(max-width:768px){.peek-ball{--size: clamp(44px, 7vw, 52px);opacity:.5}.peek-ball--left-center{left:calc(var(--size) / 2 * -1 + 3px)}.peek-ball--right-center{right:calc(var(--size) / 2 * -1 + 3px)}.peek-ball__glyph svg{width:clamp(20px,3.2vw,24px);height:clamp(20px,3.2vw,24px)}.peek-ball__tooltip{display:none}.peek-ball__badge{width:18px;height:18px;font-size:11px;top:-3px;left:-3px}}@media(max-width:375px){.peek-ball{--size: 42px}.peek-ball--left-center{left:-18px}.peek-ball--right-center{right:-18px}.peek-ball__glyph svg{width:18px;height:18px}}@media(hover:none)and (pointer:coarse){.peek-ball{opacity:.6}.peek-ball--bottom-center{bottom:calc(8px + var(--safe-bottom))}.peek-ball:hover .peek-ball__orb{opacity:1;transform:translateY(0) scale(1);filter:none}}.offline-badge{position:fixed;bottom:calc(24px + var(--safe-bottom));left:calc(24px + var(--safe-left));z-index:900;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:var(--glass-surface-300);backdrop-filter:var(--glass-blur-soft);-webkit-backdrop-filter:var(--glass-blur-soft);border:1px solid color-mix(in srgb,var(--semantic-warn) 42%,transparent);border-radius:var(--radius-sm);box-shadow:var(--shadow-glass-md),var(--glass-inner-hl);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;animation:offlineBadgeIn var(--motion-normal)}.offline-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--semantic-warn);box-shadow:0 0 6px color-mix(in srgb,var(--semantic-warn) 70%,transparent)}@keyframes offlineBadgeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.offline-badge{bottom:calc(16px + var(--safe-bottom));left:calc(16px + var(--safe-left));padding:6px 10px}}