:root{
    --bg:#010314; --text:#F8FAFC; --text-dim:#94A3B8; --accent:#F59E0B;
    --accent-glow:rgba(245,158,11,0.3); --border:rgba(245,158,11,0.2);
    --card:rgba(2,5,20,0.72); --font:'Dongle',sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:var(--font);background:transparent;color:var(--text);letter-spacing:0.02em;min-height:100vh;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:920px;margin:0 auto;padding:28px 18px 80px;}
  body.signin-mode{overflow:hidden;}
  body.signin-mode .wrap{max-width:none;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;}
  .page-title{font-size:3rem;font-weight:300;letter-spacing:0.14em;color:var(--accent);text-transform:lowercase;text-align:center;text-shadow:0 0 18px var(--accent-glow);}
  .page-sub{text-align:center;color:var(--text-dim);font-size:1.4rem;margin-top:2px;letter-spacing:0.05em;}

  .loader{text-align:center;padding:60px;color:var(--text-dim);font-size:1.6rem;}
  /* ── Auth card ── */
  .au-stage{display:flex;align-items:center;justify-content:center;width:100%;}
  .signin{
    width:100%;max-width:320px;margin:0 auto;text-align:left;
    background:#121216;border:1px solid var(--border);border-radius:16px;
    padding:16px 20px 13px;
    box-shadow:0 20px 50px rgba(0,0,0,0.55), 0 0 40px var(--accent-glow);
    display:flex;flex-direction:column;gap:0;font-family:var(--font);
  }
  .au-logo{display:flex;justify-content:center;margin-bottom:0;}
  .au-logo img{height:34px;width:auto;border-radius:9px;display:block;filter:drop-shadow(0 0 16px var(--accent-glow));}
  .au-sub{text-align:center;color:var(--text-dim);font-size:1.35rem;margin-bottom:10px;letter-spacing:0.03em;}
  .auth-tabs{display:flex;gap:4px;background:rgba(0,0,0,0.35);border:1px solid var(--border);border-radius:10px;padding:3px;margin-bottom:10px;}
  .auth-tab{flex:1;background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:1.45rem;font-weight:400;padding:6px 0;border-radius:7px;cursor:pointer;transition:0.2s;letter-spacing:0.05em;text-transform:lowercase;}
  .auth-tab:hover:not(.active){color:var(--text);}
  .auth-tab.active{background:var(--accent);color:#0a0a0c;font-weight:700;box-shadow:0 4px 16px var(--accent-glow);}
  .au-field{margin-bottom:8px;position:relative;}
  .au-field label{display:block;font-size:1.1rem;font-weight:700;color:var(--text-dim);margin-bottom:2px;letter-spacing:0.08em;text-transform:uppercase;}
  .signin input{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:10px;padding:8px 13px;color:var(--text);font-family:var(--font);font-size:1.45rem;outline:none;transition:border-color .15s,box-shadow .15s;}
  .signin input::placeholder{color:var(--text-dim);opacity:0.7;}
  .signin input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);}
  .au-submit{width:100%;margin-top:11px;background:var(--accent);color:#0a0a0c;border:none;border-radius:10px;font-family:var(--font);font-size:1.6rem;font-weight:700;padding:9px;cursor:pointer;letter-spacing:0.06em;text-transform:uppercase;box-shadow:0 8px 24px var(--accent-glow);transition:.2s;display:flex;align-items:center;justify-content:center;}
  .au-submit:hover{filter:brightness(1.08);}
  .au-msg{font-size:1.3rem;min-height:0.9rem;text-align:center;margin-top:6px;font-family:var(--font);}
  .au-msg.err{color:#f87171;} .au-msg.ok{color:#34d399;}
  .au-chat-link{display:block;text-align:center;color:var(--text-dim);font-size:1.3rem;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-family:var(--font);}
  .au-chat-link:hover{color:var(--accent);}

  .btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:10px;border:1px solid var(--border);
       background:rgba(245,158,11,0.1);color:var(--accent);font-family:var(--font);font-size:1.4rem;letter-spacing:0.05em;
       text-transform:uppercase;cursor:pointer;transition:0.2s;}
  .btn:hover{background:rgba(245,158,11,0.2);border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow);}
  .btn.ghost{background:transparent;color:var(--text-dim);}
  .btn.ghost:hover{color:var(--accent);}

  
  .profile{display:flex;align-items:center;gap:15px;background:var(--card);border:1px solid var(--border);border-radius:16px;
           padding:15px 16px;margin-top:18px;backdrop-filter:blur(12px);position:relative;overflow:hidden;}
  .p-actions{display:flex;gap:7px;flex-shrink:0;align-self:flex-start;}
  .p-actions .ic-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;cursor:pointer;transition:.2s;text-decoration:none;}
  .p-actions .ic-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(245,158,11,0.12);}
  .p-actions .ic-btn.out:hover{border-color:#f87171;color:#f87171;background:rgba(248,113,113,0.1);}
  .avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;
          font-size:2.1rem;font-weight:700;color:#1a1205;background:linear-gradient(135deg,#F59E0B,#FBBF24);text-transform:uppercase;}
  .avatar img{width:100%;height:100%;object-fit:cover;display:block;}
  .avatar.prem{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent),0 0 18px var(--accent-glow);}
  .p-info{flex:1;min-width:0;}
  .p-name{font-size:2.1rem;font-weight:400;line-height:1;letter-spacing:0.02em;}
  .p-meta{color:var(--text-dim);font-size:1.35rem;margin-top:4px;}
  .p-chip{display:inline-flex;align-items:center;gap:6px;font-size:1.05rem;padding:2px 10px;border-radius:20px;margin-top:8px;letter-spacing:0.05em;text-transform:uppercase;}
  .p-chip.prem{background:rgba(167,139,250,0.15);color:#C4B5FD;border:1px solid rgba(167,139,250,0.4);}
  .p-chip.free{background:rgba(148,163,184,0.12);color:var(--text-dim);border:1px solid rgba(148,163,184,0.25);}
  .p-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .p-badges{display:inline-flex;gap:4px;flex-wrap:wrap;}
  .p-badges .pb{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:1.02rem;background:rgba(245,158,11,0.12);border:1px solid var(--border);color:var(--accent);}
  .acc-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;}
  .acc-chips .ac{display:inline-flex;align-items:center;gap:5px;font-size:1.05rem;font-weight:700;color:var(--text-dim);background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:7px;padding:2px 8px;}
  .acc-chips .ac i{font-size:0.95rem;opacity:.85;}
  .acc-chips .ac.lvl{color:var(--accent);background:rgba(245,158,11,0.12);border-color:var(--border);}
  .acc-chips .ac.like{color:#f472b6;}
  .sec-count{color:var(--text-dim);font-size:1.3rem;font-weight:400;}
  .friends-list{display:flex;flex-wrap:wrap;gap:8px;}
  .friend-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:20px;padding:4px 11px 4px 5px;font-size:1.35rem;}
  .friend-pill img,.friend-pill .fav{width:24px;height:24px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#1a1205;font-weight:700;font-size:1.1rem;text-transform:uppercase;}
  .acc-more{display:block;margin-top:10px;color:var(--text-dim);font-size:1.3rem;}
  .acc-more:hover{color:var(--accent);}
  .acc-more i{margin-right:5px;}
  #content textarea,#content .tile input:not([type=color]){width:100%;background:rgba(10,15,30,0.7);border:1px solid var(--border);border-radius:9px;padding:8px 11px;color:var(--text);font-family:var(--font);font-size:1.4rem;outline:none;}
  #content textarea::placeholder,#content .tile input::placeholder{color:var(--text-dim);opacity:0.55;}
  #content .tile input:not([type=color]):focus,#content textarea:focus{border-color:var(--accent);}
  #ed-bio{min-height:54px;resize:vertical;margin-bottom:8px;}
  .ed-row{display:flex;gap:8px;margin-bottom:8px;}
  .ed-row input:not([type=color]){flex:1;}
  #ed-color{width:46px!important;height:30px;border:1px solid var(--border);border-radius:7px;background:none;cursor:pointer;padding:2px;flex:0 0 auto;}

  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px;}
  .tile{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:12px 13px;backdrop-filter:blur(12px);transition:0.2s;}
  .tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow);}
  .tile-head{display:flex;align-items:center;gap:7px;color:var(--text-dim);font-size:1.2rem;text-transform:uppercase;letter-spacing:0.06em;}
  .tile-head i{color:var(--accent);font-size:1.3rem;}
  .tile-big{font-size:2.3rem;font-weight:300;color:var(--accent);line-height:1.05;margin-top:5px;}
  .tile-big small{font-size:1.3rem;color:var(--text);}
  .tile-sub{color:var(--text-dim);font-size:1.2rem;margin-top:2px;}
  .tile-row{display:flex;justify-content:space-between;font-size:1.4rem;padding:5px 0;border-bottom:1px solid rgba(245,158,11,0.07);}
  .tile-row:last-child{border-bottom:none;}
  .tile-row b{color:var(--accent);}
  .code-box{display:flex;align-items:center;gap:8px;margin-top:8px;}
  .code{flex:1;background:rgba(10,15,30,0.7);border:1px dashed var(--border);border-radius:8px;padding:6px 10px;font-size:1.5rem;color:var(--accent);letter-spacing:0.05em;overflow:hidden;text-overflow:ellipsis;}
  .copy-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:1.3rem;transition:0.2s;}
  .copy-btn:hover{border-color:var(--accent);color:var(--accent);}

  .section-title{font-size:1.7rem;font-weight:400;color:var(--text);letter-spacing:0.06em;text-transform:lowercase;margin:16px 4px 2px;}
  .lib-card{display:flex;align-items:center;gap:14px;}
  .lib-ic{width:46px;height:46px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.7rem;background:rgba(245,158,11,0.1);color:var(--accent);border:1px solid var(--border);}
  .lib-body{flex:1;min-width:0;}
  .lib-name{font-size:1.7rem;}
  .lib-counts{color:var(--text-dim);font-size:1.3rem;margin-top:2px;}
  .lib-go{color:var(--text-dim);font-size:1.5rem;transition:0.2s;}
  .tile:hover .lib-go{color:var(--accent);transform:translateX(3px);}

  .actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px;}
  @media(max-width:520px){.page-title{font-size:2.4rem;}.profile{flex-direction:column;text-align:center;}}
  .side-ad{position:fixed;top:50%;transform:translateY(-50%);width:160px;z-index:50;}
  .side-ad-left{left:8px;} .side-ad-right{right:8px;}
  @media(max-width:1024px){.side-ad{display:none;}}