:root{--bg0:#0c1412;--bg1:#13201c;--bg2:#1a2c26;--line:#7ec8a32e;--text:#e8f2ec;--muted:#9bb5a8;--accent:#7ec8a3;--accent-2:#d4a373;--danger:#e07a6a;--ok:#7ec8a3;--shadow:0 18px 50px #00000059;--radius:18px;--font:"Outfit", system-ui, sans-serif;--display:"Fraunces", Georgia, serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100dvh}html{overflow-x:hidden}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #7ec8a31f, transparent 55%), radial-gradient(900px 500px at 100% 0%, #d4a3731a, transparent 50%), linear-gradient(180deg, var(--bg0), #0a100e 70%, #0c1412);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{width:min(1100px,100%);padding:0 max(1rem, var(--sal)) calc(2.5rem + var(--sab)) max(1rem, var(--sar));margin:0 auto}.topbar{z-index:30;margin:0 calc(-1 * max(1rem, var(--sal))) 1.25rem calc(-1 * max(1rem, var(--sar)));padding:calc(.75rem + var(--sat)) max(1rem, var(--sar)) .85rem max(1rem, var(--sal));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0c1412 55%,#0c1412eb 100%);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.topbar-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.5rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand img{width:40px;height:40px}.brand strong{font-family:var(--display);letter-spacing:.02em;font-size:1.35rem;font-weight:700}.brand span{color:var(--muted);font-size:.8rem;display:block}.btn{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:999px;min-height:44px;padding:.65rem 1.1rem;transition:transform .15s,background .15s,border-color .15s}.btn:hover{background:#7ec8a31a;border-color:#7ec8a359}.btn:active{transform:scale(.98)}.btn-primary{color:#f2fff8;background:linear-gradient(135deg,#387d62,#1f4a3b);border-color:#0000;box-shadow:0 8px 22px #1f4a3b59}.btn-primary:hover{background:linear-gradient(135deg,#42936f,#255745)}.btn-danger{color:#ffcfc7;border-color:#e07a6a66}.btn-danger:hover{background:#e07a6a1f}.btn-ghost{background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(160deg,#1a2c26eb,#0f1a17f2);padding:1.25rem}.login-page{min-height:100dvh;padding:calc(1.25rem + var(--sat)) max(1.25rem, var(--sal)) calc(1.25rem + var(--sab)) max(1.25rem, var(--sar));place-items:center;display:grid}.login-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(420px,100%);padding:2.25rem 1.5rem 1.5rem;animation:.55s both rise;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.login-hero{margin-bottom:1.35rem}.login-badge{background:radial-gradient(circle at 30% 25%,#7ec8a338,#0000 55%),#00000047;border:1px solid #7ec8a347;border-radius:22px;place-items:center;width:72px;height:72px;margin:0 auto .85rem;display:grid;box-shadow:0 10px 28px #00000047}.login-card h1{font-family:var(--display);letter-spacing:.01em;margin:0 0 .45rem;font-size:clamp(1.9rem,5.2vw,2.45rem)}.login-hero>p{color:var(--muted);margin:0;max-width:28ch;margin-inline:auto;font-size:.95rem;line-height:1.5}.login-body{text-align:left;gap:.85rem;display:grid}.login-resend{gap:.65rem;display:grid}.btn-block{letter-spacing:.01em;width:100%;margin-top:.15rem;padding:.85rem 1.1rem;font-weight:600}.login-footer{border-top:1px solid #7ec8a324;justify-items:center;gap:.2rem;margin-top:1.85rem;padding-top:1.4rem;display:grid}.login-footer-sep{background:linear-gradient(90deg,#0000,#7ec8a380,#0000);width:2.75rem;height:1px;margin:1.15rem 0}.login-footer-row{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin:0;font-size:.92rem;display:inline-flex}.link-quiet,.link-accent{font:inherit;cursor:pointer;background:0 0;border:none;padding:.35rem .2rem}.link-quiet{color:var(--muted);text-underline-offset:.2em;font-size:.9rem;-webkit-text-decoration:underline #9bb5a873;text-decoration:underline #9bb5a873}.link-quiet:hover{color:var(--text);text-decoration-color:#e8f2ec8c}.link-accent{color:var(--accent);font-weight:600}.link-accent:hover{color:#9ad9b8;text-underline-offset:.18em;text-decoration:underline}label{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}input[type=email],input[type=password],input[type=text]{width:100%;color:var(--text);background:#00000052;border:1px solid #7ec8a338;border-radius:14px;outline:none;padding:.88rem .95rem;transition:border-color .15s,box-shadow .15s,background .15s}input:focus{background:#0006;border-color:#7ec8a399;box-shadow:0 0 0 3px #7ec8a324}.error{color:#ffb4a8;background:#e07a6a1f;border:1px solid #e07a6a40;border-radius:12px;padding:.7rem .85rem;font-size:.9rem}.info{color:#cfe9db;background:#7ec8a31f;border:1px solid #7ec8a347;border-radius:12px;padding:.7rem .85rem;font-size:.9rem}.grid-albums{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.album-tile{aspect-ratio:1;border:1px solid var(--line);background:var(--bg2);text-align:left;color:inherit;border-radius:16px;padding:0;animation:.45s both rise;position:relative;overflow:hidden}.album-tile img,.album-tile .placeholder{object-fit:cover;width:100%;height:100%;display:block}.album-tile .placeholder{color:var(--accent);background:linear-gradient(145deg,#7ec8a347,#d4a3731f),#1a2c26;border:1px dashed #7ec8a359;place-items:center;gap:.35rem;display:grid}.placeholder-icon{font-size:1.8rem;line-height:1}.placeholder-label{color:#d7eee2;font-size:.85rem;font-weight:600}.album-item{gap:.5rem;display:grid}.hint-line{color:var(--muted);margin:-.55rem 0 1.1rem;font-size:.9rem}.empty-cta{text-align:center;justify-items:center;gap:.75rem;padding:2.2rem 1.2rem;display:grid}.empty-cta strong{font-family:var(--display);font-size:1.25rem}.empty-cta p{color:var(--muted);max-width:32ch;margin:0;line-height:1.45}.btn-lg{width:min(100%,320px);padding:.95rem 1.2rem;font-size:1.02rem;font-weight:600}.btn-sm{width:fit-content;min-height:36px;padding:.45rem .85rem;font-size:.85rem}.btn-add{font-weight:600}.toolbar-album{gap:.65rem}@media (width<=640px){body{background-attachment:scroll}.brand{gap:.55rem;min-width:0}.brand img{flex-shrink:0;width:34px;height:34px}.brand strong{font-size:1.15rem}.brand span{white-space:nowrap;text-overflow:ellipsis;max-width:42vw;font-size:.72rem;overflow:hidden}.topbar{align-items:flex-start}.topbar-actions{max-width:52%}.topbar-actions .btn{padding:.5rem .8rem;font-size:.88rem}.toolbar .btn-primary{width:100%}.toolbar-album .btn-add{order:3;width:100%}.toolbar-album h2{order:2;width:100%}.grid-albums{grid-template-columns:1fr 1fr}.media-card .del{opacity:1}input[type=email],input[type=password],input[type=text]{font-size:16px}}.album-tile .meta{background:linear-gradient(#0000,#000000c7);padding:1.4rem .8rem .75rem;position:absolute;inset:auto 0 0}.album-tile .meta strong{font-size:.95rem;display:block}.album-tile .meta small{color:#c9ddd3;opacity:.85}.lock-badge{border:1px solid var(--line);background:#0000008c;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;position:absolute;top:.6rem;right:.6rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.toolbar h2{font-family:var(--display);flex:1;margin:0;font-size:1.55rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.media-card{aspect-ratio:1;border:1px solid var(--line);background:#000;border-radius:14px;position:relative;overflow:hidden}.media-card img,.media-card video{object-fit:cover;width:100%;height:100%;display:block}.media-card .del{opacity:0;transition:opacity .15s;position:absolute;top:.4rem;right:.4rem}.media-card:hover .del,.media-card:focus-within .del{opacity:1}.user-list{gap:.65rem;display:grid}.user-row{border:1px solid var(--line);text-align:left;color:inherit;background:#ffffff05;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.9rem 1rem;display:flex}.user-row:hover{background:#7ec8a30f;border-color:#7ec8a366}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.modal-backdrop{padding:max(1rem, var(--sat)) max(1rem, var(--sal)) max(1rem, var(--sab)) max(1rem, var(--sar));z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(420px,100%);padding:1.45rem 1.35rem 1.25rem;animation:.3s both rise}.modal h3{font-family:var(--display);margin:0;font-size:1.45rem}.modal-lead{color:var(--muted);margin:.45rem 0 1.15rem;font-size:.9rem;line-height:1.45}.modal-fields{text-align:left;gap:1rem;display:grid}.modal-fields label{gap:.45rem}.modal input[type=text],.modal input[type=password],.modal input[type=email],.modal input:not([type]){width:100%;min-height:3rem;color:var(--text);box-sizing:border-box;background:#00000052;border:1px solid #7ec8a338;border-radius:14px;outline:none;padding:.88rem .95rem;transition:border-color .15s,box-shadow .15s,background .15s}.modal input:focus{background:#0006;border-color:#7ec8a399;box-shadow:0 0 0 3px #7ec8a324}.field-hint{color:var(--muted);margin-top:.15rem;font-size:.78rem;line-height:1.35;display:block}.modal .actions{justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}.actions-stack{flex-direction:column;align-items:stretch}.actions-stack .btn{width:100%}.howto-list{color:var(--muted);text-align:left;gap:.65rem;margin:0;padding-left:1.15rem;font-size:.9rem;line-height:1.45;display:grid}.howto-list strong{color:var(--text)}.hidden-input{display:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}