:root{color-scheme:dark;--bg:#01081c;--fg:#fff;--card:#0c1330;--mut:#aeb6d6;--pu:#a02cff;--pk:#ff2e93;--or:#ffa63d;--cy:#3fe0e8;--bl:#2c4cff;
--gr:linear-gradient(90deg,#a02cff,#ff4f7a 60%,#ffa63d);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Poppins',system-ui,sans-serif;overflow-x:hidden}
button{font-family:inherit}
.gr{background:var(--gr);-webkit-background-clip:text;background-clip:text;color:transparent}
.home{display:grid;grid-template-columns:44% 56%;min-height:100vh}
.left{padding:30px 30px 30px max(28px,6.5vw);max-width:760px;display:flex;flex-direction:column;justify-content:center}
.logo{width:230px;max-width:60vw;display:block;margin:0 0 18px -14px}
h1{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.1}
h1 .gr{display:block;font-size:clamp(48px,6.4vw,76px);font-weight:800;line-height:1.05;letter-spacing:-.02em}
.sub{margin:18px 0 26px;font-size:1.02rem;line-height:1.6;max-width:430px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:28px;max-width:520px}
.ft{padding:0 14px;border-left:1px solid rgba(255,255,255,.12)}.ft:first-child{padding-left:0;border:0}
.ft svg{width:36px;height:36px;margin-bottom:8px}
.ft b{display:block;font-size:.88rem;line-height:1.25;margin-bottom:8px}.ft b.c{color:#fff}
.ft span{font-size:.72rem;color:var(--mut);line-height:1.4;display:block}
.card{max-width:520px;border:1px solid rgba(120,110,255,.4);border-radius:24px;padding:22px;background:rgba(255,255,255,.03);box-shadow:0 0 40px rgba(110,60,255,.15)}
.ch{display:flex;gap:14px;align-items:center;margin-bottom:16px}.ch svg{width:36px;height:36px;color:#8f9bff;flex:none}
.ch b{display:block;font-size:.98rem}.ch span{font-size:.8rem;color:var(--mut)}
.inp{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:0 16px;height:54px;margin-bottom:14px;color:#9aa3c7}
.inp svg{width:20px;height:20px;flex:none}
.inp input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:.98rem}
.inp button{background:none;border:0;color:#9aa3c7;cursor:pointer;padding:0;display:grid}
.go{width:100%;height:54px;border:0;border-radius:18px;background:linear-gradient(90deg,#a02cff,#ff4f7a 62%,#ffa63d);color:#fff;font-weight:600;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
.go svg{width:20px;height:20px}
.err{color:#ff6b9a;font-size:.85rem;min-height:1.2em;margin:0 0 8px}
.note{display:flex;gap:10px;align-items:center;margin:16px 4px 0;font-size:.78rem;color:var(--mut)}.note svg{width:20px;height:20px;color:#8f9bff;flex:none}
.ig{display:inline-flex;align-items:center;gap:10px;margin:16px 4px 0;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;width:fit-content;padding:8px 18px 8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.04)}.ig{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;margin:0;background:rgba(1,8,28,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ig:hover{background:rgba(255,255,255,.12)}.ig svg{width:26px;height:26px;flex:none}
.own{background:none;border:0;color:var(--mut);font-size:.82rem;cursor:pointer;margin:12px 4px 0;padding:0;text-align:left;text-decoration:underline;width:fit-content}
.art{background:url(assets/art.jpg) center/cover no-repeat;-webkit-mask-image:linear-gradient(to right,transparent,#000 22%);mask-image:linear-gradient(to right,transparent,#000 22%);min-height:420px}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;max-width:1100px;margin:0 auto;flex-wrap:wrap}
.top img{height:70px;width:auto;cursor:pointer}
.top nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.lk{background:none;border:0;color:#fff;font:600 .88rem 'Poppins',sans-serif;cursor:pointer;padding:8px 12px;border-radius:999px}.lk:hover{background:var(--card)}
.chip{background:var(--gr);border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:600}
main{max-width:1100px;margin:0 auto;padding:10px 18px 70px}
main h1{font-size:2rem;margin:6px 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.album{background:var(--card);border:1px solid rgba(120,110,255,.25);border-radius:22px;overflow:hidden;cursor:pointer;padding:0;text-align:left;color:inherit;font:inherit;transition:transform .2s}
.album:hover{transform:translateY(-6px)}
.cover{aspect-ratio:4/3;background:linear-gradient(135deg,#a02cff,#ff2e93,#ffa63d);display:grid;place-items:center;font-size:54px}
.cover img{width:100%;height:100%;object-fit:cover;display:block}
.info{padding:14px 16px 16px}.info h2{margin:0 0 4px;font-size:1.15rem}.info p{margin:0;color:var(--mut);font-size:.85rem}
.empty{text-align:center;color:var(--mut);padding:50px 10px}
.back{background:none;border:0;color:#c58bff;font:600 .95rem 'Poppins',sans-serif;cursor:pointer;padding:8px 0;margin-bottom:6px}
.photos{columns:3 220px;column-gap:12px}
.ph{break-inside:avoid;margin:0 0 12px;position:relative;border-radius:14px;overflow:hidden;cursor:zoom-in}.ph img{width:100%;display:block}
.x{position:absolute;top:8px;right:8px;background:var(--pk);color:#fff;border:0;border-radius:50%;width:30px;height:30px;cursor:pointer}
.ov{position:fixed;inset:0;background:rgba(1,4,14,.94);z-index:50;display:flex;align-items:center;justify-content:center}
.ov>img{max-width:92vw;max-height:86vh;border-radius:10px}
.ov .rb{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:22px;cursor:pointer}
.ov .p{left:14px}.ov .n{right:14px}.ov .c{top:calc(14px + env(safe-area-inset-top,0px));right:14px}
.modal{background:var(--card);border:1px solid rgba(120,110,255,.4);border-radius:24px;padding:28px;width:min(380px,90vw);text-align:center}
.modal h2{margin:0 0 8px}.modal p{color:var(--mut);margin:0 0 16px;font-size:.92rem;line-height:1.5}
.btn{border:0;border-radius:999px;padding:10px 20px;font:600 .9rem 'Poppins',sans-serif;color:#fff;cursor:pointer;background:var(--pu)}
.btn.pk{background:var(--pk)}.btn.bl{background:var(--bl)}.btn.ye{background:var(--or);color:#1b1030}.btn:disabled{opacity:.5}
.adm{position:sticky;bottom:0;background:var(--card);border-top:2px solid var(--pu);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;z-index:20}
.adm input{padding:10px 14px;border-radius:999px;border:1px solid var(--pu);background:var(--bg);color:#fff;font:inherit;font-size:.9rem;min-width:0}
.msg{width:100%;text-align:center;font-size:.85rem;color:var(--mut)}
.wr{position:relative}.wr .album{width:100%;height:100%}.dx{position:absolute;top:10px;right:10px;background:#ff2e93;color:#fff;border:0;border-radius:999px;padding:6px 12px;font:600 .78rem Poppins,sans-serif;cursor:pointer;z-index:2}.lk2{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.65);border-radius:999px;padding:4px 10px;font-size:.8rem;z-index:2}
@media(max-width:900px){.home{grid-template-columns:1fr}.left{max-width:none;padding:26px 22px}.art{min-height:460px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%);mask-image:linear-gradient(to bottom,transparent,#000 20%)}}