.auth-screen{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:var(--bg-gradient);padding:calc(var(--safe-top, 0px) + var(--space-6)) var(--space-4) calc(var(--safe-bottom, 0px) + var(--space-6));overflow-y:auto}.auth-card{background:var(--modal-bg);border:1px solid var(--border);border-radius:20px;padding:var(--space-10) var(--space-8);width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-6);margin:auto}.auth-title{font-size:28px;font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:-.5px}.auth-tabs{display:flex;background:var(--surface);border-radius:12px;padding:var(--space-1);gap:var(--space-1)}.auth-tab{flex:1;padding:var(--space-2);border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;transition:background .15s,color .15s}.auth-tab.active{background:var(--accent);color:#fff;box-shadow:0 1px 4px var(--accent-glow)}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}.auth-input:focus{border-color:var(--accent-border)}.auth-input::placeholder{color:var(--text-muted)}.auth-error{color:#f87171;font-size:13px;text-align:center}.auth-message{color:var(--text-secondary);font-size:14px;text-align:center;line-height:1.6}.auth-submit{background:var(--accent);color:#fff;border:1px solid transparent;border-radius:10px;padding:var(--space-3);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:var(--space-1);transition:background .15s,opacity .15s}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}:root{--safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px))}.app{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-gradient);overflow:hidden;transition:background .25s;padding:calc(var(--safe-top) / var(--ui-zoom, 1)) calc(var(--safe-right) / var(--ui-zoom, 1)) calc(var(--safe-bottom) / var(--ui-zoom, 1)) calc(var(--safe-left) / var(--ui-zoom, 1));box-sizing:border-box}.app-view{display:flex;width:200%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.app-view--settings{transform:translate(-50%)}.app-home,.app-settings{width:50%;height:100%;display:flex;flex-direction:column;overflow:hidden}.app-home-stage{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;--tray-clearance: 0px}.app-home-stage.has-tray{--tray-clearance: var(--tray-height)}:root{--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}:root{--tray-height: 96px}[data-theme=dark]{--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .35);--surface: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .16);--border: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .15);--searchbar-bg: rgba(0, 0, 0, .45);--modal-bg: rgba(26, 22, 55, .98);--folder-modal-bg: rgba(30, 25, 60, .95);--results-bg: rgba(20, 20, 40, .97);--bottom-bar-bg: rgba(0, 0, 0, .3);--tray-fade: rgba(16, 18, 42, .88);--tray-fade-mid: rgba(16, 18, 42, .45);--icon-img-bg: rgba(255, 255, 255, .05);--empty-slot-bg: rgba(255, 255, 255, .07);--rename-bg: rgba(0, 0, 0, .6);--dot-inactive: rgba(255, 255, 255, .25);--icon-label-color: rgba(255, 255, 255, .9);--icon-label-shadow: 0 1px 3px rgba(0, 0, 0, .6);--accent: #7c3aed;--accent-hover: #6d28d9;--accent-light: rgba(124, 58, 237, .25);--accent-border: rgba(124, 58, 237, .4);--accent-glow: rgba(124, 58, 237, .5)}[data-theme=light]{--bg-gradient: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 50%, #9fa8da 100%);--text-primary: #1a1a2e;--text-secondary: rgba(26, 26, 46, .7);--text-muted: rgba(26, 26, 46, .4);--surface: rgba(255, 255, 255, .55);--surface-hover: rgba(255, 255, 255, .82);--border: rgba(0, 0, 0, .08);--border-focus: rgba(0, 0, 0, .18);--searchbar-bg: rgba(255, 255, 255, .5);--modal-bg: rgba(248, 246, 255, .99);--folder-modal-bg: rgba(242, 238, 255, .97);--results-bg: rgba(240, 238, 255, .98);--bottom-bar-bg: rgba(255, 255, 255, .4);--tray-fade: rgba(226, 228, 245, .88);--tray-fade-mid: rgba(226, 228, 245, .45);--icon-img-bg: rgba(255, 255, 255, .7);--empty-slot-bg: rgba(0, 0, 0, .06);--rename-bg: rgba(255, 255, 255, .92);--dot-inactive: rgba(26, 26, 46, .22);--icon-label-color: rgba(26, 26, 46, .85);--icon-label-shadow: 0 1px 2px rgba(255, 255, 255, .5);--accent: #7c3aed;--accent-hover: #6d28d9;--accent-light: rgba(124, 58, 237, .15);--accent-border: rgba(124, 58, 237, .35);--accent-glow: rgba(124, 58, 237, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .25s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:3px}