:root{font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;letter-spacing:-.01em;color-scheme:light dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #ffffff;--card-bg: #ffffff;--text-color: #121212;--secondary-text: #6d6d6d;--text-muted: #b0b0b0;--border-color: #e7e7e7;--primary-color: #121212;--primary-hover: #333333;--header-bg: #ffffff;--input-bg: #ffffff;--disabled-bg: #f5f5f5;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5}[data-theme=light]{--background-color: #ffffff;--text-color: #121212;--border-color: #e7e7e7;--accent-color: #121212;--accent-hover: #333333;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--hover-bg: #f5f5f5;--dropdown-bg: #ffffff;--dropdown-border: #e7e7e7;--form-control-bg: #ffffff;--input-text: #121212;--input-border: #e7e7e7;--button-bg: #f5f5f5;--button-text: #121212;--button-primary-bg: #121212;--button-primary-text: #ffffff;--icon-color: #6d6d6d;--error-color: #ef4444;--success-color: #10b981}[data-theme=dark]{--background-color: #121212;--text-color: #f0f0f0;--border-color: #333333;--accent-color: #e0e0e0;--accent-hover: #ffffff;--card-bg: #1e1e1e;--card-shadow: 0 1px 3px rgba(0, 0, 0, .4);--hover-bg: #2a2a2a;--dropdown-bg: #2a2a2a;--dropdown-border: #444;--form-control-bg: #2a2a2a;--input-text: #f0f0f0;--input-border: #444;--button-bg: #2a2a2a;--button-text: #f0f0f0;--button-primary-bg: #e0e0e0;--button-primary-text: #121212;--icon-color: #b0b0b0;--error-color: #ef4444;--success-color: #10b981;--bg-color: #121212;--secondary-text: #bbbbbb;--text-muted: #888888;--header-bg: #121212;--input-bg: #2a2a2a;--disabled-bg: #333333;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .2s ease-in-out,color .2s ease-in-out}html.ios-pwa body,body.ios-pwa{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html,body,#root{overscroll-behavior-y:none;overscroll-behavior-x:none}#root{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body[data-page=landing],body[data-page=about]{overflow:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:auto}body[data-page=landing] #root,body[data-page=about] #root{touch-action:auto;-webkit-user-select:auto;user-select:auto}h1{font-size:3.2em;line-height:1.1;letter-spacing:-.02em;font-weight:700}button{border-radius:999px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;letter-spacing:-.01em;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s,background-color .25s}button:active,button:focus-visible{border-color:var(--accent-hover);background-color:var(--hover-bg)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{font-family:inherit;background-color:var(--form-control-bg);color:var(--input-text);border:1px solid var(--input-border);transition:border-color .3s;padding:.5em;border-radius:8px}input:focus{outline:none;border-color:var(--accent-color)}a{color:var(--accent-color);text-decoration:none;transition:color .3s}a:active,a:focus-visible{color:var(--accent-hover)}@media (max-width: 768px){h1{font-size:2.5em}button{padding:.5em 1em}}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .2s ease}*:focus::-webkit-scrollbar-thumb,*:active::-webkit-scrollbar-thumb{background:#0003}*:active{scrollbar-color:rgba(0,0,0,.2) transparent}*::-webkit-scrollbar-thumb:active{background:#0000004d}[data-theme=dark] *:focus::-webkit-scrollbar-thumb,[data-theme=dark] *:active::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] *:active{scrollbar-color:rgba(255,255,255,.2) transparent}[data-theme=dark] *::-webkit-scrollbar-thumb:active{background:#ffffff4d}:root{--primary-50: #fafafa;--primary-100: #f5f5f5;--primary-200: #e0e0e0;--primary-300: #cccccc;--primary-400: #999999;--primary-500: #666666;--primary-600: #444444;--primary-700: #121212;--primary-800: #333333;--primary-900: #1a1a1a;--primary-500-rgb: 102, 102, 102;--primary-600-rgb: 68, 68, 68;--primary-700-rgb: 18, 18, 18;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e7e7e7;--neutral-300: #cccccc;--neutral-400: #999999;--neutral-500: #717171;--neutral-600: #6d6d6d;--neutral-700: #333333;--neutral-800: #1a1a1a;--neutral-900: #121212;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #666666;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--error-rgb: 239, 68, 68;--info-rgb: 102, 102, 102;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem}.pdf-manager.light{--bg-primary: #ffffff;--bg-secondary: white;--bg-tertiary: var(--neutral-100);--bg-accent: rgba(0, 0, 0, .06);--text-primary: var(--neutral-800);--text-secondary: #6d6d6d;--text-tertiary: #b0b0b0;--text-accent: var(--primary-700);--border-primary: #e7e7e7;--border-secondary: var(--neutral-300);--border-accent: var(--primary-700);--hover-bg: var(--neutral-100);--active-bg: rgba(0, 0, 0, .08)}.pdf-manager.dark{--bg-primary: #121212;--bg-secondary: #121212;--bg-tertiary: #232323;--bg-accent: rgba(255, 255, 255, .06);--text-primary: #f0f0f0;--text-secondary: #bbbbbb;--text-tertiary: #888888;--text-accent: #e0e0e0;--border-primary: #333333;--border-secondary: #444444;--border-accent: #e0e0e0;--hover-bg: #252525;--active-bg: rgba(255, 255, 255, .08)}.pdf-manager{width:100%;height:100vh;font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}.app-container{display:flex;height:100vh}.empty-state{text-align:center;padding:80px 0;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:50vh;position:absolute;left:0;right:0;margin:0 auto;z-index:1}.empty-state p{margin:8px 0;max-width:400px;width:100%;text-align:center}.empty-state p:first-child{font-size:1.1em;margin-bottom:16px;color:var(--text-secondary);font-weight:600}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #2196f366}70%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 #2196f300}}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes upload-spin{to{transform:rotate(360deg)}}@keyframes upload-pulse{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}@keyframes pulse-border{0%{box-shadow:0 0 rgba(var(--primary-500-rgb),.4);border-color:rgba(var(--primary-500-rgb),.6)}70%{box-shadow:0 0 0 10px rgba(var(--primary-500-rgb),0);border-color:rgba(var(--primary-500-rgb),1)}to{box-shadow:0 0 rgba(var(--primary-500-rgb),0);border-color:rgba(var(--primary-500-rgb),.6)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:170px;gap:14px;width:100%;margin-top:8px;position:relative;min-height:70vh;align-items:start;align-content:start;overflow-y:visible}.file-card{background-color:var(--bg-secondary);border-radius:12px;overflow:hidden;transition:var(--transition-normal);position:relative;box-shadow:none;cursor:pointer;height:170px;max-height:170px;margin:0;padding:0;border:1px solid var(--border-primary);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.file-card:active{transform:scale(.97);transition:transform .1s}.file-card:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px);border-color:var(--border-secondary)}.dark .file-card:hover{box-shadow:0 2px 8px #00000040;border-color:var(--border-secondary)}.file-preview,.folder .folder-preview{height:112px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--bg-tertiary);position:relative;border-bottom:1px solid var(--border-primary);flex-shrink:0;box-sizing:border-box}.dark .file-preview,.dark .folder .folder-preview{border-bottom:1px solid var(--border-primary);background-color:#1e1e1e99}.thumbnail-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.pdf-thumbnail{display:block;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.pdf-thumbnail.landscape{width:100%;height:auto}.pdf-thumbnail.portrait{height:100%;width:auto}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--text-secondary);font-size:var(--text-sm);text-align:center;padding:15px;box-sizing:border-box}.pdf-loading-skeleton{width:100%;height:100%;background:linear-gradient(110deg,#f0f0f0 8%,#e0e0e0 18%,#f0f0f0 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.dark .pdf-loading-skeleton{background:linear-gradient(110deg,#2a2a2a 8%,#333 18%,#2a2a2a 33%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--text-secondary);font-size:var(--text-sm);text-align:center;padding:15px;box-sizing:border-box}.pdf-error p{margin:4px 0;font-size:var(--text-xs)}.pdf-error svg{margin-bottom:8px;color:var(--text-secondary)}.pdf-error-subtitle{font-size:10px!important;color:var(--text-tertiary)}.pdf-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.pdf-fallback svg{margin-bottom:8px}.pdf-fallback p{margin:0;font-size:var(--text-xs);font-weight:500}.file-info{padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex-grow:1;justify-content:center;align-items:flex-start}.file-name-container,.folder-name-container{display:flex;align-items:center;width:100%;position:relative;justify-content:flex-start}.file-name,.folder .folder-name{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.3;letter-spacing:-.01em;padding-right:22px;max-width:100%;box-sizing:border-box;text-align:left}.file-meta,.folder .folder-meta{display:flex;align-items:center;font-size:11px;color:var(--text-tertiary);letter-spacing:0;margin-top:1px;height:14px;justify-content:flex-start}.file-type{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;letter-spacing:.02em;padding:0;line-height:1.4;text-transform:uppercase}.file-type.pdf-type{color:#2563eb}.dark .file-type.pdf-type{color:#60a5fa}.file-type.youtube-type{color:#dc2626}.dark .file-type.youtube-type{color:#f87171}.file-dot{width:2px;height:2px;background-color:var(--text-tertiary);border-radius:50%;margin:0 5px}.file-date,.folder .folder-count{white-space:nowrap;color:var(--text-tertiary);font-size:10px;font-family:inherit;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.folders-section{margin-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h2{font-size:13px;font-weight:600;margin:0;color:var(--text-secondary);letter-spacing:-.01em}.section-header button{padding:4px 10px;font-size:11px;border-radius:6px;cursor:pointer;transition:var(--transition-fast);font-weight:500;background:transparent;border:1px solid var(--border-primary);color:var(--text-tertiary)}.section-header button:hover{background-color:var(--hover-bg);border-color:var(--border-secondary)}.folders-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:170px;gap:14px;width:100%;align-items:start}.folder{border-radius:12px;overflow:hidden;transition:var(--transition-normal);height:170px;max-height:170px;margin:0;padding:0;display:flex;flex-direction:column;background-color:var(--bg-secondary);box-shadow:none;border:1px solid var(--border-primary);cursor:pointer;position:relative}.folder:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px);border-color:var(--border-secondary)}.dark .folder:hover{box-shadow:0 2px 8px #00000040;border-color:var(--border-secondary)}.folder .folder-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at center,var(--bg-accent) 0%,transparent 70%);opacity:.7}.dark .folder .folder-preview{border-bottom:1px solid var(--border-primary)}.folder .folder-thumbnail{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#000}.folder .folder-thumbnail svg{width:100%;height:100%}.dark .folder .folder-thumbnail{color:#fff}.folder .folder-header{padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex-grow:1;justify-content:center;width:100%;align-items:flex-start}.folder-header-left{display:flex;align-items:center;gap:12px}.folder-header .folder-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#000;border-radius:6px;background-color:transparent;flex-shrink:0}.dark .folder-header .folder-icon{color:#fff;background-color:transparent}.folder-delete{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--text-tertiary);transition:var(--transition-fast)}.folder-delete:hover{background-color:#ef44441a;color:var(--error)}.folder-content{padding:15px;flex-grow:1;overflow-y:auto}.empty-folder{color:var(--text-tertiary);text-align:center;padding:20px 0;font-size:var(--text-sm)}.folder-item{display:flex;align-items:center;padding:12px;background-color:var(--bg-secondary);border-radius:10px;margin-bottom:8px;transition:var(--transition-normal);border:1px solid var(--border-primary);box-shadow:none;cursor:pointer}.folder-item:hover{background-color:#00000008}.dark .folder-item:hover{background-color:#ffffff0f}.folder.drag-over,.folder-item.drag-over{border:1px dashed #121212;background-color:#00000008}.dark .folder.drag-over,.dark .folder-item.drag-over{border:1px dashed #121212;background-color:#ffffff0f}.folder.dragging,.folder-item.dragging{opacity:.7;transform:scale(.95);box-shadow:var(--shadow-md)}.folder-preview-item{width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:15px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-accent);flex-shrink:0}.dark .folder-preview-item{background-color:var(--bg-accent)}.folder-thumbnail-item{width:24px;height:24px;color:#000}.dark .folder-thumbnail-item{color:#fff}.files-section h2{font-size:13px;font-weight:600;margin:0 0 10px;color:var(--text-secondary);letter-spacing:-.01em}.file-item{display:flex;align-items:center;padding:12px;background-color:var(--bg-secondary);border-radius:10px;margin-bottom:8px;transition:var(--transition-normal);border:1px solid var(--border-primary);box-shadow:none;cursor:pointer}.file-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f;border-color:var(--border-secondary)}.dark .file-item:hover{box-shadow:0 2px 8px #00000040}.file-star{margin-left:auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--warning);flex-shrink:0}.file-item .file-info{flex:1;min-width:0;padding:0 15px 0 0;justify-content:center}.file-item .file-name{margin-bottom:2px}.file-item .file-date{font-size:11px;color:var(--text-tertiary);font-family:inherit;letter-spacing:.01em}.dark .file-date{color:var(--text-tertiary)}.starred-file .file-preview{position:relative}.starred-file:before{content:"";position:absolute;top:10px;right:10px;width:20px;height:20px;background-color:var(--warning);border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.folder-name-container{display:flex;align-items:center;width:100%;position:relative;justify-content:flex-start}.folder-name{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.3;letter-spacing:-.01em;padding-right:22px;max-width:100%;box-sizing:border-box}.folder .dropdown-menu,.file-card .dropdown-menu{top:35px;right:10px;z-index:100}@media (max-width: 768px){.files-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:10px}.file-card,.folder{height:150px;max-height:150px;border-radius:10px}.file-preview,.folder .folder-preview{height:94px}.file-info,.folder .folder-header{padding:6px 10px}.file-name,.folder .folder-name{font-size:12px}.file-meta,.folder .folder-meta{font-size:10px}.file-date,.folder .folder-count{font-size:9px}.upload-card{height:150px;max-height:150px;border-radius:10px}.upload-card .simple-new-button svg{width:24px;height:24px}.upload-card .simple-new-button .new-button-text{font-size:13px;margin-top:4px}}.file-preview.bundled{padding:12px}.bundled-thumbnail-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bundled-thumbnail-stack .stack-card{position:absolute;width:70%;height:80%;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.bundled-thumbnail-stack .stack-card.back-2{transform:translateY(-6px) translate(-6px) scale(.92);z-index:1;opacity:.5}.bundled-thumbnail-stack .stack-card.back-1{transform:translateY(-3px) translate(-3px) scale(.96);z-index:2;opacity:.75}.bundled-thumbnail-stack .stack-card.front{transform:none;z-index:3;background-color:#fff}.dark .bundled-thumbnail-stack .stack-card.front{background-color:var(--bg-tertiary)}.bundled-thumbnail-stack .stack-card.front .pdf-thumbnail{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.bundled-thumbnail-stack .stack-fallback{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.bundle-count-badge{position:absolute;bottom:-4px;right:-4px;z-index:10;display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:#121212;color:#fff;border-radius:14px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0003}.bundle-count-badge svg{width:12px;height:12px}@media (max-width: 480px){.bundled-thumbnail-stack .stack-card{width:75%;height:75%}.bundle-count-badge{padding:3px 6px;font-size:10px;bottom:-2px;right:-2px}.bundle-count-badge svg{width:10px;height:10px}}.dropdown-toggle-btn-container{position:absolute;top:0;right:0;width:40px;height:100%;display:flex;align-items:center;justify-content:center;z-index:10}.dropdown-toggle-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition-fast);z-index:5}.dropdown-toggle-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.dropdown-menu{position:absolute;background-color:#fff;min-width:170px;box-shadow:0 8px 30px #0000001f;border-radius:14px;z-index:1000;overflow:hidden;border:1px solid rgba(0,0,0,.08);padding:6px;animation:dropdownFadeIn .15s ease}.dark .dropdown-menu{background-color:#1e1e1e;border-color:#ffffff1a;box-shadow:0 8px 30px #00000080}.folder .dropdown-menu,.file-card .dropdown-menu{top:35px;right:10px}.dropdown-item{padding:10px 14px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:400;letter-spacing:-.01em;cursor:pointer;transition:background-color .15s;color:#1a1a1a;border-radius:10px}.dropdown-item:hover{background-color:#0000000d}.dropdown-item svg{width:16px;height:16px;color:#1a1a1a;stroke-width:1.8}.dark .dropdown-item{color:#e0e0e0}.dark .dropdown-item:hover{background-color:#ffffff14}.dark .dropdown-item svg{color:#e0e0e0}.dropdown-item.delete-confirm{color:#ef4444;font-weight:500}.dropdown-item.delete-confirm svg{color:#ef4444}.dropdown-item.delete-confirm:hover{background-color:#ef444414}.rename-input{width:100%;padding:8px 10px;border-radius:6px;font-size:var(--text-sm);outline:none;transition:var(--transition-fast);background-color:transparent}.dark .rename-input{border:1px solid var(--border-primary);color:var(--text-primary);background-color:var(--bg-secondary)}.dark .rename-input:focus{border-color:#e0e0e0;box-shadow:0 0 0 2px #ffffff1a}.light .rename-input{border:1px solid var(--border-primary);color:var(--text-primary)}.light .rename-input:focus{border-color:#1a1a1a;box-shadow:0 0 0 2px #00000014}.dropdown-item.star-item svg path{fill:var(--text-tertiary)}.dark .dropdown-item.star-item:hover svg path,.dark .dropdown-item.star-item.starred svg path,.light .dropdown-item.star-item:hover svg path,.light .dropdown-item.star-item.starred svg path{fill:var(--warning)}.hero-section{grid-column:1 / -1;display:flex;flex-direction:column;gap:16px;padding:8px 0 16px}.action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-card{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--bg-primary, #ffffff);border:1px solid rgba(0,0,0,.08);border-radius:14px;cursor:pointer;transition:all .15s;text-align:left}.action-card:hover{background:#00000005;border-color:#00000026}.dark .action-card{background:#1a1a1a;border-color:#ffffff14}.dark .action-card:hover{background:#1e1e1e;border-color:#ffffff26}.action-card-icon{flex-shrink:0;color:#1a1a1a;margin-top:1px}.dark .action-card-icon{color:#e0e0e0}.action-card-text{display:flex;flex-direction:column;gap:4px;min-width:0}.action-card-title{font-size:14px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em}.dark .action-card-title{color:#e0e0e0}.action-card-desc{font-size:13px;font-weight:400;color:#888;letter-spacing:-.01em}.dark .action-card-desc{color:#777}.hero-chat-wrapper{display:flex;align-items:center;gap:6px;background-color:#f4f4f4;border-radius:26px;padding:6px 8px 6px 20px;transition:all .2s}.dark .hero-chat-wrapper{background-color:#2a2a2a}.hero-chat-wrapper:focus-within{background-color:#efefef}.dark .hero-chat-wrapper:focus-within{background-color:#333}.hero-chat-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:15px;outline:none;line-height:1.5;font-family:inherit;padding:8px 0}.hero-chat-input::placeholder{color:#999}.dark .hero-chat-input::placeholder{color:#777}.hero-chat-send{flex-shrink:0;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;background-color:#000;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:visible;transition:background-color .2s,transform .15s}.dark .hero-chat-send{background-color:#fff;color:#000}.hero-chat-send:hover:not(:disabled){background-color:#2a2a2a;transform:scale(1.08)}.dark .hero-chat-send:hover:not(:disabled){background-color:#e0e0e0;transform:scale(1.08)}.hero-chat-send:active:not(:disabled){transform:scale(.95)}.hero-chat-send:disabled{cursor:not-allowed;background-color:#ccc}.dark .hero-chat-send:disabled{background-color:#444}.hero-chat-send svg{flex-shrink:0;width:18px;height:18px;color:#fff;stroke:#fff;fill:none}.dark .hero-chat-send svg{color:#000;stroke:#000}.hero-chat-send:disabled svg{color:#fff;stroke:#fff}.dark .hero-chat-send:disabled svg{color:#777;stroke:#777}@media (max-width: 768px){.action-cards{grid-template-columns:1fr;gap:8px}.action-card{padding:16px}}@media (min-width: 769px) and (max-width: 1024px){.action-cards{grid-template-columns:repeat(2,1fr)}}.upload-card{background-color:var(--bg-secondary);border-radius:12px;overflow:hidden;transition:var(--transition-normal);box-shadow:none;cursor:pointer;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #1a1a1a;position:relative;z-index:5}.dark .upload-card{border-color:#e0e0e0}.upload-card:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);transform:translateY(-1px)}.upload-card-container{grid-column:1;grid-row:1;width:100%;height:100%;position:relative;z-index:5}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:20px}.upload-icon{width:60px;height:60px;border-radius:50%;background-color:var(--hover-bg);display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:var(--text-secondary)}.dark .upload-icon{background-color:#ffffff14;color:var(--text-secondary)}.light .upload-icon{background-color:#0000000d}.upload-text{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.dark .upload-text,.light .upload-text{color:var(--text-primary)}.upload-container{border:2px dashed var(--border-primary);padding:30px;text-align:center;border-radius:16px;transition:var(--transition-normal);cursor:pointer;background-color:var(--bg-secondary);margin-bottom:20px}.upload-container.dragging{background-color:var(--hover-bg);border-color:var(--text-secondary)}.upload-icon{font-size:40px;margin-bottom:10px;color:var(--primary-500)}.dark .upload-icon{color:var(--primary-300)}.upload-text{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.dark .upload-text{color:var(--text-primary)}.folder-enter-icon{display:none}.star-indicator{position:absolute;top:10px;right:10px;width:24px;height:24px;background-color:var(--warning);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm);z-index:5}.dark .star-indicator{box-shadow:0 2px 5px #0003}.light .star-indicator{box-shadow:0 2px 5px #0000001a}.file-moving-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.file-moving-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--primary-500);animation:spin 1s ease-in-out infinite;margin-bottom:15px}.file-move-success{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px 20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #0000001a;z-index:9999;max-width:90%;width:auto;min-width:300px;animation:fadeIn .3s ease-out;font-weight:500;background-color:#0066cc1a;border:1px solid var(--primary-500);color:var(--primary-500);pointer-events:all}.dark .file-move-success{background-color:#00000026;border:1px solid var(--primary-500);color:var(--primary-500)}.file-move-success svg{width:18px;height:18px;color:var(--primary-500);margin-right:10px;flex-shrink:0}@media (max-width: 768px){.file-move-success{width:85%;min-width:250px;padding:12px 15px;font-size:14px}}.simple-new-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;height:100%;background:none;color:#1a1a1a;border:none;cursor:pointer;transition:var(--transition-fast);position:relative;z-index:5}.dark .simple-new-button{color:#e0e0e0}.simple-new-button:hover,.dark .simple-new-button:hover{color:var(--text-secondary)}.simple-new-button svg{width:24px;height:24px;color:inherit;stroke-width:1.5}.new-button-text{font-size:13px;font-weight:500;letter-spacing:-.01em;color:inherit}.dark .new-button-text{color:inherit}.dropdown-container{position:relative;display:inline-block;margin-left:10px}.upload-dropdown-menu{position:fixed;z-index:999999;border-radius:14px;min-width:170px;pointer-events:auto;animation:dropdownFadeIn .15s cubic-bezier(.32,.72,0,1);transform-origin:top right;padding:5px;background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 1px #00000008,0 4px 20px #00000014,0 1px 3px #0000000a}.upload-dropdown-menu.dark{background-color:#1c1c1e;border-color:#ffffff14;box-shadow:0 0 0 1px #ffffff0a,0 4px 20px #0006,0 1px 3px #0003}.upload-dropdown-divider{height:1px;background-color:#0000000d;margin:3px 10px}.upload-dropdown-menu.dark .upload-dropdown-divider{background-color:#ffffff0f}.upload-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background-color .12s ease;color:#1a1a1a;font-size:13.5px;font-weight:500;letter-spacing:-.01em;background-color:transparent;border-radius:9px}.upload-dropdown-item:hover{background-color:#0000000a}.upload-dropdown-item:active{background-color:#00000012}.upload-dropdown-menu.dark .upload-dropdown-item{color:#e0e0e0}.upload-dropdown-menu.dark .upload-dropdown-item:hover{background-color:#ffffff0f}.upload-dropdown-menu.dark .upload-dropdown-item:active{background-color:#ffffff1a}.upload-dropdown-item svg{width:16px;height:16px;flex-shrink:0;color:#111;stroke-width:1.8}.upload-dropdown-menu.dark .upload-dropdown-item svg{color:#f2f2f2}.upload-dropdown-item span{flex:1;white-space:nowrap}.upload-dropdown-item[data-action=delete],.upload-dropdown-item.delete-item{color:#e03c3c}.upload-dropdown-item[data-action=delete] svg,.upload-dropdown-item.delete-item svg{color:#e03c3c}.upload-dropdown-item[data-action=delete]:hover,.upload-dropdown-item.delete-item:hover{background-color:#e03c3c0f;color:#d33535}.upload-dropdown-item[data-action=delete]:hover svg,.upload-dropdown-item.delete-item:hover svg{color:#d33535}.dark .upload-dropdown-item[data-action=delete],.dark .upload-dropdown-item.delete-item{color:#ff6b6b}.dark .upload-dropdown-item[data-action=delete] svg,.dark .upload-dropdown-item.delete-item svg{color:#ff6b6b}.dark .upload-dropdown-item[data-action=delete]:hover,.dark .upload-dropdown-item.delete-item:hover{background-color:#ff6b6b1a;color:#ff5252}.dark .upload-dropdown-item[data-action=delete]:hover svg,.dark .upload-dropdown-item.delete-item:hover svg{color:#ff5252}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uploading-indicator{display:flex;align-items:center;gap:8px;margin-right:15px}.uploading-indicator span{font-size:var(--text-sm);color:var(--primary-500);font-weight:500}.dark .uploading-indicator span{color:var(--primary-300)}.upload-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #1a1a1a;border-radius:50%;animation:upload-spin 1s linear infinite;margin-right:8px}.dark .upload-spinner{border:2px solid #333;border-top:2px solid #e0e0e0}.move-options{position:absolute;right:210px;top:50px;background-color:var(--bg-secondary);min-width:180px;box-shadow:var(--shadow-md);border-radius:10px;z-index:110;overflow:hidden;border:1px solid var(--border-primary);padding:10px 0}.dark .move-options{background-color:var(--neutral-800);border-color:var(--border-primary)}.move-options-title{padding:5px 16px 8px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);margin-bottom:5px}.move-option-item{padding:8px 16px;font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);color:var(--text-primary)}.move-option-item:hover{background-color:var(--hover-bg)}.dark .move-option-item{color:var(--text-primary)}.dark .move-option-item:hover{background-color:var(--hover-bg)}.file-card .dropdown-toggle-btn-container,.folder .dropdown-toggle-btn-container{position:absolute;right:0;top:50%;transform:translateY(-50%);height:28px;width:28px;display:flex;align-items:center;justify-content:center;z-index:10}.file-card .dropdown-toggle-btn,.folder .dropdown-toggle-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;border-radius:4px;opacity:.7;transition:var(--transition-fast);border:none;cursor:pointer}.file-card:hover .dropdown-toggle-btn,.folder:hover .dropdown-toggle-btn{opacity:1;background-color:#0000000d}.dark .file-card:hover .dropdown-toggle-btn,.dark .folder:hover .dropdown-toggle-btn{background-color:#ffffff1a}@keyframes fadeIn{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.upload-limit-info{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px 14px;border-radius:8px;background-color:var(--bg-secondary);border:1px solid var(--border-primary)}.upload-limit-info.premium{background-color:#0000000a;border-color:#00000026}.upload-limit-info.limit-reached{background-color:#ef44441a;border-color:#ef44444d}.dark .upload-limit-info{background-color:var(--neutral-800)}.dark .upload-limit-info.premium{background-color:#ffffff0f}.dark .upload-limit-info.limit-reached{background-color:#ef444426}.upload-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:14px;font-size:12px;font-weight:600;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.unlimited-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:14px;font-size:12px;font-weight:600;background-color:#00000014;color:#1a1a1a;border:1px solid rgba(0,0,0,.15)}.dark .unlimited-badge{background-color:#ffffff1f;color:#e0e0e0}.limit-reached .upload-count-badge{background-color:#ef444426;color:var(--error);border-color:#ef44444d}.upload-limit-text{font-size:14px;color:var(--text-secondary)}.upload-limit-info.premium .upload-limit-text{color:var(--text-primary)}.dark .upload-limit-info.premium .upload-limit-text{color:#e0e0e0}.limit-reached .upload-limit-text{color:var(--error);font-weight:500}.file-upload-container{position:relative;width:100%;padding:15px;border-radius:10px;background-color:var(--bg-secondary);border:1px solid var(--border-primary)}.dark .file-upload-container{background-color:var(--neutral-800)}.file-upload-container.dragging{border:2px dashed #1a1a1a;background-color:#00000008}.dark .file-upload-container.dragging{border-color:#e0e0e0;background-color:#ffffff0d}.upload-button-group{position:relative;display:flex;justify-content:center;width:100%}.add-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#1a1a1a;color:#fff;border:none;cursor:pointer;transition:var(--transition-fast);box-shadow:none}.add-button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-button:disabled{background-color:var(--neutral-400);cursor:not-allowed;transform:none;box-shadow:none}.dark .add-button:disabled{background-color:var(--neutral-600)}.drag-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000000d;display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.dark .drag-overlay{background-color:#ffffff14}.drag-message{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-primary)}.dark .drag-message{color:#e0e0e0}.drag-message svg{opacity:.8}.drag-message p{font-size:16px;font-weight:500}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:10px;z-index:20}.dark .upload-overlay{background-color:#141414e6}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1a1a1a;animation:spin 1s linear infinite}.dark .spinner{border-color:#ffffff26;border-top-color:#e0e0e0}.file-card.selected,.folder.selected{border-color:#1a1a1a;box-shadow:0 0 0 2px #0003;background-color:#0000000d}.selection-overlay{position:absolute;top:8px;left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#fffc;border-radius:50%;opacity:0;transition:opacity .2s ease-in-out;z-index:10}.selection-overlay.visible{opacity:1}.selection-checkbox{width:16px;height:16px;cursor:pointer}.dark .file-card.selected,.dark .folder.selected{background-color:#ffffff1a;border-color:#e0e0e0}.dark .selection-overlay{background-color:#00000080}.file-drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.dark .file-drag-overlay{background-color:#000c}.file-drag-overlay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:48px;animation:scaleIn .2s ease-out}.file-drag-icon{color:#fff;opacity:.9}.dark .file-drag-icon{color:#fff}.file-drag-overlay-content h2{font-size:24px;font-weight:600;color:#fff;margin:0;letter-spacing:-.02em}.file-drag-overlay-content p{font-size:16px;font-weight:400;color:#ffffffd9;margin:0;letter-spacing:-.01em}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.breadcrumbs-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:4px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.breadcrumb-back-button{padding:4px;border-radius:6px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;color:var(--text-tertiary);margin-right:4px}.dark .breadcrumb-back-button{color:var(--text-tertiary)}.breadcrumb-back-button:hover:not(:disabled){background:#0000000f;color:var(--text-primary)}.dark .breadcrumb-back-button:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.breadcrumb-back-button:disabled{opacity:.3;cursor:not-allowed}.breadcrumb-item{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;font-size:13px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;font-weight:400}.breadcrumb-item:hover:not(:disabled):not(.current){background:#0000000d;color:var(--text-primary)}.dark .breadcrumb-item:hover:not(:disabled):not(.current){background:#ffffff0f;color:var(--text-primary)}.breadcrumb-item.current{font-weight:500;color:var(--text-primary);background:transparent;cursor:default}.breadcrumb-separator{color:var(--text-tertiary);margin:0;display:inline-flex;align-items:center;opacity:.4}.breadcrumb-icon{width:14px;height:14px;flex-shrink:0;opacity:.6}.breadcrumb-item.current .breadcrumb-icon{opacity:.8}.new-folder-input-container{display:flex;gap:10px;margin-bottom:20px;align-items:center;padding:10px;border-radius:8px}.dark .new-folder-input-container{background-color:#1f1f1f;border:1px solid var(--border-primary)}.light .new-folder-input-container{background-color:var(--bg-tertiary)}.new-folder-input{flex:1;padding:8px 12px;border-radius:6px;font-size:var(--text-sm);outline:none;transition:var(--transition-fast)}.dark .new-folder-input{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.dark .new-folder-input:focus{border-color:var(--primary-500)}.light .new-folder-input{background-color:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.light .new-folder-input:focus{border-color:var(--primary-500)}.create-folder-btn,.cancel-folder-btn{padding:8px 15px;border-radius:6px;font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.create-folder-btn{background-color:var(--primary-500);color:#fff;border:none}.create-folder-btn:hover{background-color:var(--primary-600)}.dark .create-folder-btn{background-color:var(--primary-700)}.dark .create-folder-btn:hover{background-color:var(--primary-800)}.cancel-folder-btn{background:none;border:1px solid var(--border-primary)}.dark .cancel-folder-btn{border-color:var(--border-primary);color:var(--text-primary)}.dark .cancel-folder-btn:hover{background-color:var(--hover-bg)}.light .cancel-folder-btn{color:var(--text-primary)}.light .cancel-folder-btn:hover{background-color:var(--hover-bg)}.file-card.dragging{opacity:.7;transform:scale(.95);box-shadow:var(--shadow-md)}.folder-item.drag-over{background-color:var(--bg-accent);border-color:var(--primary-500);box-shadow:0 0 0 2px #4195ff4d;transform:translateY(-3px)}.dark .folder-item.drag-over{background-color:#4195ff26;border-color:var(--primary-500);box-shadow:0 0 0 2px #4195ff4d}.light .folder-item.drag-over{background-color:var(--bg-accent);border-color:var(--primary-500)}.drag-preview{position:fixed;pointer-events:none;z-index:1000;background-color:var(--bg-secondary);border-radius:10px;box-shadow:var(--shadow-lg);padding:10px 15px;display:flex;align-items:center;gap:10px;font-weight:500;font-size:var(--text-sm);white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis}.dark .drag-preview{background-color:#1f1f1f;border:1px solid var(--border-primary)}.parent-drop-zone{border:2px dashed var(--border-primary);border-radius:10px;padding:15px;margin-bottom:20px;text-align:center;transition:var(--transition-normal)}.parent-drop-zone.drag-over{background-color:var(--bg-accent);border-color:var(--primary-500)}.dark .parent-drop-zone.drag-over{background-color:#4195ff26;border-color:var(--primary-500)}.light .parent-drop-zone.drag-over{background-color:var(--bg-accent);border-color:var(--primary-500)}.parent-drop-zone-text{display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;letter-spacing:-.01em}.parent-drop-zone-text svg{width:20px;height:20px}.pdf-loading,.pdf-error,.pdf-fallback{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-tertiary);padding:20px;border-radius:8px}.dark .pdf-loading,.dark .pdf-error,.dark .pdf-fallback{background-color:#1f1f1f;color:var(--text-primary)}.pdf-error{cursor:pointer;text-align:center;background-color:#f443361a;color:var(--error);font-weight:500;transition:background-color .2s ease}.dark .pdf-error{background-color:#f4433612}.pdf-error:hover{background-color:#f4433626}.pdf-error svg{width:40px;height:40px;margin-bottom:10px}.pdf-error p{margin:5px 0;font-size:var(--text-xs);max-width:200px;text-align:center;letter-spacing:-.01em}.pdf-error-subtitle{font-size:var(--text-xs);opacity:.8;margin-top:5px;font-weight:400;max-width:160px;text-align:center}.pdf-loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.dark .pdf-loading{background-color:#000c}.pdf-loading span{font-size:var(--text-xs);color:var(--text-primary);letter-spacing:-.01em}.pdf-fallback{background-color:var(--bg-tertiary);border-radius:8px}.dark .pdf-fallback{background-color:#1f1f1f}.pdf-fallback svg{width:40px;height:40px}.pdf-fallback p{margin:10px 0 0;font-size:var(--text-xs);letter-spacing:-.01em}.pdf-error.password-protected{background-color:#ffc1071a;color:var(--warning);cursor:default}.dark .pdf-error.password-protected{background-color:#ffc10714;color:#ffca28}.pdf-error.password-protected svg{color:var(--warning)}.pdf-error.password-protected p:first-of-type{color:#ff9800;font-weight:600}.dark .pdf-error.password-protected p:first-of-type{color:#ffb74d}.folder-item.dragging{opacity:.7;transform:scale(.95);box-shadow:var(--shadow-md)}.dark .folder-item.dragging,.light .folder-item.dragging{box-shadow:var(--shadow-md)}@keyframes upload-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}.language-dropdown-container{position:relative}.language-toggle{display:flex;align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:6px;padding:6px 8px 6px 10px;font-size:.9rem;color:var(--text-color);cursor:pointer;transition:background-color .2s}.language-toggle:hover{background-color:var(--hover-bg)}.language-toggle svg:first-child{margin-right:6px;opacity:.7}.language-label{margin:0 6px;white-space:nowrap}.dropdown-arrow{opacity:.6;transition:transform .2s}.language-dropdown{position:absolute;top:calc(100% + 5px);right:0;min-width:160px;background-color:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--dropdown-shadow);z-index:100;overflow:hidden;animation:fadeIn .15s ease-out}.language-option{padding:10px 14px;cursor:pointer;transition:background-color .15s;font-size:.9rem;color:var(--text-color)}.language-option:hover{background-color:var(--hover-bg)}.language-option.active{background-color:var(--accent-light);color:var(--accent-color);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:modal-fade-in .2s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 8px 30px #0000001f;width:min(360px,calc(100% - 48px));padding:22px 24px 18px;transform-origin:center;animation:modal-pop .25s cubic-bezier(.32,.72,0,1);outline:none}.modal-elevated{border:none}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3,.modal-title{margin:0;font-size:15px;font-weight:650;color:#111;letter-spacing:-.02em;line-height:1.35}.modal-body{margin-top:14px}.modal-search-wrapper{position:relative;margin-bottom:10px}.modal-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}.modal-search{width:100%;height:36px;border:1.5px solid rgba(0,0,0,.08);border-radius:10px;padding:0 11px 0 32px;font-size:13px;background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;color:#111;box-sizing:border-box;letter-spacing:-.01em}.modal-search:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #0000000a;background:#fff}.modal-search::placeholder{color:#bbb;font-size:13px}.folder-list.modern{max-height:220px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,.06);border-radius:10px;background:#fafafa;padding:3px;display:flex;flex-direction:column;gap:1px}.folder-list.modern::-webkit-scrollbar{width:3px}.folder-list.modern::-webkit-scrollbar-track{background:transparent}.folder-list.modern::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.folder-row{display:flex;align-items:center;gap:8px;padding:7px 9px;cursor:pointer;border-radius:8px;transition:background .12s ease;border:1.5px solid transparent;-webkit-user-select:none;user-select:none}.folder-row:hover{background:#00000009}.folder-row.selected{background:#0000000d;border-color:#00000014}.folder-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#111;flex-shrink:0}.folder-row.selected .folder-icon{color:#111}.folder-label{flex:1 1 auto;color:#444;font-size:13px;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row.selected .folder-label{color:#111;font-weight:600}.folder-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent}.folder-row.selected .folder-check{color:#111}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions .btn-cancel,.modal-actions .btn-confirm{border-radius:999px;font-weight:600;font-size:13px;border:none;padding:8px 18px;cursor:pointer;transition:all .15s ease;letter-spacing:-.01em}.modal-actions .btn-cancel:active,.modal-actions .btn-confirm:active{transform:scale(.96)}.modal-actions .btn-cancel{background:#fff;color:#555;border:1px solid rgba(0,0,0,.12)}.modal-actions .btn-cancel:hover{background:#f5f5f5;border-color:#0000002e}.modal-actions .btn-confirm{background:#1a1a1a;color:#fff}.modal-actions .btn-confirm:hover{background:#333}.dark .modal-content{background:#1c1c1e;box-shadow:0 0 0 1px #ffffff0f,0 8px 30px #00000080}.dark .modal-header h3,.dark .modal-title{color:#f2f2f2}.dark .modal-search-icon{color:#666}.dark .modal-search{background:#ffffff0a;border-color:#ffffff14;color:#f5f5f5}.dark .modal-search:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0a;background:#ffffff0f}.dark .modal-search::placeholder{color:#555}.dark .folder-list.modern{background:#ffffff08;border-color:#ffffff0f}.dark .folder-list.modern::-webkit-scrollbar-thumb{background:#ffffff1a}.dark .folder-icon,.dark .folder-row.selected .folder-icon{color:#f2f2f2}.dark .folder-label{color:#bbb}.dark .folder-row.selected .folder-label{color:#f2f2f2}.dark .folder-row:hover{background:#ffffff0d}.dark .folder-row.selected{background:#ffffff12;border-color:#ffffff1a}.dark .folder-row.selected .folder-check{color:#f2f2f2}.dark .modal-actions .btn-cancel{background:transparent;color:#bbb;border-color:#ffffff1f}.dark .modal-actions .btn-cancel:hover{background:#ffffff0f;border-color:#fff3}.dark .modal-actions .btn-confirm{background:#f2f2f2;color:#1a1a1a}.dark .modal-actions .btn-confirm:hover{background:#e0e0e0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:confirm-modal-fade-in .2s ease}.confirm-modal-content{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 8px 30px #0000001f;width:min(360px,calc(100% - 48px));padding:22px 24px 18px;transform-origin:center;animation:confirm-modal-pop .25s cubic-bezier(.32,.72,0,1);outline:none}.confirm-modal-title{margin:0;font-size:15px;font-weight:650;color:#111;letter-spacing:-.02em;line-height:1.35}.confirm-modal-body{margin-top:8px;color:#666;font-size:13.5px;line-height:1.5;letter-spacing:-.01em}.confirm-modal-body:empty{display:none}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.confirm-modal-btn{border-radius:999px;font-weight:600;font-size:13px;border:none;padding:8px 18px;cursor:pointer;transition:all .15s ease;letter-spacing:-.01em}.confirm-modal-btn:active{transform:scale(.96)}.confirm-modal-btn-cancel{background:#fff;color:#555;border:1px solid rgba(0,0,0,.12)}.confirm-modal-btn-cancel:hover{background:#f5f5f5;border-color:#0000002e}.confirm-modal-btn-confirm{background:#1a1a1a;color:#fff}.confirm-modal-btn-confirm:hover{background:#333}.confirm-modal-btn-danger{background:#e03c3c;color:#fff}.confirm-modal-btn-danger:hover{background:#d33535}.dark .confirm-modal-content{background:#1c1c1e;box-shadow:0 0 0 1px #ffffff0f,0 8px 30px #00000080}.dark .confirm-modal-title{color:#f2f2f2}.dark .confirm-modal-body{color:#888}.dark .confirm-modal-btn-cancel{background:transparent;color:#bbb;border-color:#ffffff1f}.dark .confirm-modal-btn-cancel:hover{background:#ffffff0f;border-color:#fff3}.dark .confirm-modal-btn-confirm{background:#f2f2f2;color:#1a1a1a}.dark .confirm-modal-btn-confirm:hover{background:#e0e0e0}.dark .confirm-modal-btn-danger{background:#e03c3c;color:#fff}.dark .confirm-modal-btn-danger:hover{background:#d33535}@keyframes confirm-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-modal-pop{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.rename-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:rename-modal-fade-in .2s ease}.rename-modal-content{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 8px 30px #0000001f;width:min(360px,calc(100% - 48px));padding:22px 24px 18px;transform-origin:center;animation:rename-modal-pop .25s cubic-bezier(.32,.72,0,1);outline:none}.rename-modal-title{margin:0;font-size:15px;font-weight:650;color:#111;letter-spacing:-.02em;line-height:1.35}.rename-modal-body{margin-top:14px}.rename-modal-label{display:block;font-size:12.5px;font-weight:500;color:#888;margin-bottom:6px;letter-spacing:-.01em}.rename-modal-input{width:100%;height:40px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;padding:0 14px;font-size:14px;background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;color:#111;font-weight:500;box-sizing:border-box;letter-spacing:-.01em}.rename-modal-input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #0000000a;background:#fff}.rename-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.rename-modal-btn{border-radius:999px;font-weight:600;font-size:13px;border:none;padding:8px 18px;cursor:pointer;transition:all .15s ease;letter-spacing:-.01em}.rename-modal-btn:active{transform:scale(.96)}.rename-modal-btn-cancel{background:#fff;color:#555;border:1px solid rgba(0,0,0,.12)}.rename-modal-btn-cancel:hover{background:#f5f5f5;border-color:#0000002e}.rename-modal-btn-confirm{background:#1a1a1a;color:#fff}.rename-modal-btn-confirm:hover:not(:disabled){background:#333}.rename-modal-btn-confirm:disabled{background:#ddd;color:#aaa;cursor:not-allowed}.dark .rename-modal-content{background:#1c1c1e;box-shadow:0 0 0 1px #ffffff0f,0 8px 30px #00000080}.dark .rename-modal-title{color:#f2f2f2}.dark .rename-modal-label{color:#777}.dark .rename-modal-input{background:#ffffff0a;border-color:#ffffff1a;color:#f5f5f5}.dark .rename-modal-input:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0a;background:#ffffff0f}.dark .rename-modal-btn-cancel{background:transparent;color:#bbb;border-color:#ffffff1f}.dark .rename-modal-btn-cancel:hover{background:#ffffff0f;border-color:#fff3}.dark .rename-modal-btn-confirm{background:#f2f2f2;color:#1a1a1a}.dark .rename-modal-btn-confirm:hover:not(:disabled){background:#e0e0e0}.dark .rename-modal-btn-confirm:disabled{background:#333;color:#666}@keyframes rename-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rename-modal-pop{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.sort-dropdown{position:relative;display:inline-flex;align-items:center;margin-left:12px}.header-controls .sort-dropdown:first-of-type{margin-left:0}.sort-dropdown.disabled{opacity:.6;pointer-events:none}.sort-dropdown-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;border:none;background:transparent;color:#555;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;transition:all .15s;letter-spacing:-.01em;font-family:inherit}.sort-dropdown-toggle:hover,.sort-dropdown-toggle:focus{background:#0000000d;color:#111}.sort-dropdown-toggle:active{transform:scale(.96)}.pdf-manager.dark .sort-dropdown-toggle{color:#999}.pdf-manager.dark .sort-dropdown-toggle:hover,.pdf-manager.dark .sort-dropdown-toggle:focus{background:#ffffff0f;color:#e0e0e0}.sort-dropdown-toggle:disabled{cursor:not-allowed}.sort-dropdown-label{white-space:nowrap}.sort-dropdown-arrow{transition:transform .15s;opacity:.5}.sort-dropdown-arrow.open{transform:rotate(180deg);opacity:1}.sort-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;padding:4px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000001a;z-index:24;animation:sortDropdownFadeIn .12s ease}.pdf-manager.dark .sort-dropdown-menu{background:#1e1e1e;border-color:#ffffff14;box-shadow:0 4px 16px #00000080}.sort-dropdown-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#333;cursor:pointer;transition:background-color .1s;text-align:left;font-size:13px;font-family:inherit;letter-spacing:-.01em}.sort-dropdown-option:hover{background:#0000000a}.pdf-manager.dark .sort-dropdown-option{color:#ccc}.pdf-manager.dark .sort-dropdown-option:hover{background:#ffffff0f}.sort-dropdown-option.active{color:#111;font-weight:600}.pdf-manager.dark .sort-dropdown-option.active{color:#f2f2f2}.sort-option-label{flex:1 1 auto;white-space:nowrap;font-weight:inherit}.sort-option-description{flex:1 1 auto;font-size:12px;opacity:.5;white-space:normal}.sort-option-check{flex:0 0 auto;color:#111}.pdf-manager.dark .sort-option-check{color:#f2f2f2}@keyframes sortDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sort-dropdown-menu{left:auto;right:0;width:min(85vw,240px)}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:var(--bg-color)}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:12500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:authFadeIn .2s ease}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:#fff;border-radius:16px;padding:40px 32px 32px;width:100%;max-width:400px;position:relative;box-shadow:0 16px 70px #00000026;animation:authSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes authSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#8e8e93;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .15s ease,color .15s ease;z-index:10;padding:0}.auth-modal-close:hover{background-color:#0000000d;color:#333}.auth-content{text-align:center}.auth-logo{height:32px;width:auto;margin-bottom:24px}.auth-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 32px;letter-spacing:-.02em;line-height:1.3}.error-message{background-color:#ff3b3014;color:#ff3b30;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,59,48,.12)}.auth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auth-social-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;background:#fff;border:1px solid #e7e7e7;border-radius:10px;font-family:inherit;font-size:.9375rem;font-weight:500;color:#2d2d2d;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;position:relative}.auth-social-button:hover{background-color:#f7f7f8;border-color:#c5c5d2}.auth-social-button:active{background-color:#ececf1}.auth-social-button:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.1);border-top-color:#2d2d2d;border-radius:50%;animation:authSpin .7s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-terms{margin-top:0;font-size:12px;color:#8e8e93;text-align:center;line-height:1.6}.auth-terms a{color:#2d2d2d;text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color .15s ease}.auth-terms a:hover{color:#000}[data-theme=dark] .auth-modal{background:#2f2f2f;box-shadow:0 16px 70px #00000080}[data-theme=dark] .auth-modal-close{color:#8e8e8e}[data-theme=dark] .auth-modal-close:hover{background-color:#ffffff14;color:#e0e0e0}[data-theme=dark] .auth-title{color:#f0f0f0}[data-theme=dark] .auth-social-button{background:transparent;border-color:#565656;color:#e0e0e0}[data-theme=dark] .auth-social-button:hover{background-color:#ffffff0f;border-color:#6e6e6e}[data-theme=dark] .auth-social-button:active{background-color:#ffffff1a}[data-theme=dark] .login-spinner{border-color:#ffffff26;border-top-color:#e0e0e0}[data-theme=dark] .error-message{background-color:#ff3b301f;border-color:#ff3b3033;color:#ff6b6b}[data-theme=dark] .auth-terms{color:#8e8e8e}[data-theme=dark] .auth-terms a{color:#d0d0d0}[data-theme=dark] .auth-terms a:hover{color:#fff}@media (max-width: 480px){.auth-modal{margin:16px;padding:32px 24px 24px;border-radius:14px}.auth-title{font-size:1.3rem}.auth-social-button{padding:13px 16px}}.auth-card{width:100%;max-width:400px;padding:30px;border-radius:10px;box-shadow:0 4px 12px #0000001a;background-color:var(--card-bg)}.auth-card h2{margin-bottom:20px;text-align:center;color:var(--text-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-color)}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;transition:border-color .2s,box-shadow .2s;background-color:var(--input-bg);color:var(--text-color)}.form-group input:focus{border-color:#121212;outline:none;box-shadow:0 0 0 2px #0000001a}.form-group small{display:block;margin-top:4px;color:var(--secondary-text);font-size:12px}.auth-button{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.auth-button:hover{background-color:var(--primary-hover)}.auth-button:disabled{background-color:var(--disabled-bg);cursor:not-allowed}.auth-links{margin-top:20px;text-align:center;font-size:14px}.auth-links a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:authSpin 1s linear infinite;margin-bottom:16px}.upload-progress-overlay{position:fixed;right:24px;bottom:24px;width:min(360px,calc(100vw - 32px));z-index:10000;pointer-events:none}.upload-progress-overlay .upload-progress-panel{pointer-events:auto}@media (max-width: 768px){.upload-progress-overlay{right:16px;bottom:16px;width:calc(100vw - 32px)}}.upload-progress-panel{margin-top:16px;background:#fff;border:1px solid #e7e7e7;border-radius:14px;padding:16px;box-shadow:0 12px 24px #0000000a}[data-theme=dark] .upload-progress-panel{background:#121212;border-color:#0000002e;box-shadow:0 16px 28px #000c}.upload-progress-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#121212;margin-bottom:12px}[data-theme=dark] .upload-progress-title{color:#e0e0e0}.upload-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.upload-progress-item{background:#fafafa;border-radius:10px;padding:12px 16px;border:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.upload-progress-item.status-uploading{border-color:#d1d5db;box-shadow:0 6px 12px #0000000f}.upload-progress-item.status-success{border-color:#d1d5db}.upload-progress-item.status-error{border-color:#fecaca;background:#fff5f5}.upload-progress-item.status-converting{border-color:#fbbf24;background:#fffbeb}[data-theme=dark] .upload-progress-item{background:#121212;border-color:#333}[data-theme=dark] .upload-progress-item.status-uploading{border-color:#00000040;box-shadow:0 10px 18px #0000002e}[data-theme=dark] .upload-progress-item.status-success{border-color:#22c55e73}[data-theme=dark] .upload-progress-item.status-error{border-color:#f8717173;background:#7f1d1d80}[data-theme=dark] .upload-progress-item.status-converting{border-color:#fbbf248c;background:#78350f4d}.upload-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.upload-progress-name{font-size:14px;font-weight:600;color:#121212;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .upload-progress-name{color:#e7e7e7}.upload-progress-meta{display:flex;align-items:center;gap:10px}.upload-progress-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#0000000f;color:#333;text-transform:uppercase;letter-spacing:.04em}.upload-progress-status.status-success{background:#3bc6831f;color:#047857}.upload-progress-status.status-error{background:#ef44441f;color:#b91c1c}.upload-progress-status.status-converting{background:#fbbf241f;color:#92400e}[data-theme=dark] .upload-progress-status{background:#00000014;color:#b0b0b0}[data-theme=dark] .upload-progress-status.status-success{background:#22c55e2e;color:#86efac}[data-theme=dark] .upload-progress-status.status-error{background:#ef44442e;color:#fca5a5}[data-theme=dark] .upload-progress-status.status-converting{background:#fbbf242e;color:#fcd34d}.upload-progress-percent{font-size:12px;font-weight:600;color:#121212}[data-theme=dark] .upload-progress-percent{color:#e7e7e7}.upload-progress-dismiss{width:28px;height:28px;border-radius:8px;border:none;background:#0000000f;color:#121212;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .2s ease}.upload-progress-dismiss:disabled{cursor:not-allowed;opacity:.4}.upload-progress-dismiss:not(:disabled):hover{background:#0000001a}[data-theme=dark] .upload-progress-dismiss{background:#333;color:#e7e7e7}[data-theme=dark] .upload-progress-dismiss:not(:disabled):hover{background:#6d6d6d}.upload-progress-bar{width:100%;height:8px;border-radius:999px;background:#e7e7e7;overflow:hidden}[data-theme=dark] .upload-progress-bar{background:#333}.upload-progress-bar-fill{height:100%;background:linear-gradient(90deg,#333,#121212);border-radius:999px;transition:width .2s ease}[data-theme=dark] .upload-progress-bar-fill{background:linear-gradient(90deg,#e0e0e0,#333)}.upload-progress-error{margin-top:10px;font-size:12px;color:#b91c1c;line-height:1.4}[data-theme=dark] .upload-progress-error{color:#fca5a5}.multi-upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:13000;animation:fadeIn .2s ease-out}.multi-upload-modal-overlay.dark{background-color:#000000b3}.multi-upload-modal-content{background-color:#fff;border-radius:16px;padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease-out}.multi-upload-modal-content.dark{background-color:#121212;border:1px solid #121212}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.multi-upload-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.multi-upload-modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#121212}.multi-upload-modal-content.dark .multi-upload-modal-header h3{color:#f9fafb}.multi-upload-modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;color:#6d6d6d;transition:all .2s ease}.multi-upload-modal-close-btn:hover{background-color:#f3f4f6;color:#121212}.multi-upload-modal-content.dark .multi-upload-modal-close-btn:hover{background-color:#121212;color:#f9fafb}.multi-upload-file-preview{background-color:#fff;border-radius:14px;padding:16px;margin-top:16px}.multi-upload-modal-content.dark .multi-upload-file-preview{background-color:#121212}.file-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e7e7e7}.multi-upload-modal-content.dark .file-preview-header{border-bottom-color:#333}.file-count{font-weight:600;color:#121212;font-size:14px}.multi-upload-modal-content.dark .file-count{color:#f9fafb}.total-size{color:#6d6d6d;font-size:13px}.file-preview-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.file-preview-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background-color:#fff;border-radius:8px;font-size:13px;cursor:grab;transition:background-color .15s,opacity .15s}.file-preview-item:active{cursor:grabbing}.file-preview-item.dragging{opacity:.4}.file-preview-item.drag-over{border-top:2px solid #22c55e}.multi-upload-modal-content.dark .file-preview-item{background-color:#121212}.file-preview-item .file-name{flex:1;color:#121212;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-upload-modal-content.dark .file-preview-item .file-name{color:#d1d5db}.file-preview-item .file-size{color:#b0b0b0;font-size:12px;flex-shrink:0}.file-preview-more{text-align:center;color:#6d6d6d;font-size:13px;padding:8px}.file-drag-handle{color:silver;cursor:grab;flex-shrink:0;display:flex;align-items:center}.file-drag-handle:active{cursor:grabbing}.multi-upload-modal-content.dark .file-drag-handle{color:#555}.file-remove-btn{background:none;border:none;padding:4px;cursor:pointer;color:silver;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.file-remove-btn:hover{background-color:#fef2f2;color:#ef4444}.multi-upload-modal-content.dark .file-remove-btn:hover{background-color:#ef44441a;color:#f87171}.file-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:8px;border:1.5px dashed #d0d0d0;border-radius:8px;background:none;color:#6d6d6d;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.file-add-btn:hover{border-color:#22c55e;color:#22c55e;background-color:#f0fdf4}.multi-upload-modal-content.dark .file-add-btn{border-color:#444;color:#888}.multi-upload-modal-content.dark .file-add-btn:hover{border-color:#22c55e;color:#22c55e;background-color:#22c55e14}.upload-option-btn:disabled{opacity:.4;cursor:not-allowed}.multi-upload-options{display:flex;flex-direction:column;gap:12px}.upload-option-btn{display:flex;align-items:center;gap:16px;width:100%;padding:16px;border:2px solid #e7e7e7;border-radius:14px;background-color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.multi-upload-modal-content.dark .upload-option-btn{background-color:#1a1a1a;border-color:#333}.upload-option-btn:hover{border-color:#121212;background-color:#f5f5f5}.multi-upload-modal-content.dark .upload-option-btn:hover{border-color:#555;background-color:#ffffff0f}.upload-option-btn.individual .option-icon{background-color:#f5f5f5;color:#121212}.upload-option-btn.bundled .option-icon{background-color:#f0fdf4;color:#22c55e}.multi-upload-modal-content.dark .upload-option-btn.individual .option-icon{background-color:#ffffff1f;color:#e0e0e0}.multi-upload-modal-content.dark .upload-option-btn.bundled .option-icon{background-color:#22c55e33}.option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;flex-shrink:0}.option-content{display:flex;flex-direction:column;gap:4px}.option-title{font-weight:600;font-size:15px;color:#121212}.multi-upload-modal-content.dark .option-title{color:#f9fafb}.option-description{font-size:13px;color:#6d6d6d}.youtube-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:12000;animation:youtube-modal-fade-in .2s ease}.youtube-modal-content{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 8px 30px #0000001f;width:min(400px,calc(100% - 48px));padding:22px 24px 18px;transform-origin:center;animation:youtube-modal-pop .25s cubic-bezier(.32,.72,0,1);outline:none}.youtube-modal-title{margin:0;font-size:15px;font-weight:650;color:#111;letter-spacing:-.02em;line-height:1.35;display:flex;align-items:center;gap:8px}.youtube-modal-label{display:block;font-size:12.5px;font-weight:500;color:#888;margin-bottom:6px;letter-spacing:-.01em}.youtube-modal-body{margin-top:14px}.youtube-modal-input{width:100%;height:40px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;padding:0 14px;font-size:14px;background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;color:#111;font-weight:500;box-sizing:border-box;letter-spacing:-.01em}.youtube-modal-input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #0000000a;background:#fff}.youtube-modal-input:disabled{opacity:.5;cursor:not-allowed}.youtube-modal-input::placeholder{color:#bbb;font-weight:400;font-size:13px}.youtube-modal-helper{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px 12px;background:#00000005;border-radius:10px;font-size:12px;color:#999;line-height:1.5;letter-spacing:-.01em}.youtube-modal-helper svg{flex-shrink:0;margin-top:1px}.youtube-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.youtube-modal-btn{border-radius:999px;font-weight:600;font-size:13px;border:none;padding:8px 18px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;letter-spacing:-.01em}.youtube-modal-btn:active:not(:disabled){transform:scale(.96)}.youtube-modal-btn-cancel{background:#fff;color:#555;border:1px solid rgba(0,0,0,.12)}.youtube-modal-btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#0000002e}.youtube-modal-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.youtube-modal-btn-submit{background:#1a1a1a;color:#fff}.youtube-modal-btn-submit:hover:not(:disabled){background:#333}.youtube-modal-btn-submit:disabled{background:#ddd;color:#aaa;cursor:not-allowed}.youtube-modal-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:youtube-modal-spin .7s linear infinite}@keyframes youtube-modal-spin{to{transform:rotate(360deg)}}.dark .youtube-modal-content{background:#1c1c1e;box-shadow:0 0 0 1px #ffffff0f,0 8px 30px #00000080}.dark .youtube-modal-title{color:#f2f2f2}.dark .youtube-modal-label{color:#777}.dark .youtube-modal-input{background:#ffffff0a;border-color:#ffffff1a;color:#f5f5f5}.dark .youtube-modal-input:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0a;background:#ffffff0f}.dark .youtube-modal-input::placeholder{color:#555}.dark .youtube-modal-helper{background:#ffffff08;color:#777}.dark .youtube-modal-btn-cancel{background:transparent;color:#bbb;border-color:#ffffff1f}.dark .youtube-modal-btn-cancel:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.dark .youtube-modal-btn-submit{background:#f2f2f2;color:#1a1a1a}.dark .youtube-modal-btn-submit:hover:not(:disabled){background:#e0e0e0}.dark .youtube-modal-btn-submit:disabled{background:#333;color:#666}.pdf-image-preview-section{padding-top:0}.pdf-image-add-card{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:12px;border:1.5px dashed rgba(0,0,0,.1);background:transparent;cursor:pointer;text-align:center;transition:all .15s ease}.pdf-image-add-card:hover:not(:disabled){border-color:#1a1a1a;background:#00000005}.pdf-image-add-card:disabled{opacity:.5;cursor:not-allowed}.pdf-image-add-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#999}.pdf-image-add-label{font-size:12px;font-weight:600;color:#999}.pdf-image-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pdf-image-preview-title{font-size:12.5px;font-weight:600;color:#111;letter-spacing:-.01em}.pdf-image-clear-all-btn{border:none;background:transparent;color:#999;font-size:11.5px;cursor:pointer;padding:3px 7px;border-radius:6px;transition:all .15s ease}.pdf-image-clear-all-btn:hover:not(:disabled){background:#0000000a;color:#555}.pdf-image-clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-image-preview-container{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow-y:auto;padding-right:2px}.pdf-image-preview{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#f5f5f5;flex-shrink:0}.pdf-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.pdf-image-cancel-btn{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;border:none;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s ease}.pdf-image-cancel-btn:hover:not(:disabled){background:#000000d9}.pdf-image-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.image-upload-actions{padding-top:16px;border-top:none}.dark .pdf-image-add-card{border-color:#ffffff14;background:transparent}.dark .pdf-image-add-card:hover:not(:disabled){border-color:#ffffff40;background:#ffffff0a}.dark .pdf-image-add-inner,.dark .pdf-image-add-label{color:#888}.dark .pdf-image-preview-title{color:#ddd}.dark .pdf-image-clear-all-btn{color:#777}.dark .pdf-image-clear-all-btn:hover:not(:disabled){background:#ffffff0f;color:#bbb}.dark .pdf-image-preview{border-color:#ffffff0f;background:#ffffff0a}.dark .pdf-image-cancel-btn{background:#fffc;color:#1a1a1a}.dark .pdf-image-cancel-btn:hover:not(:disabled){background:#fff}@keyframes youtube-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes youtube-modal-pop{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000059;display:flex;justify-content:center;align-items:center;z-index:12000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:settings-fade-in .2s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}@keyframes settings-fade-in{0%{opacity:0}to{opacity:1}}button{-webkit-tap-highlight-color:transparent!important}.settings-modal{background-color:var(--card-bg);border-radius:16px;width:90%;max-width:640px;height:min(75vh,520px);display:flex;flex-direction:column;box-shadow:0 0 0 1px #0000000a,0 8px 30px #0000001f;overflow:hidden;animation:settings-pop .25s cubic-bezier(.32,.72,0,1)}@keyframes settings-pop{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .settings-modal{box-shadow:0 0 0 1px #ffffff0f,0 8px 30px #00000080}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.06);background-color:var(--card-bg);flex-shrink:0}.settings-modal-header h2{margin:0;font-size:15px;font-weight:650;color:var(--text-color);letter-spacing:-.02em}.settings-modal-close{background:none;border:none;color:var(--text-color);cursor:pointer;padding:6px;line-height:1;opacity:.5;transition:all .15s ease;border-radius:8px;display:flex;align-items:center;justify-content:center}.settings-modal-close:hover{opacity:1;background-color:#0000000a}.settings-modal-close:active{transform:scale(.95)}[data-theme=dark] .settings-modal-header{border-color:#ffffff0f}.settings-content-wrapper{display:flex;flex:1;overflow:hidden;background-color:var(--card-bg)}.settings-sidebar{width:170px;border-right:1px solid rgba(0,0,0,.06);padding:8px 5px;background-color:var(--dropdown-bg);overflow-y:auto;flex-shrink:0}.settings-sidebar::-webkit-scrollbar{width:3px}.settings-sidebar::-webkit-scrollbar-track{background:transparent}.settings-sidebar::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}[data-theme=dark] .settings-sidebar{border-color:#ffffff0f}.sidebar-item{display:flex;align-items:center;gap:9px;padding:8px 10px;color:var(--secondary-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border-radius:9px;margin:2px 4px;position:relative;letter-spacing:-.01em}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.sidebar-item-icon svg{width:18px;height:18px;stroke-width:1.8}.sidebar-item-label{flex:1;font-weight:500;line-height:1.4}.sidebar-item:hover{background-color:#0000000a;color:var(--text-color)}.sidebar-item.active{color:#111;background-color:#0000000f;font-weight:600}.sidebar-item.active .sidebar-item-icon svg{stroke-width:2}[data-theme=dark] .sidebar-item:hover{background-color:#ffffff0d}[data-theme=dark] .sidebar-item.active{background-color:#ffffff12;color:#f2f2f2}[data-theme=dark] .sidebar-item.active .sidebar-item-icon svg{stroke:#f2f2f2;color:#f2f2f2}.sidebar-item .sidebar-item-icon svg{transition:all .15s ease}.settings-content{flex:1;padding:16px 20px;overflow-y:auto;background-color:var(--card-bg);min-width:0}.settings-content::-webkit-scrollbar{width:3px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.settings-description{color:var(--secondary-text);margin:3px 0 12px;font-size:12.5px;line-height:1.5;letter-spacing:-.01em}.account-settings,.subscription-settings,.feedback-settings,.language-settings,.appearance-settings{max-width:none}.account-header{margin-bottom:10px}.account-header h3{margin:0 0 2px;font-size:15px;font-weight:650;color:var(--text-color);letter-spacing:-.02em}.account-container{background-color:var(--dropdown-bg);border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:12px 14px;margin-bottom:10px;transition:all .15s ease}.account-container:last-child{margin-bottom:0}[data-theme=dark] .account-container{border-color:#ffffff0f}.account-info{display:flex;align-items:center;gap:10px;margin-bottom:0}.account-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar svg{width:32px;height:32px}.account-avatar svg[fill=currentColor]{color:#000}[data-theme=dark] .account-avatar svg[fill=currentColor],.dark .account-avatar svg[fill=currentColor]{color:#fff}.account-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.account-name{margin:0;font-size:14px;font-weight:600;color:var(--text-color);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{margin:0;font-size:12.5px;color:var(--text-color);line-height:1.35;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-actions{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}[data-theme=dark] .account-actions{border-top-color:#ffffff0d}.settings-modal .logout-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:10px;border:none!important;background-color:#e03c3c14!important;color:#e03c3c!important;cursor:pointer;font-size:13px;font-weight:550;transition:all .15s ease;box-shadow:none!important;outline:0!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:-.01em}.settings-modal .logout-button:before,.settings-modal .logout-button:after{box-shadow:none!important;outline:0!important}.settings-modal .logout-button:hover,.settings-modal .logout-button:focus,.settings-modal .logout-button:active{outline:0!important;box-shadow:none!important;border:none!important}.settings-modal .logout-button:hover{background-color:#e03c3c24!important}.settings-modal .logout-button:active{transform:scale(.98)}.settings-modal .logout-button svg{stroke:#e03c3c!important;stroke-width:1.8px;width:16px;height:16px}.settings-modal .delete-account-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:10px;border:1px solid rgba(224,60,60,.2)!important;background-color:transparent!important;color:#e03c3c!important;cursor:pointer;font-size:13px;font-weight:550;transition:all .15s ease;box-shadow:none!important;outline:0!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:-.01em}.settings-modal .delete-account-button:hover{background-color:#e03c3c0d!important;border-color:#e03c3c59!important}.settings-modal .delete-account-button:active{transform:scale(.98)}.settings-modal .delete-account-button svg{stroke:#e03c3c!important;stroke-width:1.8px;width:16px;height:16px}.confirm-dialog .warning-text{color:#e03c3c;font-size:12.5px;font-weight:500;margin-bottom:16px}[data-theme=dark] .confirm-dialog .warning-text{color:#ff6b6b}.not-logged-in{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--secondary-text)}.not-logged-in p{margin:4px 0;text-align:center;font-size:13px}.language-section,.theme-section{padding:0;border:none;background:transparent}.language-options,.theme-selector-group{display:flex;gap:6px}.settings-modal .language-button,.theme-selector-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:10px;border:1.5px solid rgba(0,0,0,.08)!important;background:transparent!important;color:var(--secondary-text)!important;cursor:pointer;font-size:12.5px;font-weight:500;transition:all .15s ease;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:-.01em;line-height:1.4}.settings-modal .language-button:before,.settings-modal .language-button:after,.theme-selector-btn:before,.theme-selector-btn:after{box-shadow:none!important;outline:0!important}.settings-modal .language-button:hover,.settings-modal .language-button:focus,.settings-modal .language-button:active,.theme-selector-btn:hover,.theme-selector-btn:focus,.theme-selector-btn:active{outline:0!important;box-shadow:none!important}.settings-modal .language-button:hover,.theme-selector-btn:hover{border-color:#0003!important;color:var(--text-color)!important}.settings-modal .language-button:active,.theme-selector-btn:active{transform:scale(.98)}.settings-modal .language-button.active,.theme-selector-btn.active{background-color:#0000000d!important;border-color:#111!important;color:#111!important;font-weight:600}.theme-selector-btn svg{opacity:.6}.theme-selector-btn.active svg{opacity:1}[data-theme=dark] .settings-modal .language-button,[data-theme=dark] .theme-selector-btn{border-color:#ffffff14!important;color:var(--secondary-text)!important}[data-theme=dark] .settings-modal .language-button:hover,[data-theme=dark] .theme-selector-btn:hover{border-color:#fff3!important;color:var(--text-color)!important}[data-theme=dark] .settings-modal .language-button.active,[data-theme=dark] .theme-selector-btn.active{background-color:#ffffff12!important;border-color:#f2f2f2!important;color:#f2f2f2!important}.language-flag{font-size:1em;margin-right:4px}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000059;display:flex;justify-content:center;align-items:center;z-index:12100;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.confirm-dialog{background-color:var(--card-bg);border-radius:16px;width:min(360px,calc(100% - 48px));padding:22px 24px 18px;display:flex;flex-direction:column;box-shadow:0 0 0 1px #0000000a,0 8px 30px #0000001f;animation:settings-pop .25s cubic-bezier(.32,.72,0,1)}[data-theme=dark] .confirm-dialog{box-shadow:0 0 0 1px #ffffff0f,0 8px 30px #00000080}.confirm-dialog h3{margin:0 0 8px;font-size:15px;font-weight:650;color:var(--text-color);letter-spacing:-.02em}.confirm-dialog p{margin:0 0 16px;color:var(--secondary-text);font-size:13.5px;line-height:1.5;letter-spacing:-.01em}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.cancel-button{padding:8px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background-color:#fff;color:#555;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease;outline:none!important;white-space:nowrap;letter-spacing:-.01em}.cancel-button:hover{background-color:#f5f5f5;border-color:#0000002e}.cancel-button:active{transform:scale(.96)}.confirm-button{padding:8px 18px;border-radius:999px;border:none;background-color:#1a1a1a;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease;outline:none!important;white-space:nowrap;letter-spacing:-.01em}.confirm-button:hover{background-color:#333}.confirm-button:active{transform:scale(.96)}.confirm-button.danger{background-color:#e03c3c}.confirm-button.danger:hover{background-color:#d33535}.subscription-section{margin-top:0}.subscription-section h4{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--text-color)}.subscription-loading-mini{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--secondary-text)}.loading-spinner-mini{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#111;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.subscription-info{display:flex;flex-direction:column;gap:10px}.subscription-details{display:flex;flex-direction:column;gap:4px}.subscription-status{font-size:13px;margin:0;color:var(--secondary-text)}.premium-plan{color:#111;font-weight:600}[data-theme=dark] .premium-plan{color:#f2f2f2}.subscription-active{font-size:11.5px;color:#111;margin:0;font-weight:500}.subscription-canceled{font-size:11.5px;color:#e03c3c;margin:0;font-weight:500}.subscription-actions{display:flex;flex-direction:column;gap:6px}.subscription-manage-button,.subscription-cancel-button,.subscription-reactivate-button{display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;font-size:13px;cursor:pointer;transition:all .15s ease;border:1px solid rgba(0,0,0,.08);font-weight:550;letter-spacing:-.01em}.subscription-manage-button:hover,.subscription-cancel-button:hover,.subscription-reactivate-button:hover{border-color:#00000026}.subscription-manage-button:active,.subscription-cancel-button:active,.subscription-reactivate-button:active{transform:scale(.98)}.subscription-manage-button{background-color:#00000008;color:#111}.subscription-manage-button:hover{background-color:#0000000f}.subscription-cancel-button{background-color:transparent;color:#e03c3c;border-color:#e03c3c26}.subscription-cancel-button:hover{background-color:#e03c3c0a;border-color:#e03c3c4d}.subscription-reactivate-button{background-color:#00000008;color:#111;border-color:#0000001f}.subscription-reactivate-button:hover{background-color:#0000000f}.subscription-manage-button svg,.subscription-cancel-button svg,.subscription-reactivate-button svg{width:16px;height:16px;stroke-width:1.8}.confirm-dialog[data-theme=dark]{background-color:var(--card-bg);color:var(--text-color)}.confirm-dialog[data-theme=dark] h3{color:#f2f2f2}.confirm-dialog[data-theme=dark] p{color:#999}.confirm-dialog[data-theme=dark] .cancel-button{background-color:transparent;color:#bbb;border-color:#ffffff1f}.confirm-dialog[data-theme=dark] .cancel-button:hover{background-color:#ffffff0f;border-color:#fff3}.confirm-dialog[data-theme=dark] .confirm-button{background-color:#f2f2f2;color:#1a1a1a}.confirm-dialog[data-theme=dark] .confirm-button:hover{background-color:#e0e0e0}.confirm-dialog[data-theme=dark] .confirm-button.danger{background-color:#e03c3c;color:#fff}.confirm-dialog[data-theme=dark] .confirm-button.danger:hover{background-color:#d33535}[data-theme=dark] .subscription-manage-button{background-color:#ffffff0a;color:#f2f2f2;border-color:#ffffff14}[data-theme=dark] .subscription-manage-button:hover{background-color:#ffffff14;border-color:#ffffff26}[data-theme=dark] .subscription-cancel-button{background-color:transparent;color:#ff6b6b;border-color:#ff6b6b26}[data-theme=dark] .subscription-cancel-button:hover{background-color:#ff6b6b14;border-color:#ff6b6b4d}[data-theme=dark] .subscription-reactivate-button{background-color:#ffffff0a;color:#f2f2f2;border-color:#ffffff1a}[data-theme=dark] .subscription-reactivate-button:hover{background-color:#ffffff14}.mobile-sidebar-header,.mobile-sidebar-menu{display:none}.settings-modal[data-theme=dark]{background-color:var(--card-bg);color:var(--text-color)}.settings-modal[data-theme=dark] .settings-modal-header{border-color:#ffffff0f}.settings-modal[data-theme=dark] .settings-sidebar,.settings-modal[data-theme=dark] .account-container,.settings-modal[data-theme=dark] .feedback-section,.settings-modal[data-theme=dark] .subscription-section{background-color:var(--dropdown-bg);border-color:#ffffff0f}.feedback-section{display:flex;flex-direction:column;gap:10px}.feedback-description{line-height:1.6;padding:0}.feedback-description p{margin:0;color:var(--secondary-text);font-size:13px;font-weight:400;white-space:pre-line;letter-spacing:-.01em}[data-theme=dark] .feedback-description p{color:#ffffffa6}.feedback-button-container{display:flex;flex-direction:column;gap:6px;margin-top:0}.settings-modal .feedback-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:10px;border:none!important;background-color:#0000000d!important;color:#111!important;cursor:pointer;font-size:13px;font-weight:550;transition:all .15s ease;text-decoration:none;box-shadow:none!important;outline:0!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;line-height:1.4;letter-spacing:-.01em}.settings-modal .feedback-button:before,.settings-modal .feedback-button:after{box-shadow:none!important;outline:0!important}.settings-modal .feedback-button:hover,.settings-modal .feedback-button:focus,.settings-modal .feedback-button:active{outline:0!important;box-shadow:none!important;border:none!important}.settings-modal .feedback-button:hover{background-color:#00000014!important}.settings-modal .feedback-button:active{transform:scale(.98)}.settings-modal .feedback-button svg{stroke:#111!important;stroke-width:1.8px;width:16px;height:16px}.settings-modal[data-theme=dark] .feedback-button{background-color:#ffffff0d!important;color:#e0e0e0!important}.settings-modal[data-theme=dark] .feedback-button:hover{background-color:#ffffff14!important}.settings-modal[data-theme=dark] .feedback-button svg{stroke:#e0e0e0!important}.ios-subscription-notice{background-color:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:10px 14px}.ios-notice-text{color:var(--text-color);font-size:12.5px;line-height:1.5;margin:0;opacity:.7}[data-theme=dark] .ios-subscription-notice{background-color:#ffffff08;border-color:#ffffff0f}@media (max-width: 768px){.settings-modal{width:92%;max-width:92%;height:85vh;max-height:85vh;border-radius:16px;margin:0 auto}.settings-modal-header{padding:14px 16px}.settings-modal-header h2{font-size:15px}.settings-modal-close{padding:8px;min-width:40px;min-height:40px}.settings-content-wrapper{flex-direction:column;height:calc(85vh - 52px);position:relative;overflow:hidden}.settings-sidebar{display:none}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer;background-color:var(--card-bg);min-height:44px;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}[data-theme=dark] .mobile-sidebar-header{border-color:#ffffff0f}.mobile-sidebar-header:active{background-color:#00000008}.mobile-sidebar-header span{font-size:14px;font-weight:600;color:var(--text-color);letter-spacing:-.01em}.mobile-sidebar-header .chevron-icon{transition:transform .2s ease;color:var(--secondary-text);flex-shrink:0}.mobile-sidebar-header .chevron-icon.open{transform:rotate(180deg)}.mobile-sidebar-menu{display:block;position:absolute;top:44px;left:0;right:0;background-color:var(--dropdown-bg);border-bottom:1px solid rgba(0,0,0,.06);z-index:10;padding:4px;box-shadow:0 4px 12px #00000014;animation:settings-slide-down .15s ease}[data-theme=dark] .mobile-sidebar-menu{border-color:#ffffff0f}@keyframes settings-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-sidebar-menu .sidebar-item{padding:10px 12px;margin:2px 0;min-height:40px;font-size:13.5px;border-radius:10px}.mobile-sidebar-menu .sidebar-item:active{transform:scale(.98)}.mobile-sidebar-menu .sidebar-item.active{color:#111;background-color:#0000000f;font-weight:600}[data-theme=dark] .mobile-sidebar-menu .sidebar-item.active{background-color:#ffffff12;color:#f2f2f2}.settings-content{padding:16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.account-header{margin-bottom:12px}.account-container{padding:12px 14px}.account-info{margin-bottom:12px;gap:10px}.account-avatar{width:40px;height:40px}.account-avatar svg{width:28px;height:28px}.settings-modal .logout-button,.settings-modal .feedback-button{padding:10px 16px;min-height:40px;font-size:13px}.settings-description{margin:4px 0 12px;font-size:12px}.language-options{flex-direction:column}.settings-modal .language-button{padding:10px 14px;min-height:40px;font-size:13px;width:100%;flex:none}.subscription-manage-button,.subscription-cancel-button{padding:10px 14px;min-height:40px;font-size:13px}.confirm-dialog{width:calc(100% - 32px);max-width:360px;padding:20px 22px 16px}.settings-modal-overlay{padding:12px;align-items:center;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box}}.feedback-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:feedback-modal-fade-in .2s ease}.feedback-modal-content{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 8px 30px #0000001f;width:min(480px,calc(100% - 32px));max-height:min(85vh,680px);display:flex;flex-direction:column;transform-origin:center;animation:feedback-modal-pop .25s cubic-bezier(.32,.72,0,1);outline:none}.feedback-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 14px;gap:12px}.feedback-modal-header-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.feedback-modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#f5f5f5;color:#111;flex-shrink:0}.feedback-modal-title{margin:0;font-size:15px;font-weight:650;color:#111;letter-spacing:-.02em;line-height:1.35}.feedback-modal-desc{margin:3px 0 0;font-size:12.5px;color:#888;line-height:1.45;letter-spacing:-.01em}.feedback-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#999;border-radius:8px;cursor:pointer;transition:all .15s;padding:0;flex-shrink:0}.feedback-modal-close:hover{background:#0000000f;color:#111}.feedback-modal-body{padding:0 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.feedback-modal-body::-webkit-scrollbar{width:3px}.feedback-modal-body::-webkit-scrollbar-track{background:transparent}.feedback-modal-body::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.feedback-modal-field{display:flex;flex-direction:column;gap:5px}.feedback-modal-label{font-size:12.5px;font-weight:600;color:#555;letter-spacing:-.01em;display:flex;align-items:center;gap:3px}.feedback-required{color:#e03c3c;font-size:12px;font-weight:600}.feedback-modal-textarea{width:100%;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;padding:10px 14px;font-size:13.5px;background:#fafafa;color:#111;font-weight:400;box-sizing:border-box;letter-spacing:-.01em;line-height:1.55;resize:vertical;min-height:80px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;font-family:inherit}.feedback-modal-textarea:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #0000000a;background:#fff}.feedback-modal-textarea::placeholder{color:#bbb;font-weight:400;font-size:13px}.feedback-modal-textarea:disabled{opacity:.5;cursor:not-allowed}.feedback-modal-input{width:100%;height:40px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;padding:0 14px;font-size:13.5px;background:#fafafa;color:#111;font-weight:400;box-sizing:border-box;letter-spacing:-.01em;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;font-family:inherit}.feedback-modal-input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #0000000a;background:#fff}.feedback-modal-input::placeholder{color:#bbb;font-weight:400;font-size:13px}.feedback-modal-input:disabled{opacity:.5;cursor:not-allowed}.feedback-doc-selector{position:relative}.feedback-doc-trigger{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;padding:0 12px;font-size:13.5px;background:#fafafa;color:#bbb;cursor:pointer;transition:all .15s ease;font-family:inherit;letter-spacing:-.01em;box-sizing:border-box}.feedback-doc-trigger.has-value{color:#111}.feedback-doc-trigger:hover{border-color:#0003}.feedback-doc-trigger-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-doc-chevron{color:#999;flex-shrink:0;transition:transform .15s ease}.feedback-doc-chevron.open{transform:rotate(180deg)}.feedback-doc-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 4px 16px #0000001a;max-height:280px;overflow-y:auto;z-index:10;padding:4px;animation:feedback-dropdown-in .12s ease}.feedback-doc-dropdown::-webkit-scrollbar{width:3px}.feedback-doc-dropdown::-webkit-scrollbar-track{background:transparent}.feedback-doc-dropdown::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.feedback-doc-option{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;color:#333;cursor:pointer;transition:background .1s;letter-spacing:-.01em}.feedback-doc-option:hover{background:#0000000a}.feedback-doc-option.active{background:#0000000f;font-weight:600;color:#111}.feedback-doc-option svg{color:#999;flex-shrink:0}.feedback-doc-option.active svg{color:#111}.feedback-doc-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-drop-zone{display:flex;align-items:center;justify-content:center;padding:14px;border-radius:10px;border:1.5px dashed rgba(0,0,0,.12);background:#fafafa;cursor:pointer;transition:all .15s ease}.feedback-drop-zone:hover{border-color:#00000040}.feedback-drop-zone.dragover{border-color:#111;border-style:solid;background:#00000008}.feedback-drop-zone.has-file{border-style:solid;border-color:#0000001a;background:#fafafa}.feedback-drop-content{display:flex;align-items:center;gap:8px;color:#999;font-size:13px;letter-spacing:-.01em}.feedback-drop-content svg{color:#bbb}.feedback-file-info{display:flex;align-items:center;gap:8px;width:100%}.feedback-file-name{font-size:13px;color:#111;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.feedback-file-size{font-size:11.5px;color:#999;flex-shrink:0}.feedback-file-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:#0000000f;border-radius:6px;color:#888;cursor:pointer;transition:all .15s;padding:0;flex-shrink:0}.feedback-file-remove:hover{background:#e03c3c1a;color:#e03c3c}.feedback-helper{font-size:11.5px;color:#bbb;letter-spacing:-.01em}.feedback-refund-notice{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:10px 12px;border-radius:8px;background:#f5f5f5;font-size:12.5px;color:#777;letter-spacing:-.01em;line-height:1.5}.feedback-refund-text{color:#777}.feedback-refund-link{display:inline-flex;align-items:center;gap:3px;color:#111;font-weight:600;text-decoration:none;transition:opacity .15s}.feedback-refund-link:hover{opacity:.7}.feedback-msg{padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:500;letter-spacing:-.01em}.feedback-msg-error{background:#e03c3c14;color:#e03c3c}.feedback-msg-success{background:#27ae6014;color:#27ae60}.feedback-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 18px}.feedback-modal-btn{border-radius:999px;font-weight:600;font-size:13px;border:none;padding:8px 18px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;letter-spacing:-.01em}.feedback-modal-btn:active:not(:disabled){transform:scale(.96)}.feedback-modal-btn-cancel{background:#fff;color:#555;border:1px solid rgba(0,0,0,.12)}.feedback-modal-btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#0000002e}.feedback-modal-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.feedback-modal-btn-confirm{background:#1a1a1a;color:#fff}.feedback-modal-btn-confirm:hover:not(:disabled){background:#333}.feedback-modal-btn-confirm:disabled{background:#ddd;color:#aaa;cursor:not-allowed}.feedback-modal-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:feedback-modal-spin .7s linear infinite}@keyframes feedback-modal-spin{to{transform:rotate(360deg)}}.dark .feedback-modal-content{background:#1c1c1e;box-shadow:0 0 0 1px #ffffff0f,0 8px 30px #00000080}.dark .feedback-modal-icon{background:#ffffff0f;color:#ccc}.dark .feedback-modal-title{color:#f2f2f2}.dark .feedback-modal-desc,.dark .feedback-modal-close{color:#666}.dark .feedback-modal-close:hover{background:#ffffff0f;color:#f2f2f2}.dark .feedback-modal-label{color:#999}.dark .feedback-modal-textarea,.dark .feedback-modal-input{background:#ffffff0a;border-color:#ffffff1a;color:#f5f5f5}.dark .feedback-modal-textarea:focus,.dark .feedback-modal-input:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0a;background:#ffffff0f}.dark .feedback-modal-textarea::placeholder,.dark .feedback-modal-input::placeholder{color:#555}.dark .feedback-doc-trigger{background:#ffffff0a;border-color:#ffffff1a;color:#666}.dark .feedback-doc-trigger.has-value{color:#f2f2f2}.dark .feedback-doc-trigger:hover{border-color:#fff3}.dark .feedback-doc-chevron{color:#666}.dark .feedback-doc-dropdown{background:#2a2a2a;border-color:#ffffff14;box-shadow:0 4px 16px #0006}.dark .feedback-doc-option{color:#ccc}.dark .feedback-doc-option:hover{background:#ffffff0f}.dark .feedback-doc-option.active{background:#ffffff14;color:#f2f2f2}.dark .feedback-doc-option svg{color:#666}.dark .feedback-doc-option.active svg{color:#f2f2f2}.dark .feedback-drop-zone{background:#ffffff0a;border-color:#ffffff1a}.dark .feedback-drop-zone:hover{border-color:#fff3}.dark .feedback-drop-zone.dragover{border-color:#f2f2f2;background:#ffffff0f}.dark .feedback-drop-content{color:#666}.dark .feedback-drop-content svg{color:#555}.dark .feedback-file-name{color:#f2f2f2}.dark .feedback-file-size{color:#666}.dark .feedback-file-remove{background:#ffffff0f;color:#888}.dark .feedback-file-remove:hover{background:#ff6b6b26;color:#ff6b6b}.dark .feedback-helper{color:#555}.dark .feedback-refund-notice{background:#ffffff0a}.dark .feedback-refund-text{color:#777}.dark .feedback-refund-link{color:#e0e0e0}.dark .feedback-msg-error{background:#ff6b6b1a;color:#ff6b6b}.dark .feedback-msg-success{background:#27ae601a;color:#4cd787}.dark .feedback-modal-btn-cancel{background:transparent;color:#bbb;border-color:#ffffff1f}.dark .feedback-modal-btn-cancel:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.dark .feedback-modal-btn-confirm{background:#f2f2f2;color:#1a1a1a}.dark .feedback-modal-btn-confirm:hover:not(:disabled){background:#e0e0e0}.dark .feedback-modal-btn-confirm:disabled{background:#333;color:#666}@keyframes feedback-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes feedback-modal-pop{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes feedback-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.feedback-modal-content{width:calc(100% - 24px);max-height:90vh}.feedback-modal-header{padding:16px 16px 12px}.feedback-modal-body{padding:0 16px}.feedback-modal-footer{padding:12px 16px 16px}}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-right:10px;color:var(--text-primary)}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem}}.main-content{flex:1;padding:0 24px 16px;overflow-y:auto;display:flex;flex-direction:column;height:calc(100vh + -0px);max-height:100vh;background-color:var(--bg-primary)}.dark .main-content{background-color:var(--bg-secondary)}.header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;background-color:var(--bg-secondary);padding-top:calc(10px + env(safe-area-inset-top));margin-bottom:0;padding-bottom:8px}.dark .header{background-color:var(--bg-secondary)}.header h1{font-size:17px;font-weight:600;margin:0;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.header-controls{display:flex;gap:8px}@media (max-width: 768px){.mobile-menu-toggle{display:none!important}.header{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.header-left{flex:1 1 auto;display:flex;align-items:center;gap:10px}.header-left h1{font-size:1.35rem}.header-controls{flex:0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.header-controls>*{width:auto;justify-content:center}.header-controls .sort-dropdown{margin-left:0}}.header-controls .feedback-button{text-decoration:none}.header-controls .control-button,.header-controls .select-mode-btn,.header-controls .sort-dropdown .sort-dropdown-toggle,.header-controls .settings-btn,.header-controls .about-button,.header-controls .feedback-button,.header-controls .theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:-.01em;line-height:1.2;cursor:pointer;transition:all .15s;gap:6px}.header-controls .select-mode-btn,.header-controls .settings-btn,.header-controls .about-button,.header-controls .feedback-button,.header-controls .theme-toggle-btn{background:transparent}.header-controls .select-mode-btn:hover,.header-controls .settings-btn:hover,.header-controls .about-button:hover,.header-controls .feedback-button:hover,.header-controls .theme-toggle-btn:hover,.header-controls .sort-dropdown .sort-dropdown-toggle:hover{background:#0000000a;color:var(--text-primary);border-color:#0003}.header-controls .select-mode-btn:focus,.header-controls .settings-btn:focus,.header-controls .about-button:focus,.header-controls .feedback-button:focus,.header-controls .theme-toggle-btn:focus,.header-controls .sort-dropdown .sort-dropdown-toggle:focus{outline:none}.header-controls .select-mode-btn.active{background:rgba(var(--primary-500-rgb),.12);color:var(--text-accent);border-color:rgba(var(--primary-500-rgb),.4)}.pdf-manager.dark .header-controls .select-mode-btn,.pdf-manager.dark .header-controls .settings-btn,.pdf-manager.dark .header-controls .about-button,.pdf-manager.dark .header-controls .feedback-button,.pdf-manager.dark .header-controls .theme-toggle-btn,.pdf-manager.dark .header-controls .sort-dropdown .sort-dropdown-toggle{border-color:#ffffff1f;background:transparent;color:var(--text-secondary)}.pdf-manager.dark .header-controls .select-mode-btn:hover,.pdf-manager.dark .header-controls .settings-btn:hover,.pdf-manager.dark .header-controls .about-button:hover,.pdf-manager.dark .header-controls .feedback-button:hover,.pdf-manager.dark .header-controls .theme-toggle-btn:hover,.pdf-manager.dark .header-controls .sort-dropdown .sort-dropdown-toggle:hover{background:#ffffff14;color:var(--text-primary);border-color:#ffffff3d}.header-controls .control-button svg,.header-controls .select-mode-btn svg,.header-controls .settings-btn svg,.header-controls .about-button svg,.header-controls .feedback-button svg,.header-controls .theme-toggle-btn svg{width:15px;height:15px}.header-controls .about-button .desktop-text{display:inline-block;margin-left:6px}.header-left{display:flex;align-items:center;gap:15px}.sidebar-toggle-button{display:flex;align-items:center;justify-content:center;background:transparent;border:0!important;outline:none;color:var(--text-secondary, #666);width:36px;height:36px;padding:0;cursor:pointer;transition:all .2s ease;border-radius:6px;flex-shrink:0}.sidebar-toggle-button:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-primary, #333)}.dark .sidebar-toggle-button{color:#999}.dark .sidebar-toggle-button:hover{background-color:#ffffff0d;color:#fff}.mobile-snb-toggle{display:none}@media (max-width: 768px){.mobile-snb-toggle{display:inline-flex!important;position:relative;z-index:10000}}.nav-link.active{background-color:#0000000f;color:#121212;border-left:3px solid #121212}.dark .nav-link.active{background-color:#ffffff0f;border-left:3px solid #121212;color:#e0e0e0}.light .nav-link.active{background-color:#0000000f;border-left:3px solid #121212;color:#121212}.nav-icon,.nav-item:hover .nav-link{color:#121212}.main-content{width:100%;margin-left:0}@media (min-width: 769px){.pdf-manager .app-container{margin-left:52px;transition:margin-left .3s ease}.pdf-manager .app-container.sidebar-visible{margin-left:240px}}.selection-action-bar{position:fixed;bottom:50px;left:50%;transform:translate(-50%);width:auto;max-width:calc(100% - 48px);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;padding:6px 12px;display:flex;justify-content:center;align-items:center;gap:4px;white-space:nowrap;box-shadow:0 4px 16px #0000001a;z-index:2000;transition:all .3s ease-in-out}.selection-actions{display:flex;align-items:center;gap:8px}.btn{height:36px;padding:0 14px;border-radius:999px;border:none;background-color:transparent;font-weight:500;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent;color:var(--text-color)}.btn:focus-visible{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.3)}.btn:disabled{opacity:.5;cursor:not-allowed;background-color:transparent}.btn:hover:not(:disabled){background-color:var(--hover-color)}.btn--move{color:var(--accent-color)}.btn--delete{color:#ef4444}.btn--delete:hover:not(:disabled){background-color:#ef44441a}.btn--select-all,.btn--cancel{color:var(--secondary-text)}.btn-divider{display:none}.dark .selection-action-bar{background-color:#2a2a2a;border-color:#3f3f3f;box-shadow:0 4px 16px #0000004d}.dark .btn:hover:not(:disabled){background-color:var(--hover-color)}.dark .btn--delete{color:#f87171}.dark .btn--delete:hover:not(:disabled){background-color:#f871711a}@media (max-width: 640px){.selection-action-bar{bottom:16px;right:16px;left:16px;transform:none;width:auto;max-width:none;padding:8px 12px;border-radius:16px}.selection-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn{height:44px;font-size:.9rem;padding:0 10px;border-radius:999px}}.language-selector{position:relative;display:inline-block}.language-selector-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:10px;cursor:pointer;color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.2;transition:all .15s}.language-selector-button:hover{background:#0000000a;color:var(--text-primary);border-color:#0003}.language-selector-button:focus{outline:none}.language-selector-button .current-flag{font-size:18px;line-height:1}.language-selector-button svg{flex-shrink:0}.language-selector-button .chevron-icon{transition:transform .15s;color:#999}.language-selector-button .chevron-icon.open{transform:rotate(180deg)}.language-dropdown{position:fixed;min-width:150px;padding:4px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000001a;z-index:9999;animation:langDropdownFadeIn .12s ease}@keyframes langDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-option{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#333;cursor:pointer;transition:background-color .1s;text-align:left;font-size:13px;font-family:inherit;letter-spacing:-.01em}.language-option:hover{background:#0000000a}.language-option.active{color:#111;font-weight:600}.language-flag{font-size:17px;line-height:1}.language-label{flex:1}.language-option .check-icon{flex:0 0 auto;color:#111}.pdf-manager.dark .language-selector-button,[data-theme=dark] .language-selector-button{border-color:#ffffff1f;background:transparent;color:var(--text-secondary)}.pdf-manager.dark .language-selector-button:hover,[data-theme=dark] .language-selector-button:hover{background:#ffffff14;color:var(--text-primary);border-color:#ffffff3d}.pdf-manager.dark .language-selector-button .chevron-icon,[data-theme=dark] .language-selector-button .chevron-icon{color:#777}[data-theme=dark] .language-dropdown{background:#1e1e1e;border-color:#ffffff14;box-shadow:0 4px 16px #00000080}[data-theme=dark] .language-option{color:#ccc}[data-theme=dark] .language-option:hover{background:#ffffff0f}[data-theme=dark] .language-option.active,[data-theme=dark] .language-option .check-icon{color:#f2f2f2}@media (max-width: 768px){.language-dropdown{min-width:140px}}.create-folder-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:create-folder-modal-fade-in .2s ease}.create-folder-modal-content{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 8px 30px #0000001f;width:min(360px,calc(100% - 48px));padding:24px 24px 18px;transform-origin:center;animation:create-folder-modal-pop .25s cubic-bezier(.32,.72,0,1);outline:none;text-align:center}.create-folder-modal-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 14px;border-radius:14px;background:#f5f5f5;color:#111}.create-folder-modal-title{margin:0 0 16px;font-size:15px;font-weight:650;color:#111;letter-spacing:-.02em;line-height:1.35}.create-folder-modal-body{text-align:left}.create-folder-modal-input{width:100%;height:40px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;padding:0 14px;font-size:14px;background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;color:#111;font-weight:500;box-sizing:border-box;letter-spacing:-.01em}.create-folder-modal-input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #0000000a;background:#fff}.create-folder-modal-input:disabled{opacity:.5;cursor:not-allowed}.create-folder-modal-input::placeholder{color:#bbb;font-weight:400;font-size:13px}.create-folder-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.create-folder-modal-btn{border-radius:999px;font-weight:600;font-size:13px;border:none;padding:8px 18px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;letter-spacing:-.01em}.create-folder-modal-btn:active:not(:disabled){transform:scale(.96)}.create-folder-modal-btn-cancel{background:#fff;color:#555;border:1px solid rgba(0,0,0,.12)}.create-folder-modal-btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#0000002e}.create-folder-modal-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.create-folder-modal-btn-confirm{background:#1a1a1a;color:#fff}.create-folder-modal-btn-confirm:hover:not(:disabled){background:#333}.create-folder-modal-btn-confirm:disabled{background:#ddd;color:#aaa;cursor:not-allowed}.create-folder-modal-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:create-folder-modal-spin .7s linear infinite}@keyframes create-folder-modal-spin{to{transform:rotate(360deg)}}.dark .create-folder-modal-content{background:#1c1c1e;box-shadow:0 0 0 1px #ffffff0f,0 8px 30px #00000080}.dark .create-folder-modal-icon{background:#ffffff0f;color:#bbb}.dark .create-folder-modal-title{color:#f2f2f2}.dark .create-folder-modal-input{background:#ffffff0a;border-color:#ffffff1a;color:#f5f5f5}.dark .create-folder-modal-input:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0a;background:#ffffff0f}.dark .create-folder-modal-input::placeholder{color:#555}.dark .create-folder-modal-btn-cancel{background:transparent;color:#bbb;border-color:#ffffff1f}.dark .create-folder-modal-btn-cancel:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.dark .create-folder-modal-btn-confirm{background:#f2f2f2;color:#1a1a1a}.dark .create-folder-modal-btn-confirm:hover:not(:disabled){background:#e0e0e0}.dark .create-folder-modal-btn-confirm:disabled{background:#333;color:#666}@keyframes create-folder-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes create-folder-modal-pop{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-reviews-section{padding:4rem 0;background:#fff;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.user-reviews-section.is-visible{opacity:1;transform:translateY(0)}.user-reviews-header{text-align:center;margin-bottom:2rem;padding:0 2rem}.app-store-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#f5f5f5;padding:.4rem 1rem;border-radius:999px;margin-bottom:1rem;font-weight:600;color:#121212;font-size:.8125rem;border:1px solid #e7e7e7;letter-spacing:-.01em}.app-store-icon{width:18px;height:18px}.user-reviews-header h2{font-size:2.75rem;font-weight:700;color:#121212;margin-bottom:.75rem;line-height:1.15;letter-spacing:-.03em}.user-reviews-header p{font-size:1rem;color:#6d6d6d;font-weight:400;line-height:1.6;letter-spacing:-.01em}.reviews-marquee{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.reviews-fade-left,.reviews-fade-right{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.reviews-fade-left{left:0;background:linear-gradient(to right,#fff 0%,transparent 100%)}.reviews-fade-right{right:0;background:linear-gradient(to left,#fff 0%,transparent 100%)}.reviews-marquee-track{display:flex;gap:1rem;flex-shrink:0;min-width:fit-content}.reviews-scroll-left{animation:reviewsScrollLeft 60s linear infinite}.reviews-scroll-right{animation:reviewsScrollRight 60s linear infinite}@keyframes reviewsScrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes reviewsScrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.reviews-marquee:hover .reviews-marquee-track{animation-play-state:paused}.review-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;border:1px solid #e7e7e7;flex-shrink:0;width:320px;transition:border-color .2s ease}.review-card:hover{border-color:#d1d1d1}.review-header{margin-bottom:.5rem}.review-stars{color:#121212;font-size:.875rem;letter-spacing:1px;margin-bottom:.25rem}.review-title{font-size:1rem;font-weight:600;color:#121212;line-height:1.4;margin:0;letter-spacing:-.01em}.review-content{font-size:.875rem;line-height:1.6;color:#6d6d6d;margin-bottom:1rem;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.review-footer{display:flex;align-items:center;padding-top:.625rem;border-top:1px solid #f0f0f0}.verified-badge{font-size:.6875rem;color:#b0b0b0;background-color:#f5f5f5;padding:.2rem .5rem;border-radius:999px;font-weight:500;letter-spacing:-.01em}@media (max-width: 768px){.user-reviews-section{padding:3rem 0}.user-reviews-header{padding:0 1.25rem}.user-reviews-header h2{font-size:1.75rem;word-break:keep-all}.user-reviews-header p{font-size:.875rem;word-break:keep-all}.review-card{width:260px;padding:1rem 1.25rem}.reviews-fade-left,.reviews-fade-right{width:60px}}body,html{margin:0;padding:0;width:100%;background-color:#fff}.landing-page{font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:#121212;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-header{position:fixed;top:0;width:100%;background-color:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid transparent;padding:0;transition:border-color .3s ease}.landing-header.scrolled{border-bottom:1px solid #e7e7e7}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:.875rem 2rem;box-sizing:border-box}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.header-logo img{height:32px;width:auto}.header-logo-text{font-size:1.25rem;font-weight:700;color:#121212;letter-spacing:-.02em}.landing-header nav{display:flex;align-items:center;gap:2rem}.landing-header nav a{text-decoration:none;color:#6d6d6d;font-weight:400;font-size:.9375rem;transition:color .2s ease;letter-spacing:-.01em}.landing-header nav a:hover{color:#121212}.header-buttons{display:flex;gap:.75rem;align-items:center}.download-button{background-color:#121212;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:999px;cursor:pointer;font-weight:600;font-size:.875rem;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;letter-spacing:-.01em}.download-button:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.hero-section{position:relative;text-align:center;padding:0;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:#fff}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:0 2rem;box-sizing:border-box;width:100%;max-width:900px}.hero-partners{display:inline-flex;align-items:center;gap:1rem;padding:0;background:none;border:none}.hero-partner-item{display:flex;align-items:center;gap:.4rem}.hero-partner-label{font-size:.8125rem;color:#999;font-weight:400;letter-spacing:-.01em}.hero-partner-item img{height:18px;width:auto;opacity:.7;transition:opacity .3s ease}.hero-partners:hover .hero-partner-item img{opacity:1}.hero-partner-divider{width:1px;height:14px;background-color:#d5d5d5}.hero-section h1{font-size:4.5rem;font-weight:700;letter-spacing:-.04em;line-height:1.08;color:#121212;margin:0}.highlight-blue{position:relative;display:inline-block}.highlight-blue:after{content:"";position:absolute;bottom:4px;left:-.15em;right:-.15em;height:12px;background:#12121214;z-index:-1;border-radius:2px;transform:scaleX(0);transform-origin:left center;animation:draw-underline .8s cubic-bezier(.65,0,.35,1) .8s forwards}.hero-subtitle{font-size:1rem;max-width:560px;color:#6d6d6d;font-weight:400;line-height:1.6;letter-spacing:-.01em;margin:0}.hero-buttons-new{display:flex;gap:.75rem}.secondary-feature-button{padding:.875rem 1.75rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;background:transparent;color:#121212;border:1px solid #d1d1d1;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;letter-spacing:-.01em}.secondary-feature-button:hover{border-color:#121212;background:#fafafa}.primary-download-button{padding:.875rem 1.75rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;background:#121212;color:#fff;border:none;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;letter-spacing:-.01em}.primary-download-button:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.loved-by-students{display:flex;align-items:center;justify-content:center;gap:.75rem}.student-avatars{display:flex}.student-avatars img{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-8px;box-shadow:0 2px 4px #00000014;object-fit:cover}.student-avatars img:first-child{margin-left:0}.loved-by-students p{font-size:.9375rem;color:#6d6d6d;font-weight:400;margin:0;letter-spacing:-.01em}.loved-by-students strong{color:#121212;font-weight:600}.scroll-indicator{position:absolute;bottom:2rem;left:0;right:0;margin:0 auto;width:fit-content;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#b0b0b0;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;opacity:0;animation:fadeInUp .8s ease 1.4s forwards;z-index:2}.scroll-arrow{width:14px;height:14px;animation:gentleBounce 2.5s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-underline{to{transform:scaleX(1)}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.animate-on-load>*{animation:fadeInUp .9s cubic-bezier(.22,1,.36,1) both}.animate-on-load .hero-partners{animation-delay:.1s}.animate-on-load h1{animation-delay:.25s}.animate-on-load .hero-subtitle{animation-delay:.4s}.animate-on-load .hero-buttons-new{animation-delay:.55s}.animate-on-load .loved-by-students{animation-delay:.7s}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.partners-section{text-align:center;padding:3.5rem 2rem;background-color:#fff}.section-label{font-size:.6875rem;font-weight:500;color:#bbb;letter-spacing:.12em;margin-bottom:1.5rem;text-transform:uppercase}.partners-logos{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;margin-bottom:1rem}.partner-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.partner-logo{height:32px;width:auto;opacity:.6;transition:opacity .3s ease}.partner-logo:hover{opacity:.9}.partner-item p{font-size:.8125rem;color:#999;font-weight:400;margin:0;letter-spacing:-.01em}.gemini-info{margin-top:1rem;display:flex;justify-content:center;align-items:center}.gemini-info p{display:inline-flex;align-items:center;font-size:.875rem;color:#999;background:none;padding:0;border-radius:0;box-shadow:none;border:none;text-align:center;font-weight:400;letter-spacing:-.01em}.gemini-inline-logo{height:1.2em;width:auto;vertical-align:middle;margin:0 4px;opacity:.7;transform:translateY(-1px)}.features-area{background-color:#fff}.video-intro-section{text-align:center;padding:5rem 2rem 2rem;max-width:720px;margin:0 auto}.video-intro-section h2{font-size:2.75rem;font-weight:700;margin-bottom:.75rem;color:#121212;letter-spacing:-.03em;line-height:1.15}.video-intro-section p{font-size:1rem;color:#6d6d6d;line-height:1.6;letter-spacing:-.01em;font-weight:400}.video-section-container{padding:0 2rem 3rem;max-width:1000px;margin:0 auto}.service-video{width:100%;border-radius:16px;box-shadow:0 8px 30px #00000014;border:1px solid #e7e7e7}.trusted-by{text-align:center;padding:4rem 2rem;background-color:#fff;overflow:hidden}.trusted-by p{color:#999;font-weight:400;font-size:.9375rem;line-height:1.5;letter-spacing:.01em}.logo-marquee{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.marquee-track{display:flex;align-items:center;gap:3rem;flex-shrink:0;min-width:fit-content}.marquee-left{animation:marquee-left 35s linear infinite}.marquee-right{animation:marquee-right 35s linear infinite}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.company-logo{max-height:64px;width:auto;object-fit:contain}.cta-section{padding:4rem 2rem;text-align:center;background:#fff}.cta-content{max-width:1200px;margin:0 auto;background:#f5f5f5;border:1px solid #e7e7e7;border-radius:24px;padding:4rem 2rem}.cta-section h2{font-size:2.25rem;font-weight:700;color:#121212;margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.1}.cta-section p{font-size:1rem;color:#6d6d6d;max-width:480px;margin:0 auto 2rem;line-height:1.6;letter-spacing:-.01em;font-weight:400}.cta-button{padding:.875rem 2rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem;font-family:inherit;transition:all .2s ease;background:#121212;color:#fff;letter-spacing:-.01em}.cta-button:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.testimonials-section{padding:6rem 2rem;background-color:#fff;text-align:center}.testimonials-section h2{font-size:2.75rem;font-weight:700;margin-bottom:.75rem;color:#121212;letter-spacing:-.03em}.testimonial-subtitle{font-size:1rem;color:#6d6d6d;max-width:600px;margin:0 auto 2.5rem;line-height:1.6;letter-spacing:-.01em;font-weight:400}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;text-align:left}.testimonial-card{background-color:#fff;padding:1.75rem;border-radius:16px;border:1px solid #e7e7e7;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;opacity:0;transform:translateY(30px)}.animate-on-scroll.is-visible .testimonial-card{opacity:1;transform:translateY(0)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f;border-color:#d1d1d1}.testimonial-quote{font-size:1rem;line-height:1.7;color:#6d6d6d;margin-bottom:1.25rem;flex-grow:1;letter-spacing:-.01em}.testimonial-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:40px;height:40px;border-radius:50%}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:#121212;margin:0;font-size:.9375rem}.author-details{color:#b0b0b0;margin:0;font-size:.8125rem;letter-spacing:-.01em}.service-preview-container{padding:0 2rem;max-width:1000px;margin:3rem auto 0;position:relative;z-index:3}.animate-on-scroll.service-preview-container{transform:scale(.95);opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.animate-on-scroll.service-preview-container.is-visible{transform:scale(1);opacity:1}.service-preview-image{width:100%;border-radius:16px;box-shadow:0 16px 40px #00000014;border:1px solid #e7e7e7}.store-pill-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:999px;background:#121212;color:#fff;text-decoration:none;font-size:.9375rem;font-weight:600;font-family:inherit;letter-spacing:-.01em;transition:all .2s ease;cursor:pointer;white-space:nowrap}.store-pill-button:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.mobile-feature-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#fff;border:1px solid #d1d1d1;border-radius:999px;color:#121212;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;padding:.75rem 1.5rem;transition:all .2s ease;letter-spacing:-.01em;width:100%;box-sizing:border-box}.mobile-feature-button:hover{border-color:#121212;background:#fafafa}.mobile-feature-button svg{transition:transform .2s ease}.mobile-feature-button:hover svg{transform:translateY(2px)}.store-pill-button svg,.store-pill-button img{flex-shrink:0}.cta-store-buttons{display:flex;gap:.75rem;justify-content:center}@media (max-width: 1024px){.hero-section h1{font-size:3.5rem}.video-intro-section h2,.testimonials-section h2,.cta-section h2{font-size:2.25rem}.landing-header nav{gap:1.5rem}.header-content{padding:.875rem 1.5rem}}@media (max-width: 768px){.landing-header nav{display:none}.header-content{padding:.75rem 1rem}.hero-section{min-height:100svh;padding:0}.hero-content{padding:0 1.25rem;gap:1.25rem}.hero-partners{gap:.75rem}.hero-partner-divider{display:none}.hero-partner-item{justify-content:center;gap:.35rem}.hero-partner-item img{height:14px}.hero-partner-label{font-size:.6875rem}.hero-section h1{font-size:2rem;line-height:1.2;word-break:keep-all}.hero-subtitle{font-size:.875rem}.hero-buttons-new{width:100%;max-width:340px;justify-content:center;flex-wrap:wrap}.hero-buttons-new .store-pill-button{flex:1;justify-content:center}.primary-download-button,.secondary-feature-button{justify-content:center;padding:.75rem 1.5rem;font-size:.9375rem}.secondary-feature-button{height:44px;box-sizing:border-box}.loved-by-students{flex-direction:column;gap:.6rem;margin-top:1rem}.loved-by-students p{font-size:.8125rem}.trusted-by p{font-size:.875rem}.partners-section,.trusted-by,.testimonials-section,.cta-section{padding:3rem 1.25rem}.cta-content{border-radius:20px;padding:3rem 1.5rem}.video-intro-section{padding:3rem 1.25rem 1.5rem}.video-section-container{padding:0 1.25rem 2rem}.video-intro-section h2,.testimonials-section h2,.cta-section h2{font-size:1.75rem;line-height:1.2}.video-intro-section p,.testimonial-subtitle,.cta-section p{font-size:.875rem}.testimonials-grid{grid-template-columns:1fr}.company-logo{max-height:48px}.marquee-track{gap:2rem}.gemini-info p{font-size:.8125rem}.gemini-inline-logo{height:1.1em;margin:0 2px}}.mobile-br{display:none}@media (max-width: 768px){.mobile-br{display:initial}}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:left}html,body{margin:0;padding:0;width:100%;min-height:100%}*{margin:0;padding:0;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em #121212aa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.shared-file-upload-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:24px;background:#fafafa}.shared-file-upload-container.dark{background:#121212}.shared-file-upload-loading,.shared-file-upload-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;color:#6d6d6d}.shared-file-upload-loading p,.shared-file-upload-error p{font-size:16px;font-weight:500;margin:0}.dark .shared-file-upload-loading,.dark .shared-file-upload-error{color:#b0b0b0}.shared-file-upload-error{color:#ef4444}.dark .shared-file-upload-error{color:#f87171}.shared-file-upload-spinner{animation:shared-file-spin 1s linear infinite}@keyframes shared-file-spin{to{transform:rotate(360deg)}}.shared-file-upload-btn{margin-top:8px;padding:12px 24px;border-radius:999px;border:none;background:#121212;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}.shared-file-upload-btn:hover{background:#333;transform:translateY(-1px)}.shared-file-upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0508148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:12000;animation:shared-file-fade-in .25s ease}.shared-file-upload-modal{background:#fff;border-radius:22px;box-shadow:0 35px 65px #0f172a59,0 10px 25px #0f172a26;width:min(420px,90%);overflow:hidden;border:1px solid rgba(148,163,184,.2);transform-origin:center;animation:shared-file-pop .28s ease}.dark .shared-file-upload-modal{background:#1e1e1e;border-color:#ffffff1a}.shared-file-upload-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff}.dark .shared-file-upload-header{background:#1e1e1e}.shared-file-upload-header h3{margin:0;font-size:17px;font-weight:800;color:#121212;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.dark .shared-file-upload-header h3{color:#fff}.shared-file-upload-close-btn{background:#fff;color:#6d6d6d;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:20px;line-height:1;transition:all .2s ease;border:1px solid transparent;cursor:pointer;padding:0}.shared-file-upload-close-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433;transform:scale(1.05)}.dark .shared-file-upload-close-btn{background:#f8fafc14;color:#b0b0b0}.dark .shared-file-upload-close-btn:hover{background:#ef444426;color:#ff6b6b;border-color:#ef44444d}.shared-file-upload-body{padding:0 22px 22px}.shared-file-upload-preview{display:flex;align-items:center;gap:16px;padding:20px;background:#fafafa;border-radius:14px;border:1px solid rgba(148,163,184,.3);margin-bottom:16px}.dark .shared-file-upload-preview{background:#1e1e1ecc;border-color:#ffffff1a}.shared-file-upload-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#121212,#333);border-radius:14px;color:#fff;flex-shrink:0}.shared-file-upload-info{flex:1;min-width:0}.shared-file-upload-name{font-size:15px;font-weight:600;color:#121212;margin:0 0 4px;word-break:break-word}.dark .shared-file-upload-name{color:#fff}.shared-file-upload-size{font-size:13px;color:#6d6d6d;margin:0}.dark .shared-file-upload-size{color:#b0b0b0}.shared-file-upload-error-message{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#dc2626;font-size:13px;margin-bottom:16px}.dark .shared-file-upload-error-message{background:#ef444426;border-color:#ef444440;color:#f87171}.shared-file-upload-description{font-size:14px;color:#6d6d6d;text-align:center;margin:0;line-height:1.5}.dark .shared-file-upload-description{color:#b0b0b0}.shared-file-upload-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 22px 20px;background:#fff;border-top:1px solid rgba(148,163,184,.16)}.dark .shared-file-upload-actions{background:#1e1e1e;border-top-color:#ffffff1a}.shared-file-upload-btn-cancel,.shared-file-upload-btn-submit{border-radius:999px;font-weight:700;font-size:15px;border:none;padding:12px 30px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;display:flex;align-items:center;gap:8px}.shared-file-upload-btn-cancel{background:transparent;border:none;color:#121212}.shared-file-upload-btn-cancel:hover:not(:disabled){background:#0f172a0a;transform:translateY(-1px)}.shared-file-upload-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.dark .shared-file-upload-btn-cancel{color:#fff}.dark .shared-file-upload-btn-cancel:hover:not(:disabled){background:#ffffff1a}.shared-file-upload-btn-submit{background-color:#0000000f;color:#121212;border:1px solid #121212;box-shadow:none}.shared-file-upload-btn-submit:hover:not(:disabled){background-color:#00000014;border-color:#121212;color:#121212;transform:translateY(-1px)}.shared-file-upload-btn-submit:disabled{background-color:#6d6d6d;color:#fff;border-color:#6d6d6d;cursor:not-allowed;opacity:.7}.dark .shared-file-upload-btn-submit{background-color:#ffffff1a;color:#fff;border-color:#fff3}.dark .shared-file-upload-btn-submit:hover:not(:disabled){background-color:#ffffff26;border-color:#ffffff4d;color:#fff}.dark .shared-file-upload-btn-submit:disabled{background-color:#6d6d6d;color:#b0b0b0;border-color:#6d6d6d}@keyframes shared-file-fade-in{0%{opacity:0}to{opacity:1}}@keyframes shared-file-pop{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.folder-tree-section{flex:1;display:flex;flex-direction:column;margin-top:0;min-height:0;overflow:hidden;border-top:1px solid rgba(0,0,0,.06);padding-top:8px}.dark .folder-tree-section{border-top-color:#ffffff0f}.folder-tree-header{padding:4px 18px}.folder-tree-header h3{margin:0;font-size:11px;font-weight:500;color:#999;letter-spacing:0}.dark .folder-tree-header h3{color:#666}.folder-tree-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:2px 6px}.folder-tree-node{width:100%}.folder-tree-item{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .15s;color:#333;font-family:inherit;font-size:13px;font-weight:400;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;position:relative;margin:0}.folder-tree-item:hover{background-color:#0000000f}.folder-tree-item.active,.folder-tree-item.active .folder-tree-name,.folder-tree-item.active .folder-tree-icon{color:#1a1a1a}.folder-tree-toggle{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:none;cursor:pointer;color:#bbb;transition:color .15s;flex-shrink:0}.folder-tree-toggle:hover{color:#666}.folder-tree-spacer{width:14px;flex-shrink:0}.folder-tree-icon{flex-shrink:0;color:#888;transition:color .15s;width:15px;height:15px;opacity:.7}.folder-tree-item:hover .folder-tree-icon{opacity:1}.icon-file,.icon-youtube{color:inherit}.folder-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tree-children{margin-left:0}.folder-tree-file{opacity:.9}.folder-tree-file:hover{opacity:1}.folder-tree-file.active{background-color:#0000000f;opacity:1;color:#1a1a1a;font-weight:500}.folder-tree-file.active .folder-tree-name,.folder-tree-file.active .folder-tree-icon{color:#1a1a1a}.dark .folder-tree-file.active{background-color:#ffffff14;color:#e0e0e0}.dark .folder-tree-file.active .folder-tree-name,.dark .folder-tree-file.active .folder-tree-icon{color:#e0e0e0}[data-theme=light] .folder-tree-file.active,.light .folder-tree-file.active,[data-theme=light] .folder-tree-file.active .folder-tree-name,.light .folder-tree-file.active .folder-tree-name,[data-theme=light] .folder-tree-file.active .folder-tree-icon,.light .folder-tree-file.active .folder-tree-icon{color:#1a1a1a}.empty-folders{font-size:13px;color:#999;text-align:center;padding:24px 16px;margin:0}.folder-tree-list::-webkit-scrollbar{width:6px}.folder-tree-list::-webkit-scrollbar-track{background:transparent}.folder-tree-list::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.folder-tree-list:hover::-webkit-scrollbar-thumb{background:#0000001a}.dark .folder-tree-item{color:#e0e0e0}.dark .folder-tree-item:hover{background-color:#ffffff14}.dark .folder-tree-item.active,.dark .folder-tree-item.active .folder-tree-name,.dark .folder-tree-item.active .folder-tree-icon{color:#e0e0e0}[data-theme=light] .folder-tree-item.active,.light .folder-tree-item.active,[data-theme=light] .folder-tree-item.active .folder-tree-name,.light .folder-tree-item.active .folder-tree-name,[data-theme=light] .folder-tree-item.active .folder-tree-icon,.light .folder-tree-item.active .folder-tree-icon{color:#1a1a1a}.dark .folder-tree-toggle{color:#555}.dark .folder-tree-toggle:hover{color:#aaa}.dark .folder-tree-icon{color:#888;opacity:.6}.dark .folder-tree-item:hover .folder-tree-icon{color:#aaa}.dark .folder-tree-list:hover::-webkit-scrollbar-thumb{background:#ffffff26}.dark .empty-folders{color:#777}.plan-upgrade-button{position:relative;margin:0 0 15px;padding:12px 15px;background-color:#121212;border-radius:14px;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;overflow:hidden;border:none}.plan-upgrade-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background-color:#333;opacity:1}.plan-upgrade-button:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.upgrade-icon{width:32px;height:32px;background-color:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#fff;flex-shrink:0}.upgrade-text{color:#fff;flex:1}.upgrade-title{font-weight:600;font-size:14px;margin-bottom:4px;letter-spacing:-.01em}.upgrade-price{display:flex;align-items:center;gap:8px;font-size:13px}.original-price{text-decoration:line-through;opacity:.7;font-size:12px}.discount-price{font-weight:700;color:#fe0;text-shadow:0 0 8px rgba(255,238,0,.5)}.upgrade-badge{position:absolute;top:-2px;right:-2px;background-color:#ff3d47;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;border-radius:0 8px;box-shadow:0 2px 5px #ff3d474d;letter-spacing:.5px;text-transform:uppercase}@keyframes gentle-pulse{0%{opacity:1}50%{opacity:.85}to{opacity:1}}.plan-upgrade-button.pulse{animation:gentle-pulse 1.5s ease}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 52px;--primary-700: #1a1a1a;--primary-300: #e0e0e0}[data-theme=light]{--active-bg: rgba(0, 0, 0, .06)}[data-theme=dark]{--active-bg: rgba(255, 255, 255, .08)}.sidebar-collapsed-strip{position:fixed;top:0;left:0;width:var(--sidebar-collapsed-width);height:100dvh;background-color:#fff;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:11998;opacity:0;pointer-events:none;transition:opacity .15s ease}.sidebar-collapsed-strip.visible{opacity:1;pointer-events:auto}.dark .sidebar-collapsed-strip{background-color:#121212;border-right-color:#ffffff14}.collapsed-logo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;transition:background-color .15s;margin-bottom:6px;position:relative}.collapsed-logo:hover{background-color:#0000000f}.dark .collapsed-logo:hover{background-color:#ffffff14}.collapsed-logo-img{width:22px;height:auto;transition:opacity .15s ease}.collapsed-logo-toggle{position:absolute;opacity:0;transition:opacity .15s ease;color:#111}.dark .collapsed-logo-toggle{color:#e0e0e0}.sidebar-collapsed-strip:hover .collapsed-logo-img{opacity:0}.sidebar-collapsed-strip:hover .collapsed-logo-toggle{opacity:1}.collapsed-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:10px;color:#111;cursor:pointer;transition:all .15s;padding:0;margin:1px 0}.collapsed-btn svg{color:#111}.collapsed-btn:hover{background-color:#0000000f}.collapsed-btn:active{transform:scale(.92)}.dark .collapsed-btn{color:#e0e0e0}.dark .collapsed-btn svg{color:#e0e0e0}.dark .collapsed-btn:hover{background-color:#ffffff14}.collapsed-spacer{flex:1}@media (max-width: 768px){.sidebar-collapsed-strip{display:none!important}}.sidebar{width:var(--sidebar-width);height:100dvh;background-color:#fff;padding:12px 0;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.08);transition:transform .3s ease;transform:translate(0);position:fixed;top:0;left:0;z-index:12000;font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar.visible{transform:translate(0)}.sidebar.hidden{transform:translate(-100%)}.dark .sidebar{background-color:#121212;color:#e0e0e0;border-right-color:#ffffff14;scrollbar-color:transparent transparent}.light .sidebar{background-color:#fff}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .2s ease}.sidebar:hover::-webkit-scrollbar-thumb,.sidebar:focus::-webkit-scrollbar-thumb,.sidebar:active::-webkit-scrollbar-thumb{background:#0000001f}.sidebar::-webkit-scrollbar-thumb:hover{background:#0003}.dark .sidebar::-webkit-scrollbar-thumb{background:transparent}.dark .sidebar:hover::-webkit-scrollbar-thumb,.dark .sidebar:focus::-webkit-scrollbar-thumb,.dark .sidebar:active::-webkit-scrollbar-thumb{background:#ffffff26}.dark .sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.brand{padding:0 10px 6px;display:flex;align-items:center;justify-content:space-between}.brand-logo-wrapper{display:flex;align-items:center;cursor:pointer;padding:6px;border-radius:8px;transition:background-color .15s}.brand-logo-wrapper:hover{background-color:#0000000f}.dark .brand-logo-wrapper:hover{background-color:#ffffff14}.logo-img-full{height:22px;width:auto}.sidebar-close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;color:#999;cursor:pointer;transition:all .15s ease;border-radius:10px;flex-shrink:0;opacity:0}@media (hover: hover) and (pointer: fine) and (min-width: 769px){.sidebar:hover .sidebar-close-button{opacity:1}}@media (max-width: 768px),(hover: none),(pointer: coarse){.sidebar-close-button{opacity:1}}.sidebar-close-button:hover{background-color:#0000000f;color:#555}.dark .sidebar-close-button{color:#777}.dark .sidebar-close-button:hover{background-color:#ffffff14;color:#e0e0e0}.add-content-btn-container{padding:0 6px 4px}.add-content-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#1a1a1a;font-size:13px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:all .15s}.add-content-btn svg{color:#555;flex-shrink:0}.add-content-btn:hover{background:#0000000a}.dark .add-content-btn{color:#e0e0e0}.dark .add-content-btn svg{color:#aaa}.dark .add-content-btn:hover{background:#ffffff0f}.menu-items{padding:0 6px 8px}.menu-item{display:flex;align-items:center;padding:8px 12px;color:#333;cursor:pointer;transition:background-color .15s;font-family:inherit;font-size:13px;font-weight:500;border-radius:8px;margin:0 0 1px;letter-spacing:-.01em;gap:8px}.menu-item svg{width:15px;height:15px;color:#555;flex-shrink:0;margin-right:0}.menu-item:hover{background-color:#0000000f}.dark .menu-item{color:#e0e0e0}.dark .menu-item svg{color:#aaa}.dark .menu-item:hover{background-color:#ffffff14}[data-theme=dark] .menu-item.active,.dark .menu-item.active{background-color:#ffffff14;color:#fff}[data-theme=light] .menu-item.active,.light .menu-item.active{background-color:#0000000f;color:#1a1a1a}[data-theme=light] .menu-item.active svg,.light .menu-item.active svg{color:#1a1a1a}[data-theme=dark] .menu-item.active svg,.dark .menu-item.active svg{color:#fff}.menu-item button{background:none;border:none;width:100%;display:flex;align-items:center;padding:12px 20px;color:var(--text-secondary);cursor:pointer;font-size:inherit}.sidebar-actions{padding:16px 10px 6px;margin-top:auto;display:flex;align-items:center;justify-content:center}.sidebar-actions .feedback-button{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;background:#000;border:1px solid #000000;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.sidebar-actions .feedback-button:hover{background:#222;border-color:#222}.sidebar-actions .feedback-button:active{transform:translateY(0)}.sidebar-actions .feedback-button svg{flex-shrink:0}.dark .sidebar-actions .feedback-button{background:#fff;border-color:#fff;color:#000}.dark .sidebar-actions .feedback-button:hover{background:#e0e0e0;border-color:#e0e0e0}.sidebar-account{padding:4px 6px}.user-info{display:flex;align-items:center;padding:8px 10px;margin-top:0;border-radius:8px;cursor:pointer;transition:background-color .15s ease;gap:8px;position:relative}.user-info:hover{background-color:#0000000f}.dark .user-info:hover{background-color:#ffffff14}.user-avatar{width:28px;height:28px;border-radius:999px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.user-avatar svg{width:22px;height:22px}.user-avatar svg[fill=currentColor]{color:#000}.dark .user-avatar svg[fill=currentColor]{color:#fff}.user-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.user-name{font-weight:500;font-size:12px;line-height:1.3;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .user-name{color:#e0e0e0}.user-email{font-size:10px;line-height:1.3;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .user-email{color:#666}.user-info .settings-icon{flex-shrink:0;color:#bbb;opacity:.6;transition:opacity .15s ease;margin-left:auto;width:14px;height:14px}.dark .user-info .settings-icon{color:#666}.user-info:hover .settings-icon{opacity:1}.user-menu-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;right:0;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(0,0,0,.08);padding:4px;z-index:12001;animation:slideUp .12s ease;overflow:visible}.dark .user-menu-dropdown{background-color:#1e1e1e;box-shadow:0 4px 16px #00000080;border-color:#ffffff14}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.user-menu-dropdown .menu-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 12px;cursor:pointer;border-radius:8px;color:#111;font-size:13px;font-weight:400;transition:background-color .1s;margin:0;letter-spacing:-.01em}.dark .user-menu-dropdown .menu-item{color:#e0e0e0}.user-menu-dropdown .menu-item:hover{background-color:#0000000a}.dark .user-menu-dropdown .menu-item:hover{background-color:#ffffff0f}.user-menu-dropdown .menu-item svg{flex-shrink:0;color:#111;width:14px;height:14px}.dark .user-menu-dropdown .menu-item svg{color:#e0e0e0}.menu-divider{height:1px;background-color:#ebebeb;margin:3px 4px}.dark .menu-divider{background-color:#3a3a3a}.theme-submenu-wrapper,.theme-trigger{position:relative}.theme-trigger-arrow{margin-left:auto;color:#999;flex-shrink:0}.dark .theme-trigger-arrow{color:#777}.theme-submenu{min-width:150px;padding:4px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000001a;z-index:99999;animation:themeSubmenuFadeIn .12s ease}.theme-submenu.dark{background:#1e1e1e;border-color:#ffffff14;box-shadow:0 4px 16px #00000080}@keyframes themeSubmenuFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.theme-submenu-wrapper:hover .theme-trigger{background-color:#0000000a}.dark .theme-submenu-wrapper:hover .theme-trigger{background-color:#ffffff0f}.theme-submenu-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:400;color:#333;transition:background-color .1s;white-space:nowrap}.theme-submenu-option:hover{background:#0000000a}.theme-submenu-option svg{flex-shrink:0;color:#999;width:14px;height:14px}.theme-submenu-option.active{color:#111;font-weight:600}.theme-submenu-option.active svg{color:#111}.theme-check{margin-left:auto}.theme-submenu.dark .theme-submenu-option{color:#ccc}.theme-submenu.dark .theme-submenu-option:hover{background:#ffffff0f}.theme-submenu.dark .theme-submenu-option svg{color:#777}.theme-submenu.dark .theme-submenu-option.active{color:#f2f2f2}.theme-submenu.dark .theme-submenu-option.active svg{color:#f2f2f2}.login-button{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;background-color:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s;gap:6px}.login-button:hover{background-color:#333}.dark .login-button{background-color:#e0e0e0;color:#1a1a1a}.dark .login-button:hover{background-color:#fff}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:11999;transition:opacity .3s ease;opacity:0;cursor:pointer}.sidebar-overlay.visible{display:block;opacity:1}.sidebar-overlay.hidden{display:none;opacity:0}.chat-history-section{flex:1;display:flex;flex-direction:column;margin-top:0;min-height:0;overflow:hidden;border-top:1px solid rgba(0,0,0,.06);padding-top:8px}.dark .chat-history-section{border-top-color:#ffffff0f}.chat-history-header{padding:4px 18px}.chat-history-header h3{font-size:11px;font-weight:500;color:#999;margin:0;letter-spacing:0}.dark .chat-history-header h3{color:#666}.chat-history-list{flex:1;overflow-y:auto;padding:2px 6px;min-height:0}.empty-history{font-size:13px;color:#999;text-align:center;padding:24px 16px;margin:0}.chat-history-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background-color .15s;font-family:inherit;font-size:13px;gap:6px;margin:0}.chat-history-item:hover{background-color:#0000000f}.dark .chat-history-item:hover{background-color:#ffffff14}[data-theme=dark] .chat-history-item.active,.dark .chat-history-item.active{background-color:#ffffff14;color:#e0e0e0}[data-theme=light] .chat-history-item.active,.light .chat-history-item.active{background-color:#0000000f;color:#1a1a1a}.chat-history-item.active .chat-history-title{color:inherit}.chat-history-item.active .chat-history-content svg{color:inherit}.chat-history-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.chat-history-content svg{flex-shrink:0;color:#888}.chat-history-title{font-size:13px;font-weight:400;letter-spacing:-.01em;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .chat-history-title{color:#e0e0e0}.delete-history-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;color:#999;opacity:0;transition:opacity .15s,color .15s;border-radius:6px;display:flex;align-items:center;justify-content:center}.chat-history-item:hover .delete-history-btn{opacity:.6}.delete-history-btn:hover{color:#ef4444;background-color:#ef444414;opacity:1!important}.chat-history-list::-webkit-scrollbar{width:6px}.chat-history-list::-webkit-scrollbar-track{background:transparent}.chat-history-list::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.chat-history-list:hover::-webkit-scrollbar-thumb{background:#0000001a}.dark .chat-history-list:hover::-webkit-scrollbar-thumb{background:#ffffff26}@media (max-width: 768px){.sidebar{position:fixed;z-index:1000;top:0;left:0;width:65%;max-width:250px;height:100dvh;transform:translate(-100%);background-color:#fff;border-right:none;padding-top:max(20px,env(safe-area-inset-top,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px));padding-left:max(0px,env(safe-area-inset-left,0px))}.dark .sidebar{background-color:#121212;border-right:none}.sidebar.visible{transform:translate(0)}.sidebar-overlay.visible{display:block;opacity:1}}