:root{color:#fff;background:#151515;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,a{border:0;color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}.vision-stage{position:relative;width:100vw;height:100vh;isolation:isolate;overflow:hidden;background:#12110f}.room-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.03) brightness(.72);opacity:1;z-index:-3}.room-backdrop-enter{animation:backdropFadeIn .82s ease both}.room-backdrop-exit{z-index:-4;animation:backdropFadeOut .9s ease both}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}.ambient-shadow{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.13),transparent 24%),linear-gradient(180deg,#0000007a,#0000000f 36%,#000000bd)}.library-shell{position:fixed;top:48%;left:50%;width:min(70vw,910px);max-height:min(72vh,640px);min-height:clamp(260px,44vh,594px);padding:clamp(28px,3.4vw,46px);overflow:auto;transform:translate(-50%,-50%);border-radius:30px;border:1px solid rgba(255,255,255,.26);background:#40382c5c;backdrop-filter:blur(22px) saturate(132%);box-shadow:0 30px 70px #0000006b,inset 0 1px #ffffff2e;z-index:2;contain:layout paint;scrollbar-color:transparent transparent}.library-shell::-webkit-scrollbar{width:0;height:0}.library-shell::-webkit-scrollbar-track,.library-shell::-webkit-scrollbar-thumb{background:transparent}.library-shell[data-view=photos]{width:min(86vw,124.8vh,1280px);height:auto;max-height:none;min-height:auto;aspect-ratio:16 / 10;padding:clamp(9px,1.1vw,15px)}.library-shell[data-view=photos] .photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.library-shell[data-view=photos] .photo-grid::-webkit-scrollbar{width:0;height:0}.view-panel{animation:viewFade .22s ease both}@keyframes viewFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.folder-grid{display:grid;position:relative;z-index:1}.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-grid{position:relative;z-index:1}.photo-column{display:flex;min-width:0;flex-direction:column;gap:8px}.folder-card{position:relative;min-height:156px;padding:22px 24px;overflow:hidden;border-radius:18px;text-align:left;background:linear-gradient(135deg,#ffffff2e,#ffffff0d),#1c1c1a75;box-shadow:0 16px 32px #00000047,inset 0 0 0 1px #ffffff2e;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.folder-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 22px 42px #0000005c,inset 0 0 0 1px #ffffff57}.folder-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.76) saturate(1.08)}.folder-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000001f,#0000006b)}.folder-card strong,.folder-card small{position:relative;z-index:1;display:block}.folder-card strong{font-size:17px;font-weight:680}.folder-card small{margin-top:8px;color:#ffffffb8;font-size:12px;font-weight:560}.folder-empty{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff47;background:linear-gradient(135deg,#69707047,#3a302433),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 12px)}.location-grid .folder-card{min-height:170px}.photo-card{display:block;width:100%;margin:0;overflow:hidden;border-radius:8px;background:#ffffff14;cursor:zoom-in}.photo-card img{display:block;width:100%;height:100%;object-fit:contain}.empty-state{grid-column:1 / -1;display:grid;place-items:center;gap:14px;min-height:360px;color:#ffffffc2;text-align:center;border-radius:20px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f}.back-button{position:fixed;top:22px;left:22px;z-index:1000;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#24221fbd;box-shadow:0 10px 24px #00000047,inset 0 0 0 1px #ffffff38}.background-switch-button{position:fixed;top:72px;left:22px;z-index:1000;display:grid;place-items:center;width:38px;min-height:116px;padding:14px 0;border-radius:999px;background:#24221fbd;color:#ffffffdb;font-size:13px;font-weight:680;line-height:1.08;text-align:center;writing-mode:vertical-rl;letter-spacing:0;box-shadow:0 10px 24px #00000047,inset 0 0 0 1px #ffffff38;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.background-switch-button:hover{background:#302d28d1;box-shadow:0 12px 28px #00000052,inset 0 0 0 1px #ffffff4d}.background-switch-button:active{transform:translateY(1px) scale(.98)}.title-glass{display:flex;align-items:center;gap:12px;white-space:nowrap}.title-glass span{display:block;font-size:17px;font-weight:650}.title-glass small{display:block;margin-top:2px;color:#ffffffb8;font-size:11px;font-weight:520}.title-glass-single{min-width:160px;justify-content:center;text-align:center}.segmented-dock{display:flex;align-items:center;gap:10px;isolation:isolate}.segmented-dock button,.segmented-dock a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:72px;height:30px;padding:0 12px;border-radius:24px;background:transparent;color:#ffffffd1;font-size:11px;font-weight:650;box-shadow:inset 0 0 0 1px transparent;transition:background .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease}.segmented-dock button.active,.segmented-dock a:hover,.segmented-dock button:hover:not(:disabled){background:transparent;box-shadow:inset 0 0 0 1px #ffffff42,inset 0 1px #ffffff47;color:#fff}.segmented-dock button:disabled{cursor:default;opacity:.45}.fullscreen-viewer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#000000e0;cursor:zoom-out}.fullscreen-viewer img{max-width:min(92vw,1440px);max-height:88vh;object-fit:contain}.viewer-close,.viewer-nav,.viewer-count{position:fixed;z-index:31;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff2e}.viewer-close{top:24px;right:24px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%}.viewer-nav{top:50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;transform:translateY(-50%)}.viewer-prev{left:28px}.viewer-next{right:28px;transform:translateY(-50%) rotate(180deg)}.viewer-nav:disabled{cursor:default;opacity:.28}.viewer-count{bottom:24px;left:50%;padding:8px 14px;border-radius:18px;color:#ffffffdb;font-size:13px;transform:translate(-50%)}.relative{position:relative}.bg-black{background:#000}.text-white{color:#fff}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.mix-blend-overlay{mix-blend-mode:overlay}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.transition-all{transition-property:all}.duration-150{transition-duration:.15s}.ease-in-out{transition-timing-function:ease-in-out}@media (max-width: 860px){.library-shell{width:84vw;min-height:62vh;padding:28px}.library-shell[data-view=photos]{width:min(90vw,121.6vh);height:auto;padding:11px}.library-shell[data-view=photos] .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:100%}.folder-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.library-shell{width:88vw;top:47%}.library-shell[data-view=photos]{width:min(92vw,118.4vh);height:auto;padding:9px}.library-shell[data-view=photos] .photo-grid{grid-template-columns:1fr;max-height:100%}.folder-grid,.photo-grid{grid-template-columns:1fr;max-height:58vh;overflow:auto}.folder-card{min-height:132px}.segmented-dock button,.segmented-dock a{min-width:auto;padding:0 12px}}