:root{--bg-primary: #111114;--bg-secondary: #1a1a1f;--bg-card: #222228;--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-muted: #52525b;--accent: #818cf8;--accent-hover: #6366f1;--border: rgba(255, 255, 255, .06);--grid-gap: 3px;--radius-sm: 4px;--radius-md: 12px;--radius-lg: 20px;--toolbar-height: 60px;--header-height: 54px;--header-bg: rgba(17, 17, 20, .88);--header-accent: transparent;--title-color: var(--text-primary);--grid-glow: transparent;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=wedding]{--bg-primary: #13100d;--bg-secondary: #1c1814;--bg-card: #28231d;--accent: #d4a574;--accent-hover: #c4955a;--border: rgba(212, 165, 116, .12);--header-bg: rgba(19, 16, 13, .92);--header-accent: #d4a574;--title-color: #d4a574;--grid-glow: rgba(212, 165, 116, .06)}[data-theme=birthday]{--bg-primary: #0d0b14;--bg-secondary: #161428;--bg-card: #1e1c38;--accent: #f472b6;--accent-hover: #ec4899;--border: rgba(244, 114, 182, .12);--header-bg: rgba(13, 11, 20, .92);--header-accent: #f472b6;--title-color: #f472b6;--grid-glow: rgba(244, 114, 182, .06)}[data-theme=summer]{--bg-primary: #100e08;--bg-secondary: #1a1710;--bg-card: #23201a;--accent: #fbbf24;--accent-hover: #f59e0b;--border: rgba(251, 191, 36, .12);--header-bg: rgba(16, 14, 8, .92);--header-accent: #fbbf24;--title-color: #fbbf24;--grid-glow: rgba(251, 191, 36, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.4;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;min-height:100dvh}img{display:block;max-width:100%}a{color:var(--accent);text-decoration:none}button{font-family:inherit;font-size:inherit;border:none;background:none;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.app-header{position:sticky;top:0;z-index:100;height:var(--header-height);padding-top:var(--safe-area-top);background:var(--header-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);display:flex;align-items:center;padding-left:16px;padding-right:16px;border-bottom:2px solid var(--header-accent, var(--border))}.app-header h1{font-size:17px;color:var(--title-color);font-weight:600;letter-spacing:-.01em;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);padding:var(--grid-gap)}.photo-grid-item{position:relative;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;background:var(--bg-secondary);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--grid-glow)}.photo-grid-item img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .2s ease}.photo-grid-item img.loading{opacity:0}.photo-grid-item img.loaded{opacity:1}.photo-grid-item:active img{transform:scale(.97);opacity:.85}.photo-grid-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--bg-secondary) 30%,#1f1f1f 50%,var(--bg-secondary) 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:inherit}.photo-grid-item.loaded:before{display:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:600px){.photo-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:4px}}@media(min-width:1024px){.photo-grid{grid-template-columns:repeat(5,1fr);max-width:1000px;margin:0 auto}}.lightbox{position:fixed;inset:0;background:var(--bg-primary);z-index:200;display:flex;flex-direction:column}.lightbox-header{height:var(--header-height);padding-top:var(--safe-area-top);display:flex;align-items:center;padding-left:4px;padding-right:16px;flex-shrink:0;border-bottom:1px solid var(--border)}.lightbox-header .back-btn{display:flex;align-items:center;gap:2px;padding:8px 12px;font-size:16px;font-weight:500;color:var(--accent);border-radius:var(--radius-md);transition:background .15s ease}.lightbox-header .back-btn:active{background:#ffffff0f}.lightbox-header .back-btn svg{width:22px;height:22px;stroke:var(--accent);stroke-width:2.5;fill:none}.lightbox-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.lightbox-body img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.lightbox-toolbar{height:var(--toolbar-height);padding-bottom:var(--safe-area-bottom);display:flex;align-items:center;justify-content:space-evenly;border-top:1px solid var(--border);background:var(--header-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);flex-shrink:0}.lightbox-toolbar .toolbar-btn{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-primary);font-size:10px;font-weight:500;letter-spacing:.02em;padding:6px 20px;border-radius:var(--radius-md);transition:background .15s ease,opacity .15s ease}.lightbox-toolbar .toolbar-btn:active{opacity:.5}.lightbox-toolbar .toolbar-btn svg{width:22px;height:22px;stroke:var(--text-primary);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.toast{position:fixed;bottom:calc(var(--toolbar-height) + var(--safe-area-bottom) + 20px);left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:10px 24px;border-radius:100px;font-size:14px;font-weight:500;z-index:300;box-shadow:0 4px 20px #00000080;animation:toast-in .25s ease,toast-out .25s ease 1.7s forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.spinner{width:28px;height:28px;border:2.5px solid rgba(255,255,255,.1);border-top-color:var(--text-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:16px;color:var(--text-secondary);font-size:14px}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:12px;padding:24px;text-align:center}.error-screen h1{font-size:18px;color:#ef4444}.error-screen p{color:var(--text-secondary);font-size:14px;max-width:280px;line-height:1.5}.context-overlay{position:fixed;inset:0;background:#00000080;z-index:500;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.context-menu{width:100%;max-width:400px;padding:0 8px calc(var(--safe-area-bottom) + 8px);animation:slide-up .25s ease}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.context-menu-actions{background:#2c2c2eeb;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:14px;overflow:hidden}.context-menu-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:17px;color:var(--text-primary);text-align:left;transition:background .1s ease}.context-menu-btn:active{background:#ffffff14}.context-menu-btn+.context-menu-btn{border-top:1px solid rgba(255,255,255,.08)}.context-menu-btn svg{width:22px;height:22px;stroke:var(--accent);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.context-menu-cancel{display:block;width:100%;margin-top:8px;padding:14px;font-size:17px;font-weight:600;color:var(--accent);background:#2c2c2eeb;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:14px;text-align:center}.app-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 16px calc(var(--safe-area-bottom) + 24px);font-size:13px;color:var(--text-muted)}.app-footer a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.app-footer a:hover{color:var(--text-secondary)}.footer-dot{opacity:.5}.adm{--adm-teal: #14b8a6;--adm-teal-dark: #0d9488;--adm-teal-light: #5eead4;--adm-teal-glow: rgba(20, 184, 166, .15);--adm-teal-border: rgba(45, 212, 191, .2);--adm-bg: #0f172a;--adm-bg2: #1e293b;--adm-bg3: #334155;--adm-text: #f1f5f9;--adm-text2: #94a3b8;--adm-text3: #64748b;--adm-danger: #ef4444;--adm-danger-bg: rgba(239, 68, 68, .1);--adm-radius: 16px;--adm-sidebar-w: 260px;--adm-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--adm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);min-height:100vh;min-height:100dvh;background:var(--adm-bg);color:var(--adm-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.adm-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(circle at top center,#1e293b,#0f172a)}.adm-center-text{color:var(--adm-text2);margin-top:16px;font-weight:500}.adm-spinner{width:40px;height:40px;border:3px solid var(--adm-bg3);border-top-color:var(--adm-teal);border-radius:50%;animation:adm-spin .8s linear infinite}@keyframes adm-spin{to{transform:rotate(360deg)}}.adm-auth-card{width:100%;max-width:420px;background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--adm-teal-border);border-radius:24px;padding:40px;text-align:center;box-shadow:var(--adm-shadow-lg)}.adm-auth-card h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.adm-auth-icon{width:56px;height:56px;margin:0 auto 20px;color:var(--adm-teal);filter:drop-shadow(0 0 12px var(--adm-teal-glow))}.adm-auth-icon svg{width:100%;height:100%}.adm-auth-sub{font-size:15px;color:var(--adm-text2);line-height:1.6;margin-bottom:32px}.adm-input{display:block;width:100%;padding:14px 18px;font-size:16px;color:var(--adm-text);background:var(--adm-bg);border:1px solid var(--adm-bg3);border-radius:12px;outline:none;margin-bottom:16px;transition:all .2s}.adm-input:focus{border-color:var(--adm-teal);box-shadow:0 0 0 4px var(--adm-teal-glow);background:var(--adm-bg2)}.adm-input::placeholder{color:var(--adm-text3)}.adm-error{background:var(--adm-danger-bg);border:1px solid rgba(239,68,68,.25);color:#fca5a5;border-radius:12px;padding:12px 16px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.adm-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--adm-teal),var(--adm-teal-dark));border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #14b8a64d}.adm-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #14b8a666}.adm-btn-primary:active{transform:translateY(0)}.adm-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.adm-btn-full{width:100%}.adm-btn-sm{padding:10px 16px;font-size:13px;border-radius:10px}.adm-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--adm-text2);background:transparent;border:1px solid var(--adm-bg3);border-radius:10px;cursor:pointer;transition:all .2s}.adm-btn-ghost:hover{background:var(--adm-bg3);color:var(--adm-text);border-color:var(--adm-text3)}.adm-btn-xs{padding:6px 12px;font-size:12px}.adm-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.adm-dash{display:flex}.adm-sidebar{position:fixed;top:0;left:0;width:var(--adm-sidebar-w);height:100vh;background:var(--adm-bg2);border-right:1px solid var(--adm-bg3);display:flex;flex-direction:column;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1)}.adm-sidebar-brand{display:flex;align-items:center;gap:12px;padding:24px;font-size:18px;font-weight:700;letter-spacing:-.5px}.adm-logo{font-size:24px}.adm-nav{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:4px}.adm-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--adm-text2);border-radius:12px;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:all .2s}.adm-nav-item:hover{background:var(--adm-bg3);color:var(--adm-text)}.adm-nav-item.active{background:var(--adm-teal-glow);color:var(--adm-teal-light);font-weight:600}.adm-nav-item svg{width:20px;height:20px;opacity:.8}.adm-nav-item.active svg{opacity:1}.adm-badge{margin-left:auto;background:var(--adm-bg3);color:var(--adm-text);padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600}.adm-nav-item.active .adm-badge{background:#14b8a633;color:var(--adm-teal-light)}.adm-sidebar-footer{padding:16px;border-top:1px solid var(--adm-bg3)}.adm-main{margin-left:var(--adm-sidebar-w);flex:1;min-height:100vh}.adm-topbar{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--adm-bg3)}.adm-topbar h1{font-size:24px;font-weight:700;letter-spacing:-.5px;flex:1}.adm-menu-btn{display:none;background:none;border:none;color:var(--adm-text);padding:4px}.adm-menu-btn svg{width:24px;height:24px}.adm-content{padding:32px;max-width:1400px;margin:0 auto}.adm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.adm-stat{background:linear-gradient(145deg,var(--adm-bg2),rgba(30,41,59,.4));border:1px solid var(--adm-bg3);border-radius:var(--adm-radius);padding:24px;display:flex;align-items:center;gap:20px;transition:transform .2s}.adm-stat:hover{transform:translateY(-4px);border-color:var(--adm-text3)}.adm-stat svg{width:32px;height:32px;color:var(--adm-teal);opacity:.9}.adm-stat strong{display:block;font-size:28px;font-weight:700;line-height:1.1}.adm-stat span{font-size:13px;color:var(--adm-text2);margin-top:4px;display:block;font-weight:500}.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.adm-card{background:var(--adm-bg2);border:1px solid var(--adm-bg3);border-radius:var(--adm-radius);padding:24px;position:relative;overflow:hidden;transition:all .2s ease-out;display:flex;flex-direction:column}.adm-card:hover{transform:translateY(-2px);box-shadow:var(--adm-shadow-lg);border-color:var(--adm-text3)}.adm-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.adm-card-emoji{font-size:32px;line-height:1}.adm-card-badge{padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.adm-card h3{font-size:18px;font-weight:600;margin-bottom:4px;color:#fff}.adm-card-count{font-size:14px;color:var(--adm-text2);margin-bottom:16px}.adm-card-id{display:inline-block;padding:4px 8px;background:var(--adm-bg);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--adm-text3);margin-bottom:20px}.adm-card-actions{margin-top:auto;display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--adm-bg3)}.adm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center;border:2px dashed var(--adm-bg3);border-radius:24px}.adm-empty-icon svg{width:64px;height:64px;color:var(--adm-text3);margin-bottom:8px}.adm-empty h2{font-size:20px;font-weight:600}.adm-empty p{color:var(--adm-text2);max-width:300px;margin-bottom:8px}.adm-key-list{display:flex;flex-direction:column;gap:12px}.adm-key-row{background:var(--adm-bg2);border:1px solid var(--adm-bg3);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}.adm-key-row:hover{border-color:var(--adm-text3)}.adm-key-info{display:flex;align-items:center;gap:16px}.adm-key-info span{font-size:24px}.adm-key-info strong{display:block;font-size:16px;margin-bottom:2px}.adm-key-info code{font-size:11px;color:var(--adm-text3);font-family:monospace}.adm-key-btns{display:flex;gap:8px}.adm-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.adm-settings-card{background:var(--adm-bg2);border:1px solid var(--adm-bg3);border-radius:var(--adm-radius);padding:28px}.adm-settings-card h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin-bottom:16px;color:var(--adm-teal-light)}.adm-settings-card ul{padding-left:0;list-style:none}.adm-settings-card li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;color:var(--adm-text2)}.adm-settings-card li:before{content:"•";position:absolute;left:0;color:var(--adm-teal);font-weight:700}.adm-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.adm-modal{background:var(--adm-bg2);border:1px solid var(--adm-bg3);border-radius:20px;padding:32px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000080;animation:adm-slide .3s cubic-bezier(.16,1,.3,1)}@keyframes adm-slide{0%{opacity:0;transform:translateY(20px) scale(.96)}}.adm-modal-wide{max-width:560px}.adm-label{display:block;margin-bottom:20px;font-size:14px;color:var(--adm-text2);font-weight:500}.adm-optional{font-weight:400;color:var(--adm-text3);font-size:13px}.adm-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.adm-theme-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid var(--adm-bg3);background:var(--adm-bg);border-radius:12px;cursor:pointer;color:var(--adm-text2);transition:all .2s}.adm-theme-btn:hover{background:var(--adm-bg3)}.adm-theme-btn.active{border-color:var(--tc);background:#ffffff0d;color:#fff}.adm-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.adm-key-field{margin-bottom:16px}.adm-key-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--adm-text2);text-transform:uppercase;letter-spacing:.5px}.adm-key-val{background:#000;border:1px solid var(--adm-bg3);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:12px}.adm-key-val code{flex:1;color:var(--adm-teal-light);font-size:12px;font-family:monospace;word-break:break-all}.adm-key-val button{color:var(--adm-text2);background:none;border:none;cursor:pointer;padding:4px;transition:color .15s}.adm-key-val button:hover{color:#fff}.adm-key-val button svg{width:16px;height:16px}.adm-qr-wrap{display:flex;justify-content:center;margin-bottom:24px;padding:16px;background:#fff;border-radius:16px;display:inline-block;margin-left:auto;margin-right:auto}.adm-qr{width:160px;height:160px;display:block}.adm-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--adm-teal);color:#fff;padding:10px 24px;border-radius:100px;font-size:14px;font-weight:600;z-index:999;box-shadow:0 10px 30px #14b8a666;animation:adm-toast-in .3s cubic-bezier(.16,1,.3,1)}@keyframes adm-toast-in{0%{transform:translate(-50%) translateY(20px);opacity:0}}@media(max-width:768px){.adm-sidebar{transform:translate(-100%);width:280px;box-shadow:50px 0 #00000080}.adm-sidebar,.adm-sidebar-overlay{display:none}.adm-main{margin-left:0;padding-bottom:80px}.adm-menu-btn,.adm-bottom-nav{display:none}.adm-topbar{padding:16px;display:flex;align-items:center;gap:12px}.adm-topbar-brand{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--accent);margin-right:auto}.adm-topbar h1{display:none}.adm-content{padding:16px}.adm-qr-wrap{width:100%;display:flex}.adm-bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background:#111114d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:8px 16px;padding-bottom:max(8px,var(--safe-area-bottom));z-index:50;justify-content:space-around;align-items:center}.adm-bottom-nav button{background:none;border:none;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:4px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.adm-bottom-nav button svg{width:24px;height:24px;stroke-width:2}.adm-bottom-nav button.active{color:var(--accent);background:#6366f11a}}.upl{--upl-bg: #f8fafc;--upl-card: #ffffff;--upl-text: #1e293b;--upl-text2: #64748b;--upl-text3: #94a3b8;--upl-accent: #6366f1;--upl-accent2: #818cf8;--upl-accent-bg: rgba(99, 102, 241, .08);--upl-border: rgba(0, 0, 0, .08);--upl-radius: 16px;--upl-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--upl-shadow-lg: 0 10px 25px rgba(0, 0, 0, .08);--upl-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--upl-emoji: "📸";min-height:100vh;min-height:100dvh;background:var(--upl-bg);color:var(--upl-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.upl[data-theme=wedding]{--upl-bg: #fdf8f4;--upl-card: #ffffff;--upl-accent: #b8860b;--upl-accent2: #d4a574;--upl-accent-bg: rgba(184, 134, 11, .06);--upl-gradient: linear-gradient(135deg, #d4a574, #b8860b);--upl-emoji: "💍"}.upl[data-theme=birthday]{--upl-bg: #fdf2f8;--upl-card: #ffffff;--upl-accent: #ec4899;--upl-accent2: #f472b6;--upl-accent-bg: rgba(236, 72, 153, .06);--upl-gradient: linear-gradient(135deg, #f472b6, #ec4899);--upl-emoji: "🎂"}.upl[data-theme=summer]{--upl-bg: #fffbeb;--upl-card: #ffffff;--upl-accent: #d97706;--upl-accent2: #f59e0b;--upl-accent-bg: rgba(245, 158, 11, .06);--upl-gradient: linear-gradient(135deg, #fbbf24, #f59e0b);--upl-emoji: "☀️"}.upl-connect{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:32px 24px;text-align:center;background:linear-gradient(180deg,var(--upl-bg) 0%,#fff 100%)}.upl-logo{font-size:56px;margin-bottom:8px;animation:upl-bounce 2s ease-in-out infinite}@keyframes upl-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.upl-connect h1{font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--upl-text);margin-bottom:8px}.upl-sub{font-size:16px;color:var(--upl-text2);margin-bottom:32px;line-height:1.5}.upl-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.upl-label{text-align:left;font-size:13px;font-weight:600;color:var(--upl-text2);letter-spacing:.02em;display:flex;flex-direction:column;gap:6px}.upl-input{display:block;width:100%;padding:14px 18px;font-size:16px;color:var(--upl-text);background:var(--upl-card);border:2px solid var(--upl-border);border-radius:14px;outline:none;transition:all .2s;box-shadow:var(--upl-shadow)}.upl-input:focus{border-color:var(--upl-accent);box-shadow:0 0 0 4px var(--upl-accent-bg)}.upl-input::placeholder{color:var(--upl-text3)}.upl-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;font-size:17px;font-weight:700;color:#fff;background:var(--upl-gradient);border:none;border-radius:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #6366f14d;margin-top:8px}.upl-btn-primary:active{transform:scale(.97)}.upl-hint{margin-top:32px;font-size:13px;color:var(--upl-text3);line-height:1.5;max-width:300px}.upl-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:12px;padding:12px 16px;font-size:14px;width:100%;max-width:360px;text-align:center}.upl-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--upl-border)}.upl-header-info{display:flex;align-items:center;gap:12px}.upl-header-icon{font-size:28px}.upl-header-info strong{display:block;font-size:16px;font-weight:700;color:var(--upl-text)}.upl-header-count{display:block;font-size:13px;color:var(--upl-text2)}.upl-header-right{display:flex;align-items:center;gap:8px}.upl-btn-my{padding:8px 14px;font-size:13px;font-weight:600;color:var(--upl-accent);background:var(--upl-accent-bg);border:none;border-radius:10px;cursor:pointer;transition:all .15s}.upl-btn-my:active{transform:scale(.95)}.upl-btn-disconnect{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--upl-text3);background:none;border:none;border-radius:50%;cursor:pointer;transition:all .15s}.upl-btn-disconnect:active{background:var(--upl-border)}.upl-content{padding:16px;max-width:500px;margin:0 auto}.upl-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--upl-card);border:2px dashed var(--upl-border);border-radius:var(--upl-radius);cursor:pointer;transition:all .2s;box-shadow:var(--upl-shadow)}.upl-dropzone:active,.upl-dropzone.active{border-color:var(--upl-accent);background:var(--upl-accent-bg);transform:scale(.98)}.upl-dropzone-icon{width:56px;height:56px;color:var(--upl-accent);margin-bottom:16px}.upl-dropzone-icon svg{width:100%;height:100%}.upl-dropzone-text{font-size:16px;font-weight:600;color:var(--upl-text);margin-bottom:4px}.upl-dropzone-sub{font-size:13px;color:var(--upl-text3)}.upl-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.upl-btn-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;font-size:14px;font-weight:600;color:var(--upl-text);background:var(--upl-card);border:1px solid var(--upl-border);border-radius:var(--upl-radius);cursor:pointer;transition:all .2s;box-shadow:var(--upl-shadow)}.upl-btn-action svg{width:28px;height:28px;color:var(--upl-accent)}.upl-btn-action:active{transform:scale(.95);background:var(--upl-accent-bg)}.upl-files{margin-top:20px;display:flex;flex-direction:column;gap:8px}.upl-file{display:flex;align-items:center;gap:12px;padding:10px;background:var(--upl-card);border-radius:12px;border:1px solid var(--upl-border);box-shadow:var(--upl-shadow);animation:upl-file-in .3s ease}@keyframes upl-file-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upl-file-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0}.upl-file-info{flex:1;min-width:0}.upl-file-name{display:block;font-size:13px;font-weight:500;color:var(--upl-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upl-file-status{font-size:12px;color:var(--upl-text3)}.upl-file-status.done{color:#16a34a}.upl-file-status.error{color:#dc2626}.upl-section-title{font-size:20px;font-weight:700;color:var(--upl-text);margin-bottom:4px}.upl-section-sub{font-size:14px;color:var(--upl-text2);margin-bottom:20px}.upl-my-list{display:flex;flex-direction:column;gap:8px}.upl-my-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--upl-card);border-radius:12px;border:1px solid var(--upl-border);box-shadow:var(--upl-shadow)}.upl-my-name{font-size:13px;color:var(--upl-text2);background:none;word-break:break-all}.upl-btn-delete{flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;cursor:pointer;transition:all .15s}.upl-btn-delete:active{transform:scale(.95)}.upl-btn-delete:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.upl-content{padding:32px}.upl-dropzone{padding:64px 32px}}