@import "https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;900&display=swap";:root{--glass-ultra:#ffffff14;--glass-medium:#ffffff1f;--glass-heavy:#ffffff2e;--glass-border:#fff3;--glass-border-bright:#ffffff59;--glass-shine:#ffffff80;--specular-top:#ffffff73;--specular-mid:#ffffff1f;--bg-dark:#0a0a10;--bg-card:#13131a;--primary:#d4af37;--primary-glow:#d4af3799;--accent-blue:#64b4ffcc;--accent-violet:#b478ffcc;--text-main:#f5f5f7;--text-muted:#ffffff80;--border-gold:#d4af3740;--blur-xs:blur(8px);--blur-sm:blur(16px);--blur-md:blur(24px);--blur-lg:blur(40px);--blur-xl:blur(60px);--r-card:28px;--r-btn:22px;--r-pill:50px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-main);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none;min-height:100vh;font-family:Inter,-apple-system,SF Pro Display,sans-serif;overflow-x:hidden}img{-webkit-user-drag:none}.app-wrapper{background:var(--bg-dark);width:100%;min-height:100vh;position:relative}.app-wrapper:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 20% 10%,#6450dc26,#0000 60%),radial-gradient(60% 50% at 80% 20%,#3296dc1f,#0000 60%),radial-gradient(70% 70% at 50% 80%,#d4af3714,#0000 60%);animation:18s ease-in-out infinite alternate auroraShift;position:fixed;inset:0}@keyframes auroraShift{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.luxury-text{opacity:0;transform-origin:50%;animation:2.5s ease-out forwards luxuryFadeIn}.shimmer-sweep{animation:4s ease-in-out 2s infinite shimmerSweep}@keyframes luxuryFadeIn{to{opacity:1;transform:scale(1)}}@keyframes shimmerSweep{0%{transform:skew(-20deg)translate(-50px)}40%{transform:skew(-20deg)translate(350px)}to{transform:skew(-20deg)translate(350px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.glass-base{background:var(--glass-ultra);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border)}.header-glass{z-index:90;padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top));-webkit-backdrop-filter:var(--blur-lg);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--specular-top), 0 1px 0 #0000004d, 0 8px 32px #0000004d;background:#0a0a108c;position:fixed;top:0;left:0;right:0}.icon-btn{background:var(--glass-medium);-webkit-backdrop-filter:var(--blur-sm);color:#fff;border:1px solid var(--glass-border-bright);cursor:pointer;width:44px;height:44px;box-shadow:inset 0 1px 0 var(--specular-top), 0 4px 12px #0003;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex}.icon-btn:active{background:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:scale(.88)}.matrix-container{z-index:1;padding-top:90px;padding-bottom:130px;position:relative}.category-group{margin-bottom:48px}.category-title{color:var(--text-muted);letter-spacing:5px;text-transform:uppercase;justify-content:center;align-items:center;margin-bottom:16px;padding:0 20px;font-size:.8rem;font-weight:500;display:flex}.category-title-word{opacity:0;filter:blur(6px);transition:opacity .7s ease-out,transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease-out;display:inline-block;transform:translateY(16px)}.category-group.in-view .category-title-word{opacity:1;filter:blur();transform:translateY(0)}.category-highlight{color:var(--primary);letter-spacing:6px;text-shadow:0 0 12px var(--primary-glow);font-weight:700}.category-count{color:#ffffff4d;letter-spacing:1px;font-size:.65rem}.horizontal-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:16px;padding:10px 20px 28px;display:flex;overflow-x:auto}.snap-scroll{scroll-snap-type:x mandatory}.horizontal-scroll::-webkit-scrollbar{display:none}.scroll-spacer{flex-shrink:0;min-width:8px}.feed-item-wrapper{border-radius:var(--r-card);scroll-snap-align:center;cursor:pointer;will-change:transform;flex:none;width:280px;height:400px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:relative}.feed-item-wrapper:active{transform:scale(.96)}.feed-item-wrapper .photo-inner{border-radius:var(--r-card);background:var(--bg-card);border:1px solid var(--glass-border);width:100%;height:100%;box-shadow:inset 0 1px 0 var(--specular-top), inset 0 -1px 0 #0000004d, 0 8px 32px #0006, 0 24px 64px #0000004d;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.feed-item-wrapper .photo-inner:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(160deg,#ffffff1a 0%,#ffffff08 30%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.feed-item-wrapper.selected .photo-inner{border:1px solid #d4af3780;box-shadow:inset 0 1px #ffdc5099,0 0 0 1px #d4af374d,0 0 40px #d4af3759,0 24px 64px #0006}.feed-item-wrapper .photo-inner img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .3s;display:block}.feed-item-wrapper.selected .photo-inner img{opacity:.88;transform:scale(1.04)}.led-border-svg{pointer-events:none;z-index:5;border-radius:var(--r-card);width:100%;height:100%;position:absolute;inset:0}.led-border-svg rect{fill:none;stroke:var(--primary);stroke-width:1.5px;stroke-dasharray:160 1500;filter:drop-shadow(0 0 6px #d4af37e6);animation:4s linear infinite traceBorder}@keyframes traceBorder{0%{stroke-dashoffset:1660px}to{stroke-dashoffset:0}}.animated-check-box{width:34px;height:34px;-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border-bright);z-index:20;cursor:pointer;box-shadow:inset 0 1px 0 var(--specular-top), 0 4px 12px #0000004d;background:#0a0a1473;border-radius:50%;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:14px;right:14px}.feed-item-wrapper.selected .animated-check-box{background:var(--primary);box-shadow:0 0 18px var(--primary-glow), inset 0 1px 0 #fff6;border-color:#ffdc50cc;transform:scale(1.08)}.check-path{stroke-dasharray:50;stroke-dashoffset:50px;transition:stroke-dashoffset .45s cubic-bezier(.4,0,.2,1) 80ms}.feed-item-wrapper.selected .check-path{stroke-dashoffset:0}.sonar-ripple{border:1.5px solid var(--primary);opacity:0;pointer-events:none;z-index:19;border-radius:50%;width:34px;height:34px;position:absolute;top:14px;right:14px}.feed-item-wrapper.selected .sonar-ripple{animation:.7s ease-out sonarPulse}@keyframes sonarPulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.card-actions{border-radius:0 0 var(--r-card) var(--r-card);z-index:10;background:linear-gradient(#0000 0%,#000000b3 100%);padding:12px;position:absolute;bottom:0;left:0;right:0}.feed-select-btn{border-radius:var(--r-btn);letter-spacing:1.5px;text-transform:uppercase;width:100%;-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border-bright);color:#fff;box-shadow:inset 0 1px 0 var(--specular-top);cursor:pointer;background:#ffffff1f;padding:11px 0;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1)}.feed-select-btn:active{transform:scale(.95)}.feed-select-btn.active{background:var(--primary);color:#000;box-shadow:0 4px 20px var(--primary-glow), inset 0 1px 0 #fff6;border-color:#ffdc50b3}.zoom-modal{-webkit-backdrop-filter:var(--blur-xl);z-index:9999;background:#05050aeb;flex-direction:column;animation:.28s cubic-bezier(.2,.8,.2,1) fadeInUp;display:flex;position:fixed;inset:0}.zoom-header{padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));-webkit-backdrop-filter:var(--blur-sm);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--specular-top);background:#ffffff0d;justify-content:space-between;align-items:center;display:flex}.zoom-info{letter-spacing:2px;color:var(--text-muted);font-size:.85rem;font-weight:500}.zoom-body{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.zoom-image{object-fit:contain;border-radius:12px;max-width:100%;max-height:75vh}.nav-btn{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border-bright);box-shadow:inset 0 1px 0 var(--specular-top), 0 4px 16px #0000004d;color:#fff;z-index:10;cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn.prev{left:12px}.nav-btn.next{right:12px}.nav-btn:active{background:var(--primary);transform:translateY(-50%)scale(.88)}.zoom-footer{padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000000d9);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.note-input{width:100%;max-width:500px;-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);color:#fff;resize:none;background:#ffffff14;border-radius:16px;outline:none;height:72px;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff0d}.note-input:focus{border-color:#d4af3780;box-shadow:0 0 20px #d4af3726,inset 0 1px #ffffff14}.zoom-select-btn{border-radius:var(--r-pill);letter-spacing:1px;-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border-bright);color:#fff;box-shadow:inset 0 1px 0 var(--specular-top), 0 8px 24px #0000004d;cursor:pointer;background:#ffffff1f;justify-content:center;align-items:center;gap:10px;width:100%;max-width:500px;padding:16px 32px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.zoom-select-btn:active{transform:scale(.96)}.zoom-select-btn.active{background:var(--primary);color:#000;box-shadow:0 0 40px var(--primary-glow), inset 0 1px 0 #fff6;border-color:#ffdc5099}.sticky-footer{-webkit-backdrop-filter:var(--blur-lg);border-top:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-border), 0 -8px 32px #0000004d;padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:100;background:#05050aa6;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.selected-count{color:var(--text-muted);letter-spacing:1px;font-size:.85rem}.selected-count strong{color:#fff;text-shadow:0 0 14px var(--primary-glow);margin-left:6px;font-size:1.6rem;font-weight:700}.btn-done{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:#000;border-radius:var(--r-pill);letter-spacing:.5px;cursor:pointer;background:#ffffffeb;border:none;padding:13px 28px;font-size:.9rem;font-weight:700;transition:all .25s;box-shadow:inset 0 1px #fff,0 4px 16px #0003}.btn-done:active{transform:scale(.94)}.login-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;max-width:480px;min-height:100vh;margin:0 auto;padding:40px 24px;display:flex;position:relative}.login-glass{-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--glass-border-bright);width:100%;box-shadow:inset 0 2px 0 var(--specular-top), inset 0 -1px 0 #0003, inset 1px 0 0 #ffffff1a, inset -1px 0 0 #ffffff0d, 0 40px 80px #00000080, 0 0 0 1px #0000001a;background:linear-gradient(135deg,#ffffff24 0%,#ffffff0f 50%,#ffffff1a 100%);border-radius:36px;flex-direction:column;align-items:center;padding:50px 36px;display:flex;position:relative;overflow:hidden}.login-glass:before{content:"";z-index:0;pointer-events:none;background:conic-gradient(#6450dc14,#3296ff0f,#d4af370f,#ff64960d,#6450dc14);width:220%;height:220%;animation:20s linear infinite iridescent;position:absolute;top:-60%;left:-60%}@keyframes iridescent{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-container{z-index:1;width:240px;height:120px;margin-bottom:20px;position:relative}.logo-img{object-fit:contain;filter:drop-shadow(0 0 16px #d4af3780);width:100%;height:100%;animation:4s ease-in-out infinite float}.session-form{z-index:1;flex-direction:column;gap:16px;width:100%;display:flex}.input-field{border:1px solid var(--glass-border-bright);width:100%;-webkit-backdrop-filter:var(--blur-sm);color:#fff;text-align:center;z-index:1;background:#ffffff12;border-radius:18px;outline:none;padding:16px 20px;font-size:1.1rem;transition:all .3s;position:relative;box-shadow:inset 0 1px #ffffff14}.input-field:focus{border-color:#d4af3799;box-shadow:0 0 24px #d4af3733,inset 0 1px #ffffff1f}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #c4952a 100%);color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;z-index:1;border:none;border-radius:18px;padding:18px;font-size:1rem;font-weight:700;transition:all .3s;position:relative;box-shadow:0 8px 28px #d4af3766,inset 0 1px #ffffff4d}.btn-primary:active{transform:scale(.96)}.btn-primary:disabled{opacity:.6}.container{z-index:1;max-width:600px;margin:0 auto;padding:24px;animation:.5s cubic-bezier(.2,.8,.2,1) forwards fadeInUp;position:relative}.result-list{background:var(--glass-ultra);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);max-height:55vh;box-shadow:inset 0 1px 0 var(--specular-top);border-radius:24px;margin-top:20px;padding:20px;font-family:SF Mono,Fira Code,monospace;overflow-y:auto}.result-item{border-bottom:1px solid #ffffff0d;margin-bottom:10px;padding-bottom:8px;font-size:.95rem}.intro-container{z-index:200;background:#000;position:fixed;inset:0;overflow:hidden}.intro-slideshow{display:flex;position:absolute;inset:0}.intro-slide{opacity:0;animation:10s ease-in-out infinite introFade;position:absolute;inset:0}.intro-slide img{object-fit:cover;filter:brightness(.5)saturate(1.2);width:100%;height:100%}@keyframes introFade{0%,to{opacity:0}10%,40%{opacity:1}50%{opacity:0}}.intro-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro-title{letter-spacing:20px;color:var(--primary);text-shadow:0 0 40px var(--primary-glow);font-size:4rem;font-weight:700;animation:1s ease-out forwards fadeInUp}.intro-subtitle{letter-spacing:8px;color:#fff9;text-transform:uppercase;margin-top:10px;font-size:.9rem;animation:1s ease-out .3s both fadeInUp}.magnetic-btn{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.category-group+.category-group{border-top:1px solid #ffffff0a;padding-top:16px}