*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,a,input,select,textarea,[role=button]{touch-action:manipulation;-webkit-touch-callout:none}:root{--dark-bg:#0a0a0a;--dark-surface:#1c1c1e;--glass-bg:#1c1c1e99;--glass-border:#ffffff26;--shadow:#00000080;--primary:#0a84ff;--primary-hover:#06c;--text-dark:#fff;--text-light:#98989d;--blur-bg:#1c1c1eb3;--radius:2rem;--transition:all .3s cubic-bezier(.4,0,.2,1)}body{color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1c 50%,#0f0f10 100%) fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius);transition:var(--transition);background:#1c1c1e80;border:1px solid #ffffff26;position:relative;box-shadow:0 8px 32px #0009,inset 0 4px 20px #ffffff0d}.glass:after{content:"";border-radius:var(--radius);-webkit-backdrop-filter:blur(1px);opacity:.6;z-index:-1;filter:blur(1px)drop-shadow(10px 4px 6px #0000004d)brightness(115%);pointer-events:none;background:#ffffff08;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset -10px -8px 0 -11px #fff3,inset 0 -9px 0 -8px #fff3}.glass:hover{transform:translateY(-2px);box-shadow:0 12px 48px #000000b3,inset 0 6px 24px #ffffff14}.spinner{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.spinner-ring{border:4px solid #0000;border-top-color:var(--primary);filter:drop-shadow(0 0 8px #007aff66);border-radius:50%;width:100%;height:100%;animation:1.4s cubic-bezier(.68,-.55,.27,1.55) infinite spin;position:absolute}.spinner-ring:nth-child(2){border-top-color:#007aff99;width:70%;height:70%;animation-duration:1.2s;animation-delay:-.2s}.spinner-ring:nth-child(3){border-top-color:#007aff4d;width:50%;height:50%;animation-duration:1s;animation-delay:-.4s}@keyframes spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:visible}.btn-primary{background:linear-gradient(135deg,var(--primary),#5e5ce6);color:#fff;position:relative;box-shadow:0 4px 16px #0a84ff66,inset 0 2px 8px #fff3}.btn-primary:after{content:"";opacity:.7;pointer-events:none;filter:blur(.5px)brightness(120%);background:#ffffff1a;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset -8px -6px 0 -9px #fff9,inset 0 -7px 0 -6px #fff9}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #0a84ff80,inset 0 3px 12px #ffffff4d}.btn-glass{-webkit-backdrop-filter:blur(10px)saturate(180%);color:var(--text-dark);background:#1c1c1e99;border:1px solid #fff3;position:relative;box-shadow:0 4px 16px #0006,inset 0 2px 10px #ffffff0d}.btn-glass:after{content:"";opacity:.6;pointer-events:none;filter:blur(.5px)brightness(115%);background:#ffffff0d;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset -6px -5px 0 -7px #ffffff4d,inset 0 -6px 0 -5px #ffffff4d}.btn-glass:hover{background:#1c1c1ecc;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 3px 12px #ffffff14}.container{max-width:1200px;margin:0 auto;padding:0 16px}h1{letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1.1}h2{letter-spacing:-.01em;font-size:32px;font-weight:700;line-height:1.2}h3{font-size:22px;font-weight:600;line-height:1.3}p{color:var(--text-light);font-size:16px;line-height:1.5}.sidebar{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff26;border-right:1px solid #fffc;width:240px;height:100vh;padding:24px 16px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(0);box-shadow:4px 0 32px #1f268726,inset -2px 0 20px #ffffff4d}.sidebar:after{content:"";opacity:.6;z-index:-1;pointer-events:none;background:#ffffff0d;width:100%;height:100%;position:absolute;top:0;right:0;box-shadow:inset -10px -8px 0 -11px #fffc,inset 0 -9px 0 -8px #fffc}.sidebar.hidden{transform:translate(-100%)}.sidebar-toggle{-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:1001;width:40px;height:40px;transition:var(--transition);background:#fff3;border:1px solid #fff9;border-radius:12px;justify-content:center;align-items:center;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 4px 16px #1f268726,inset 0 2px 10px #ffffff4d}.sidebar-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.main-content{margin-left:240px;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}.main-content.expanded{margin-left:0}.upload-zone{text-align:center;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);background:#1c1c1e66;border:2px dashed #ffffff4d;border-radius:16px;padding:32px;box-shadow:inset 0 2px 10px #ffffff0d}.upload-zone:hover{border-color:var(--primary);background:#0a84ff26;transform:scale(1.01);box-shadow:0 8px 24px #0a84ff4d,inset 0 2px 10px #ffffff14}.upload-zone.dragging{border-color:var(--primary);background:#0a84ff40;transform:scale(1.02);box-shadow:0 12px 32px #0a84ff66,inset 0 4px 16px #ffffff1a}.gallery-grid{column-count:3;column-gap:16px;padding:40px 0}.gallery-item{break-inside:avoid;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);background:#1c1c1e80;border:1px solid #ffffff26;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 4px 16px #00000080,inset 0 2px 10px #ffffff0d}.gallery-item:hover{border-color:#ffffff4d;transform:translateY(-6px)scale(1.02);box-shadow:0 16px 48px #000000b3,inset 0 4px 16px #ffffff14}.gallery-item img{width:100%;height:auto;display:block}@media (max-width:1024px){.gallery-grid{column-count:2}h1{font-size:36px}}@media (max-width:640px){.gallery-grid{column-count:1}.sidebar{width:100%}.main-content{margin-left:0}h1{font-size:28px}h2{font-size:24px}.glass,.btn-glass,.gallery-item,.upload-zone{-webkit-backdrop-filter:blur(10px)}.glass:after,.btn-primary:after,.btn-glass:after{display:none}.glass:hover,.btn-primary:hover,.btn-glass:hover,.gallery-item:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}