:root{background:var(--bg-gradient-1),var(--bg-gradient-2),var(--bg-gradient-base);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0f0f23;--bg-alt: #16213e;--surface: #1a1a2e;--surface-border: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted-text: rgba(255, 255, 255, .64);--primary: #8b5cf6;--primary-2: #a855f7;--ring: 0 0 0 3px rgba(139, 92, 246, .15);--glow: 0 8px 32px rgba(139, 92, 246, .18);--error: #f87171;--overlay: rgba(0, 0, 0, .7);--bg-gradient-1: radial-gradient(1200px 800px at 20% -10%, rgba(168, 85, 247, .16), transparent 40%);--bg-gradient-2: radial-gradient(1000px 700px at 80% 110%, rgba(139, 92, 246, .12), transparent 40%);--bg-gradient-base: linear-gradient(180deg, var(--bg), var(--bg-alt));--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left)}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-2)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg-gradient-1),var(--bg-gradient-2),var(--bg-gradient-base);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}h1{font-size:clamp(24px,4vw,48px);line-height:1.1}button{border-radius:var(--radius-sm);border:1px solid var(--surface-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface);color:var(--text);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .06s ease}button:hover{border-color:var(--primary);box-shadow:var(--ring)}button:active{transform:translateY(1px)}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hover-ring:hover{box-shadow:var(--ring)}.glow{box-shadow:var(--glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease both}.slide-up{animation:slideUp .35s ease both}#root{max-width:1200px;margin:0 auto;padding:24px}@media (max-width: 640px){#root{padding:16px;max-width:100%}}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:16px}.title{margin:0;text-align:center}.clickable-title{cursor:pointer;transition:color .2s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.clickable-title:hover{color:var(--primary);opacity:.8}.clickable-title:active{opacity:.6}.text-error{color:var(--error)}.back-btn{justify-self:start;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text);cursor:pointer}.back-btn:hover{border-color:var(--primary);box-shadow:var(--ring)}.folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (min-width: 1024px){.folders{grid-template-columns:repeat(6,minmax(0,1fr))}}.folder-card{display:grid;grid-template-rows:1fr auto auto;place-items:center;padding:16px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;transition:box-shadow .2s ease,transform .06s ease,border-color .2s ease;min-height:140px}.folder-card:hover{border-color:var(--primary);box-shadow:var(--glow)}.folder-card:active{transform:translateY(1px)}.folder-icon{font-size:48px}.folder-title{font-weight:600;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.folder-meta{color:var(--muted-text);font-size:12px}@media (max-width: 640px){.folder-icon{font-size:40px}.folder-card{padding:12px;min-height:120px}}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}}.thumb{width:100%;height:160px;object-fit:cover;border-radius:10px;border:1px solid var(--surface-border)}@media (max-width: 640px){.thumb{height:140px;border-radius:8px}}@media (min-width: 1024px){.thumb{height:240px}}.thumb:hover{box-shadow:var(--ring)}.list-fade-in>*{animation:fadeIn .3s ease both}.list-slide-up>*{animation:slideUp .35s ease both}.list-stagger>*{animation-delay:calc(var(--i, 0) * 40ms)}.lightbox-overlay{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;z-index:50}.lightbox-content{position:relative;max-width:100vw;max-height:96vh}.lightbox-image{max-width:100vw;max-height:80vh;border-radius:12px;border:1px solid var(--surface-border);object-fit:contain}.lightbox-close{position:absolute;top:-8px;right:-8px;width:40px;height:40px;border-radius:18px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lightbox-close:hover{border-color:var(--primary);box-shadow:var(--ring)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:56px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lightbox-nav:hover{border-color:var(--primary);box-shadow:var(--ring)}.lightbox-nav.prev{left:-48px}.lightbox-nav.next{right:-48px}.lightbox-counter{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);color:var(--muted-text)}@media (max-width: 640px){.lightbox-nav.prev{left:1px}.lightbox-nav.next{right:1px}.lightbox-counter{bottom:-20px;font-size:12px}}