:root,
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#070b12;--bg2:#0a101a;--panel:#0d1420;--panel2:#111b2a;--panel3:#151f31;--panel-soft:#0e1724;--panel-glass:rgba(12,19,31,.76);
  --line:#202d40;--line2:#2a3a51;--text:#eef4ff;--text2:#dce6f6;--muted:#91a0b6;--soft:#637087;
  --accent:#9c6cff;--accent2:#6d4cff;--accent-soft:rgba(156,108,255,.1);--secondary:#33d6c4;--orange:#ff9a3d;--pink:#ff5fa7;--amber:#ffca64;--red:#ff667d;
  --topbar:rgba(7,11,18,.88);--sidebar:rgba(10,16,26,.65);--input:#09111d;--button:#151f31;--avatar1:#273449;--avatar2:#141d2b;
  --hero1:rgba(17,27,44,.96);--hero2:rgba(9,15,25,.96);--hover:rgba(255,255,255,.035);--shadow:0 24px 60px rgba(0,0,0,.32);--overlay:rgba(2,6,12,.72);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f8fc;--bg2:#edf4fa;--panel:#ffffff;--panel2:#f3f7fb;--panel3:#eaf2f9;--panel-soft:#f8fbfe;--panel-glass:rgba(255,255,255,.88);
  --line:#d9e4ef;--line2:#c4d3e1;--text:#102033;--text2:#263b50;--muted:#5b6b7c;--soft:#8292a3;
  --accent:#63a9ff;--accent2:#3d8ff2;--accent-soft:rgba(99,169,255,.11);--secondary:#86c9f4;--orange:#ff9a3d;--pink:#e9639f;--amber:#d99620;--red:#dd5363;
  --topbar:rgba(255,255,255,.92);--sidebar:rgba(248,251,254,.94);--input:#ffffff;--button:#edf4fa;--avatar1:#e9f2fa;--avatar2:#dce9f4;
  --hero1:#ffffff;--hero2:#edf6ff;--hover:rgba(51,91,130,.055);--shadow:0 20px 50px rgba(31,67,100,.10);--overlay:rgba(25,42,60,.34);
}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% -20%,var(--accent-soft),transparent 36%),radial-gradient(circle at 95% 10%,color-mix(in srgb,var(--secondary) 11%,transparent),transparent 25%),var(--bg);transition:background .2s,color .2s}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:13px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:850}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,transparent);padding:7px 10px;border-radius:999px;font-size:12px}.dot{width:8px;height:8px;border-radius:50%;background:var(--secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary) 12%,transparent)}.role{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:900}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:var(--text);background:linear-gradient(145deg,var(--avatar1),var(--avatar2));border:1px solid var(--line2);position:relative;overflow:visible}.avatar::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 66%);pointer-events:none}.avatar.sm{width:32px;height:32px;border-radius:10px;font-size:12px}.avatar.lg{width:78px;height:78px;border-radius:24px;font-size:22px}.status-dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid var(--panel);border-radius:50%;background:#2dcb73;z-index:2}.gradient{background:linear-gradient(90deg,var(--text),var(--accent) 46%,var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.theme-float{position:fixed;right:18px;top:18px;z-index:60;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow)}

.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)}.auth-hero{padding:70px clamp(32px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:linear-gradient(155deg,var(--accent-soft),transparent 40%)}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.04em}.brand-mark{width:38px;height:38px;border-radius:12px;background:conic-gradient(from 30deg,var(--accent),var(--secondary),var(--orange),var(--accent));box-shadow:0 0 0 7px var(--accent-soft)}.auth-hero h1{font-size:clamp(42px,6vw,82px);line-height:.94;letter-spacing:-.055em;margin:28px 0 18px;max-width:820px}.auth-hero p{max-width:650px;font-size:18px;line-height:1.65;color:var(--muted)}.feature-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.feature-chip{padding:10px 13px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 74%,transparent);color:var(--text2);font-size:13px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:38px}.auth-card{width:min(460px,100%);background:color-mix(in srgb,var(--panel) 91%,transparent);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--bg2);border:1px solid var(--line);padding:4px;border-radius:13px;margin-bottom:24px}.auth-tab{border:0;border-radius:10px;padding:11px;background:transparent;color:var(--muted);font-weight:800}.auth-tab.active{background:var(--panel3);color:var(--text)}.field{display:grid;gap:7px;margin:14px 0}.field label{font-size:12px;color:var(--muted);font-weight:750}.input,.textarea,.select{width:100%;border:1px solid var(--line2);background:var(--input);color:var(--text);border-radius:12px;padding:12px 13px;outline:none;transition:.2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:88px;resize:vertical}.textarea.large{min-height:220px}.check{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:12px;line-height:1.45;margin:14px 0}.check input{margin-top:2px}.btn{border:1px solid transparent;border-radius:12px;padding:11px 15px;color:var(--text);background:var(--button);font-weight:850;transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn.primary{background:linear-gradient(135deg,var(--accent2),var(--accent));color:white;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 23%,transparent)}html[data-theme="light"] .btn.primary{background:linear-gradient(135deg,var(--accent2),var(--accent) 70%,var(--orange));}.btn.danger{background:color-mix(in srgb,var(--red) 9%,transparent);border-color:color-mix(in srgb,var(--red) 22%,transparent);color:var(--red)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn.full{width:100%}.error{padding:10px 12px;border-radius:11px;background:color-mix(in srgb,var(--red) 8%,transparent);border:1px solid color-mix(in srgb,var(--red) 20%,transparent);color:var(--red);font-size:13px;margin:10px 0}.success{padding:10px 12px;border-radius:11px;background:color-mix(in srgb,var(--secondary) 8%,transparent);border:1px solid color-mix(in srgb,var(--secondary) 18%,transparent);color:var(--secondary);font-size:13px;margin:10px 0}

.app-shell{min-height:100vh;display:grid;grid-template-rows:68px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border-bottom:1px solid var(--line);background:var(--topbar);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.top-left,.top-actions{display:flex;align-items:center;gap:12px}.top-nav{display:flex;gap:4px;margin-left:22px}.nav-btn{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:10px;font-weight:800}.nav-btn.active,.nav-btn:hover{color:var(--text);background:var(--hover)}.user-menu{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text)}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--button);color:var(--text)}

/* Community Home */
.community-home{padding:26px;max-width:1500px;width:100%;margin:0 auto}.home-hero,.forum-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 85% 15%,var(--accent-soft),transparent 35%),linear-gradient(135deg,var(--hero1),var(--hero2));box-shadow:var(--shadow)}.home-hero h1,.forum-hero h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.05em;margin:8px 0 10px}.home-hero p,.forum-hero p{margin:0;color:var(--muted);max-width:720px;line-height:1.65}.home-stats{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px;min-width:360px}.home-stat{padding:16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.home-stat b{display:block;font-size:25px}.home-stat span{font-size:11px;color:var(--muted)}.home-section{margin-top:26px}.home-panel{border:1px solid var(--line);border-radius:20px;background:var(--panel-glass);padding:20px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head h2{font-size:21px;margin:3px 0 0}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.room-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,var(--panel),var(--panel2));transition:.2s}.room-card:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:var(--shadow)}.room-card-top,.room-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-icon.big{width:44px;height:44px;font-size:19px;background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--secondary) 8%,transparent))}.live-badge{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--bg2)}.room-card h3{font-size:19px;margin:17px 0 6px}.room-card p{color:var(--muted);min-height:42px;font-size:13px;line-height:1.55}.room-card-foot{margin-top:18px}.room-card-foot .btn{padding:9px 11px;font-size:12px}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.news-list,.event-list{display:grid;gap:10px}.news-item,.event-item{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.news-item.featured{border-color:color-mix(in srgb,var(--orange) 46%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--orange) 7%,var(--panel)),var(--panel-soft))}.news-meta{display:flex;justify-content:space-between;gap:12px;color:var(--soft);font-size:10px;font-weight:850;letter-spacing:.07em}.news-item.featured .news-meta span:first-child{color:var(--orange)}.news-item h3,.event-item h3{font-size:15px;margin:8px 0 5px}.news-item p,.event-item p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 8px}.event-item{display:grid;grid-template-columns:54px 1fr;gap:12px}.event-date{width:54px;height:58px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);display:flex;flex-direction:column;align-items:center;justify-content:center}.event-date b{font-size:20px;line-height:1;color:var(--orange)}.event-date span{font-size:9px;color:var(--muted);margin-top:4px}.thread-list{display:grid;gap:8px}.thread{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel-soft)}.thread:hover{border-color:var(--line2)}.thread-top{display:flex;justify-content:space-between;gap:12px}.thread-title{font-weight:900}.thread-meta{font-size:11px;color:var(--soft);margin-top:5px}.home-thread{width:100%;color:inherit;text-align:left}.home-online-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-member{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);background:var(--panel-soft);color:var(--text);border-radius:13px;padding:9px}.home-member:hover{border-color:var(--line2);background:var(--panel2)}.home-member>span:last-child{display:grid;gap:2px;min-width:0}.home-member b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-member small{font-size:9px;color:var(--muted)}

/* Chat — viewport-filling, composer stays at the browser bottom */
.chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 290px;height:calc(100vh - 68px);min-height:0;overflow:hidden}.sidebar,.rightbar{background:var(--sidebar);padding:18px;border-right:1px solid var(--line);min-width:0;overflow:auto}.rightbar{border-right:0;border-left:1px solid var(--line)}.side-title{display:flex;justify-content:space-between;align-items:center;margin:5px 2px 12px}.room-list,.online-list{display:grid;gap:6px}.room{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:12px;padding:10px 11px;text-align:left}.room:hover,.room.active{background:var(--panel2);border-color:var(--line);color:var(--text)}.room-left{display:flex;align-items:center;gap:10px;min-width:0}.room-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--panel2);color:var(--accent)}.count{font-size:11px;background:var(--panel2);border:1px solid var(--line2);padding:3px 7px;border-radius:999px;color:var(--muted)}.side-card{margin-top:20px;padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--secondary) 3%,transparent))}.side-card strong{font-size:24px}.progress-track{height:7px;background:var(--bg2);border-radius:999px;margin-top:12px;overflow:hidden}.progress-bar{height:100%;width:35%;background:linear-gradient(90deg,var(--accent),var(--secondary));border-radius:999px}.command-help{line-height:1.8;margin-top:8px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.chat-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg) 60%,var(--panel))}.room-head{flex:0 0 74px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 72%,transparent)}.room-head h2{margin:0;font-size:20px}.chat-stream{flex:1 1 auto;min-height:0;padding:20px 22px;display:flex;flex-direction:column;gap:6px;overflow:auto;scroll-behavior:smooth}.message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:8px 10px;border-radius:13px}.message:hover{background:var(--hover)}.msg-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.nickname{font-weight:900;border:0;background:transparent;color:var(--text);padding:0;cursor:pointer}.nickname:hover{color:var(--accent)}.time{font-size:11px;color:var(--soft)}.msg-text{color:var(--text2);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.message.action{grid-template-columns:1fr;background:var(--accent-soft);border-left:2px solid var(--accent);margin:5px 0}.message.system{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:12px;text-align:center;border-radius:9px;margin:3px 0;padding:6px 10px}.message.system-join{color:color-mix(in srgb,var(--secondary) 70%,var(--text));background:color-mix(in srgb,var(--secondary) 5%,transparent)}.message.system-leave{color:var(--muted);background:var(--hover)}.system-symbol{font-weight:950}.composer-wrap{flex:0 0 auto;border-top:1px solid var(--line);padding:13px 18px 11px;background:var(--bg2);position:sticky;bottom:0;z-index:5}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.composer-input{min-height:48px;max-height:112px;resize:none}.send-btn{min-height:48px}.composer-help{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;color:var(--soft);font-size:11px}.shortcut{display:inline-flex;gap:6px;flex-wrap:wrap}.key{border:1px solid var(--line);background:var(--panel2);border-radius:7px;padding:2px 6px}.online-item{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px;border:1px solid transparent}.online-item:hover{background:var(--panel2);border-color:var(--line)}.online-copy{min-width:0;flex:1;border:0;background:transparent;color:var(--text);text-align:left;padding:0;display:flex;flex-direction:column}.online-name{font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-sub{font-size:10px;color:var(--soft)}.mini-btn{border:1px solid var(--line);background:var(--panel2);color:var(--muted);padding:6px 8px;border-radius:9px;font-size:11px}.mini-btn:hover{color:var(--text);border-color:var(--line2)}.empty-chat{margin:auto;display:grid;place-items:center;text-align:center;gap:5px;color:var(--muted);padding:40px}.empty-chat b{color:var(--text2)}.whisper{border-left:3px solid var(--pink);background:color-mix(in srgb,var(--pink) 6%,transparent)}

/* Full-page forum */
.forum-page{padding:26px;max-width:1500px;width:100%;margin:0 auto}.forum-hero{align-items:center}.forum-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.forum-search{min-width:min(390px,100%);display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--input);border-radius:13px;padding:0 12px}.forum-search span{color:var(--soft);font-size:20px}.forum-search input{width:100%;border:0;background:transparent;color:var(--text);outline:none;padding:12px 2px}.forum-shell{display:grid;grid-template-columns:265px minmax(0,1fr);gap:18px;margin-top:20px}.forum-sidebar{border:1px solid var(--line);background:var(--panel-glass);border-radius:20px;padding:14px;height:max-content;position:sticky;top:88px}.forum-side-head{padding:7px 7px 13px}.forum-side-head b{display:block;margin-top:4px}.category-list{display:grid;gap:7px}.category{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;border:1px solid transparent;background:transparent;border-radius:13px;padding:10px;color:var(--text);text-align:left}.category:hover,.category.active{border-color:var(--line);background:var(--panel2)}.category.active{box-shadow:inset 3px 0 0 var(--accent)}html[data-theme="light"] .category.active{box-shadow:inset 3px 0 0 var(--orange)}.category-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);color:var(--accent);font-weight:900}.category>span:nth-child(2){min-width:0;display:grid;gap:3px}.category b{font-size:12px}.category small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-mini-stat{margin-top:14px;border-top:1px solid var(--line);padding:14px 8px 4px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.forum-mini-stat b{color:var(--text)}.forum-main{min-width:0;border:1px solid var(--line);background:var(--panel-glass);border-radius:20px;padding:20px}.forum-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:2px 2px 17px;border-bottom:1px solid var(--line)}.forum-section-head h2{margin:4px 0 5px}.forum-section-head p{margin:0}.forum-thread-table{display:grid}.forum-thread-row{display:grid;grid-template-columns:44px minmax(0,1fr) 90px 180px;align-items:center;gap:13px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:15px 8px}.forum-thread-row:hover{background:var(--hover)}.forum-thread-icon{width:38px;height:38px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.forum-thread-icon.pinned{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 28%,var(--line))}.forum-thread-copy,.forum-thread-number,.forum-thread-last{display:grid;gap:4px;min-width:0}.forum-thread-title{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-thread-meta,.forum-thread-number small,.forum-thread-last small{font-size:10px;color:var(--soft)}.forum-thread-number{text-align:center}.forum-thread-number b{font-size:13px}.forum-thread-last b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-empty{padding:70px 20px;text-align:center;display:grid;gap:6px;color:var(--muted)}.forum-empty b{color:var(--text)}.forum-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:14px}.text-btn{border:0;background:transparent;color:var(--accent);padding:0;font-weight:800}.thread-header-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,var(--panel),var(--panel2));margin-bottom:14px}.thread-header-card h2{margin:7px 0 5px;font-size:27px;letter-spacing:-.03em}.thread-header-card p{margin:0}.thread-badges{display:flex;gap:6px}.badge{padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.badge.accent{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 30%,var(--line))}.forum-posts{display:grid;gap:10px}.forum-post{display:grid;grid-template-columns:155px minmax(0,1fr);border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.forum-post-user{padding:16px;background:var(--panel2);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.forum-post-user .avatar{margin-bottom:5px}.post-author{border:0;background:transparent;color:var(--text);padding:0;font-weight:900}.post-author:hover{color:var(--accent)}.forum-post-user>span{font-size:10px;color:var(--muted)}.forum-post-body{padding:16px 18px;min-width:0}.forum-post-top{display:flex;justify-content:space-between;color:var(--soft);font-size:10px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:13px}.forum-post-text{white-space:pre-wrap;line-height:1.7;color:var(--text2);word-break:break-word}.forum-reply,.new-thread-panel{margin-top:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:18px}.forum-reply-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.forum-reply-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.forum-locked{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;color:var(--muted);background:var(--panel2)}

/* User context menu */
.user-context{position:fixed;z-index:120;width:275px;border:1px solid var(--line2);border-radius:17px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 25px 70px rgba(0,0,0,.28);padding:10px;backdrop-filter:blur(20px)}html[data-theme="light"] .user-context{box-shadow:0 25px 70px rgba(32,64,91,.18)}.user-context-head{display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:center;padding:7px}.user-context-head>div:last-child{display:grid;gap:2px}.user-context-head b{font-size:14px}.user-context-head span{font-size:10px;color:var(--muted)}.user-context-head strong{font-size:11px;color:var(--orange);margin-top:2px}.context-divider{height:1px;background:var(--line);margin:7px 4px}.context-label{padding:10px 9px 5px;color:var(--soft);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.context-action{width:100%;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:7px;border:0;background:transparent;color:var(--text);padding:9px;border-radius:10px;text-align:left;font-size:12px}.context-action:hover{background:var(--panel2)}.danger-text{color:var(--red)}

/* Modal used for Nickpages + ranking */
.overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(8px);z-index:80;display:grid;place-items:center;padding:20px}.modal{width:min(760px,100%);max-height:88vh;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.35)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-body{padding:20px}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:4px 0 20px}.profile-name{font-size:26px;font-weight:950;letter-spacing:-.03em}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 22px}.stat{padding:14px;border:1px solid var(--line);background:var(--panel2);border-radius:14px}.stat b{display:block;font-size:20px}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.tag{padding:6px 9px;border-radius:9px;background:var(--panel2);border:1px solid var(--line);font-size:12px;color:var(--text2)}.profile-bio{line-height:1.6}.guestbook-wrap{margin-top:24px}.guestbook-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.gb-list{display:grid;gap:8px;margin-top:12px}.gb{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.gb-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:5px}.ranking-row{border-bottom:1px solid var(--line)}.rank-no{width:28px;font-weight:950;color:var(--muted)}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:150;display:grid;gap:8px;width:min(360px,calc(100% - 36px))}.toast{padding:12px 14px;background:var(--panel);border:1px solid var(--line2);border-radius:13px;box-shadow:var(--shadow);font-size:13px}.toast.bad{border-color:color-mix(in srgb,var(--red) 30%,var(--line));color:var(--red)}

@media(max-width:1100px){.chat-layout{grid-template-columns:220px minmax(0,1fr)}.rightbar{display:none}.top-nav{display:flex;overflow:auto;max-width:48vw}.top-nav .nav-btn{white-space:nowrap}.forum-shell{grid-template-columns:220px minmax(0,1fr)}.forum-thread-row{grid-template-columns:42px minmax(0,1fr) 80px}.forum-thread-last{display:none}}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{padding:18px}.theme-float{right:12px;top:12px}.topbar{padding:0 10px}.brand span:last-child{display:none}.user-menu .user-copy{display:none}.online-pill{display:none}.chat-layout{grid-template-columns:1fr;height:calc(100vh - 68px)}.sidebar{display:none}.room-head{padding:0 14px}.chat-stream{padding:14px}.composer-wrap{padding:10px}.composer-help{display:none}.message{grid-template-columns:36px minmax(0,1fr);padding:7px 4px}.avatar{width:36px;height:36px}.community-home,.forum-page{padding:14px}.home-hero,.forum-hero{padding:22px;align-items:flex-start;flex-direction:column}.home-stats{width:100%;min-width:0;grid-template-columns:1fr 1fr}.home-stat:last-child{grid-column:1/-1}.section-head{align-items:flex-start;flex-direction:column}.room-grid{grid-template-columns:1fr}.home-online-grid{grid-template-columns:1fr}.home-columns{grid-template-columns:1fr;gap:0}.forum-hero-actions{width:100%;justify-content:stretch}.forum-search{min-width:0;flex:1}.forum-shell{grid-template-columns:1fr}.forum-sidebar{position:static}.category-list{grid-template-columns:1fr 1fr}.forum-thread-row{grid-template-columns:38px minmax(0,1fr) 62px;padding:13px 4px}.forum-thread-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-post{grid-template-columns:1fr}.forum-post-user{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;align-items:center}.forum-post-user .avatar{grid-row:1/4;margin:0}.forum-post-user>span{grid-column:2}.profile-hero{grid-template-columns:auto 1fr}.profile-hero .profile-actions{grid-column:1/-1}.profile-stats{grid-template-columns:1fr 1fr}.modal{border-radius:18px}.modal-body{padding:15px}.user-context{width:min(275px,calc(100vw - 20px))}}
@media(max-width:520px){.top-nav{max-width:50vw}.top-actions{gap:6px}.top-actions .btn.ghost{display:none}.nav-btn{white-space:nowrap;padding:8px}.category-list{grid-template-columns:1fr}.forum-main{padding:13px}.forum-thread-row{grid-template-columns:36px minmax(0,1fr)}.forum-thread-number{display:none}.composer{grid-template-columns:1fr auto}.send-btn{padding-inline:13px}.forum-hero-actions{display:grid;grid-template-columns:1fr}.forum-search{width:100%}}


/* Alpha 0.3.1 hardening: theme controls, true viewport chat, no outer chat scrolling */
.auth-card-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:14px}
.theme-switch{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);color:var(--text);padding:7px 11px;font-weight:850;box-shadow:0 8px 24px color-mix(in srgb,var(--text) 5%,transparent);transition:background .18s,border-color .18s,transform .18s}
.theme-switch:hover{background:var(--panel2);border-color:var(--accent);transform:translateY(-1px)}
.theme-switch-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--panel2);color:var(--accent);font-size:13px}
.theme-switch-label{font-size:11px;letter-spacing:.02em}
.theme-switch.compact{min-width:78px}
html[data-theme="light"] .theme-switch-icon{color:var(--orange);background:#fff7ed}

.app-shell{grid-template-rows:68px minmax(0,1fr)}
.app-shell.chat-mode{height:100vh;height:100dvh;min-height:0;overflow:hidden}
body.chat-active{height:100vh;height:100dvh;overflow:hidden}
.app-shell.chat-mode .topbar{position:relative;top:auto}
.chat-layout{height:100%;min-height:0;overflow:hidden}
.chat-main{height:100%;min-height:0;overflow:hidden}
.chat-stream{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.composer-wrap{position:relative;bottom:auto;flex:0 0 auto;z-index:6}
.sidebar,.rightbar{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}

/* The context card must win over all chat layers. */
.user-context{z-index:500}
.user-trigger{touch-action:manipulation}

@media(max-width:820px){
  .chat-layout{height:100%}
  .theme-switch.compact{min-width:42px;padding:7px}
  .theme-switch.compact .theme-switch-label{display:none}
}

/* Alpha 0.4 Social Layer: members, full Nickpages, friend requests */
.nav-with-badge{display:inline-flex;align-items:center;gap:7px}.nav-badge{min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:var(--orange);color:#fff;font-size:10px;font-weight:950;box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 14%,transparent)}
.btn.soft{background:var(--panel2);border-color:var(--line2);color:var(--text2)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sm-btn{padding:8px 10px;border-radius:10px;font-size:11px}.relationship-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:10px;font-weight:850;white-space:nowrap}
.user-menu-row{cursor:pointer;position:relative;outline:none}.user-menu-row:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.user-menu-row:hover .user-row-more{opacity:1}.user-row-more{font-size:12px;color:var(--soft);opacity:.55;letter-spacing:.08em}.muted-action{color:var(--muted)}

.members-page,.profile-page{padding:26px;max-width:1500px;width:100%;margin:0 auto}.members-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--orange) 9%,transparent),transparent 28%),radial-gradient(circle at 70% 0%,var(--accent-soft),transparent 34%),linear-gradient(135deg,var(--hero1),var(--hero2));box-shadow:var(--shadow)}.members-hero h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.05em;margin:8px 0 10px}.members-hero p{margin:0;color:var(--muted);max-width:690px;line-height:1.65}.members-search{min-width:min(420px,42vw);display:flex;align-items:center;gap:9px;border:1px solid var(--line2);background:var(--panel);border-radius:14px;padding:0 13px;box-shadow:0 12px 34px color-mix(in srgb,var(--text) 4%,transparent)}.members-search span{color:var(--soft);font-size:22px}.members-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:13px 0;font-size:14px}.social-panel{margin-top:20px;border:1px solid color-mix(in srgb,var(--orange) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 5%,var(--panel)),var(--panel));padding:20px;border-radius:20px}.friend-request-list{display:grid;gap:9px}.friend-request{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.friend-request-user{min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:left}.friend-request-user>span:last-child{display:grid;min-width:0}.friend-request-user b{font-size:13px}.friend-request-user small{font-size:10px;color:var(--muted)}.friend-request-actions{display:flex;gap:7px;flex-wrap:wrap}.members-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 14px}.member-filters{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:8px 12px;border-radius:999px;font-weight:850;font-size:11px}.filter-chip.active,.filter-chip:hover{color:var(--text);border-color:var(--line2);background:var(--panel2)}.filter-chip.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.member-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,var(--panel),var(--panel2));overflow:hidden;transition:.18s}.member-card:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:var(--shadow)}.member-card-main{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:13px;text-align:left;padding:16px}.member-avatar{width:52px;height:52px;border-radius:16px;font-size:15px;flex:0 0 auto}.member-card-copy{display:grid;gap:3px;min-width:0}.member-name{font-weight:950;font-size:15px}.member-place{font-size:11px;color:var(--muted)}.member-hobbies{font-size:10px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card-foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.member-card-foot>span:nth-child(2){text-align:right}.member-more{width:31px;height:31px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-weight:900;letter-spacing:.08em}.member-more:hover{color:var(--text);border-color:var(--accent)}.members-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;gap:4px;padding:50px;border:1px dashed var(--line2);border-radius:18px;color:var(--muted)}.members-empty b{color:var(--text2)}

.profile-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 2px 12px}.nickpage-hero{position:relative;border:1px solid var(--line);border-radius:24px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.nickpage-cover{height:170px;position:relative;overflow:hidden;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 30%,var(--bg2)),color-mix(in srgb,var(--secondary) 18%,var(--panel)),color-mix(in srgb,var(--orange) 18%,var(--panel)))}.nickpage-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--panel) 78%,transparent),transparent 65%)}.cover-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.7}.cover-orb.one{width:220px;height:220px;right:9%;top:-95px;background:color-mix(in srgb,var(--accent) 40%,transparent)}.cover-orb.two{width:150px;height:150px;left:16%;bottom:-90px;background:color-mix(in srgb,var(--orange) 30%,transparent)}.nickpage-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:end;padding:0 28px 24px;margin-top:-46px;position:relative;z-index:2}.profile-avatar{width:104px;height:104px;border-radius:28px;font-size:30px;border-width:4px;border-color:var(--panel);box-shadow:0 10px 35px rgba(0,0,0,.2)}.profile-avatar .status-dot{width:16px;height:16px;border-width:3px;right:4px;bottom:4px}.nickpage-title{min-width:0;padding-bottom:4px}.nickpage-title h1{font-size:36px;line-height:1;margin:4px 0 7px;letter-spacing:-.04em}.nickpage-title p{margin:0;color:var(--muted);font-size:12px}.nickpage-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-bottom:4px}.profile-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.profile-stat-strip>div{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:15px 17px}.profile-stat-strip b{display:block;font-size:22px}.profile-stat-strip span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.profile-card{border:1px solid var(--line);border-radius:19px;background:var(--panel);padding:19px;min-width:0}.profile-bio-large{margin:0;color:var(--text2);line-height:1.75;white-space:pre-wrap}.profile-edit{margin-top:14px;background:linear-gradient(135deg,var(--panel),var(--panel2))}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.mini-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-person{min-width:0;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:9px;text-align:left}.mini-person>span:last-child{min-width:0;display:grid}.mini-person b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-person small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-person:hover{border-color:var(--line2);background:var(--hover)}.empty-mini,.profile-empty{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:11px;text-align:center}.guestbook-card{grid-column:auto}.guestbook-compose{display:grid;gap:8px;margin-bottom:13px}.guestbook-compose textarea{min-height:76px}.guestbook-compose>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.guestbook-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:2px}.guestbook-entry{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.guestbook-entry p{margin:5px 0 0;color:var(--text2);line-height:1.5;white-space:pre-wrap;word-break:break-word}.guestbook-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.guestbook-delete{margin-left:auto;width:24px;height:24px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--soft)}.guestbook-delete:hover{border-color:color-mix(in srgb,var(--red) 25%,var(--line));color:var(--red)}

/* Modal is now only for lightweight secondary views such as ranking. */
@media(max-width:1000px){.profile-columns{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.nickpage-identity{grid-template-columns:auto 1fr}.nickpage-actions{grid-column:1/-1;justify-content:flex-start}.profile-stat-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.members-page,.profile-page{padding:14px}.members-hero{padding:22px;align-items:flex-start;flex-direction:column}.members-search{width:100%;min-width:0}.members-toolbar{align-items:flex-start;flex-direction:column}.friend-request{align-items:flex-start;flex-direction:column}.friend-request-actions{width:100%}.friend-request-actions .btn{flex:1}.nickpage-cover{height:120px}.nickpage-identity{grid-template-columns:1fr;margin-top:-38px;padding:0 18px 18px;align-items:start}.profile-avatar{width:86px;height:86px;border-radius:24px}.nickpage-title h1{font-size:30px}.profile-stat-strip{grid-template-columns:1fr 1fr}.profile-form-grid{grid-template-columns:1fr}.mini-people-grid{grid-template-columns:1fr}.guestbook-compose>div{align-items:flex-start;flex-direction:column}.guestbook-compose .btn{width:100%}}
@media(max-width:520px){.member-grid{grid-template-columns:1fr}.profile-stat-strip{grid-template-columns:1fr 1fr}.profile-stat-strip>div{padding:12px}.profile-stat-strip b{font-size:18px}.nickpage-actions{display:grid;grid-template-columns:1fr}.nickpage-actions .btn{width:100%}.profile-topline .small{display:none}}

/* Alpha 0.5 — expressive chat, media nickpages and temporary member rooms */
.avatar{overflow:hidden}.avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;position:absolute;inset:0;z-index:1}.avatar .status-dot{z-index:3}.avatar.xs{width:26px;height:26px;border-radius:8px;font-size:9px;flex:0 0 auto}

.room-section-head{align-items:center}.room-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.room-create-panel{margin:14px 0 18px;padding:18px;border:1px solid var(--line2);border-radius:19px;background:linear-gradient(135deg,var(--panel),var(--panel2));display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:24px;box-shadow:var(--shadow)}.room-create-copy h3{font-size:21px;margin:4px 0 7px}.room-create-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.65;max-width:500px}.room-create-fields{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(240px,1.3fr);gap:10px 12px;align-items:end}.room-create-fields .field{margin:0}.room-create-fields .field>span{font-size:11px;color:var(--muted);font-weight:750}.room-lock-choice{grid-column:1/2;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel-soft);border-radius:13px;padding:10px 11px;min-height:53px}.room-lock-choice input{width:17px;height:17px;accent-color:var(--accent)}.room-lock-choice>span{display:grid;gap:2px}.room-lock-choice b{font-size:11px}.room-lock-choice small{font-size:9px;color:var(--muted);line-height:1.35}.room-create-actions{grid-column:2/3;display:flex;justify-content:flex-end;gap:8px;align-items:center}
.room-card.private-room{border-color:color-mix(in srgb,var(--accent) 27%,var(--line));background:radial-gradient(circle at 90% 0%,var(--accent-soft),transparent 35%),linear-gradient(155deg,var(--panel),var(--panel2))}.room-card.locked-room{border-style:dashed}.room-card-title{display:flex;align-items:center;gap:8px;margin-top:16px}.room-card-title h3{margin:0}.room-kind{font-size:8px;letter-spacing:.12em;font-weight:950;color:var(--orange);border:1px solid color-mix(in srgb,var(--orange) 30%,var(--line));background:color-mix(in srgb,var(--orange) 7%,transparent);padding:3px 5px;border-radius:999px}.room-icon-stack{display:flex;align-items:center;gap:8px}.room-owner-line{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:9px;line-height:1.35;margin-top:10px;min-height:28px}.room-owner-line b{color:var(--text2)}.room-closed-text{color:var(--orange)}.join-room:disabled,.room:disabled{cursor:not-allowed;opacity:.58;transform:none!important}.room-name-wrap{display:grid;gap:1px;min-width:0}.room-name-wrap>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-name-wrap small{font-size:8px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.door-state{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);position:relative;flex:0 0 auto}.door-state.compact{width:26px;height:26px;border-radius:8px}.door-frame{width:13px;height:18px;border:2px solid currentColor;border-bottom-width:3px;position:relative;border-radius:2px;color:var(--secondary);perspective:45px}.door-leaf{position:absolute;left:1px;top:1px;width:8px;height:12px;background:color-mix(in srgb,var(--secondary) 28%,var(--panel));border:1px solid currentColor;transform-origin:left center;transition:.2s}.door-knob{position:absolute;width:2px;height:2px;border-radius:50%;background:currentColor;right:2px;top:7px;z-index:2}.door-state.open .door-leaf{transform:rotateY(-52deg)}.door-state.closed{color:var(--orange);background:color-mix(in srgb,var(--orange) 7%,var(--panel2))}.door-state.closed .door-frame{color:var(--orange)}.door-state.closed:after{content:"";position:absolute;width:7px;height:6px;border:1.5px solid currentColor;border-radius:2px;bottom:3px;right:2px;background:var(--panel2)}.door-state.closed:before{content:"";position:absolute;width:4px;height:4px;border:1.5px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0;bottom:9px;right:3.5px;z-index:2}

.room-head-title{min-width:0}.room-title-line{display:flex;align-items:center;gap:9px}.room-title-line h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.room-head-actions #roomDescription{max-width:min(520px,38vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-owner-badge,.room-mod-mini{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--orange) 28%,var(--line));background:color-mix(in srgb,var(--orange) 8%,transparent);color:var(--orange);border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.08em;padding:3px 6px}.room-mod-mini{margin-left:5px;vertical-align:middle;font-size:7px;padding:2px 4px}.room-manage-panel{flex:0 0 auto;display:grid;grid-template-columns:minmax(150px,.55fr) minmax(220px,1fr) auto auto auto;gap:10px;align-items:end;padding:12px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--panel2),color-mix(in srgb,var(--accent) 6%,var(--panel)))}.room-manage-panel .field{margin:0}.room-manage-panel .grow{min-width:0}.room-lock-toggle{display:flex;align-items:center;gap:8px;min-height:43px;padding:6px 9px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.room-lock-toggle input{position:absolute;opacity:0;pointer-events:none}.room-lock-toggle>span:last-child{display:grid}.room-lock-toggle b{font-size:10px}.room-lock-toggle small{font-size:8px;color:var(--muted);white-space:nowrap}.door-switch{width:34px;height:20px;border-radius:999px;background:var(--secondary);position:relative;transition:.2s;flex:0 0 auto}.door-switch i{position:absolute;width:14px;height:14px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.18)}.room-lock-toggle input:checked+.door-switch{background:var(--orange)}.room-lock-toggle input:checked+.door-switch i{left:17px}

.composer{grid-template-columns:minmax(0,1fr) auto auto;position:relative}.emoji-btn{width:48px;height:48px;border:1px solid var(--line2);border-radius:12px;background:var(--panel2);color:var(--text);font-size:24px;display:grid;place-items:center;transition:.18s}.emoji-btn:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.emoji-picker{position:fixed;width:min(338px,calc(100vw - 20px));max-height:min(320px,calc(100vh - 24px));overflow:auto;padding:10px;border:1px solid var(--line2);border-radius:16px;background:var(--panel);box-shadow:0 22px 60px rgba(0,0,0,.32);z-index:300;overscroll-behavior:contain}.emoji-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 9px;border-bottom:1px solid var(--line);margin-bottom:8px}.emoji-picker-head b{font-size:12px}.emoji-picker-head span{font-size:9px;color:var(--muted)}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.emoji-choice{width:34px;height:34px;border:1px solid transparent;border-radius:9px;background:transparent;font-size:19px;display:grid;place-items:center;padding:0}.emoji-choice:hover,.emoji-choice:focus-visible{background:var(--panel2);border-color:var(--line);outline:0}

.nickpage-cover.has-cover{background:var(--panel2)}.nickpage-cover-photo{width:100%;height:100%;display:block;object-fit:cover;position:absolute;inset:0}.nickpage-cover.has-cover:after{background:linear-gradient(to top,color-mix(in srgb,var(--panel) 76%,transparent),transparent 60%)}.profile-media-editor{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-bottom:16px}.media-upload-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);cursor:pointer}.media-upload-card:hover{border-color:var(--line2)}.media-upload-card>span:nth-child(3){display:grid;gap:2px;min-width:0}.media-upload-card b{font-size:11px}.media-upload-card small{font-size:9px;color:var(--muted);line-height:1.3}.media-preview{display:grid;place-items:center;overflow:hidden;border:1px solid var(--line2);background:var(--bg2);color:var(--muted);font-size:9px}.avatar-media-preview{width:48px;height:48px;border-radius:14px;font-size:14px;font-weight:900;position:relative}.avatar-media-preview .avatar-photo{border-radius:13px}.cover-media-preview{width:92px;height:48px;border-radius:10px}.cover-media-preview img{width:100%;height:100%;object-fit:cover}.visitors-card{margin-top:14px}.visitors-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.guestbook-wide{margin-top:14px}.guestbook-wide .guestbook-list{max-height:none;overflow:visible}.guestbook-wide .guestbook-entry{padding:14px 16px;grid-template-columns:40px minmax(0,1fr)}.guestbook-wide .guestbook-entry p{font-size:13px;line-height:1.65}.guestbook-wide .guestbook-compose textarea{min-height:86px}

@media(max-width:1100px){.room-create-panel{grid-template-columns:1fr}.room-create-fields{grid-template-columns:1fr 1fr}.room-manage-panel{grid-template-columns:1fr 1fr auto}.room-manage-panel .room-lock-toggle{grid-column:1/3}.room-head-actions #roomDescription{max-width:28vw}.profile-media-editor{grid-template-columns:1fr}}
@media(max-width:820px){.room-head-tools{align-items:flex-start;justify-content:flex-start}.room-create-fields{grid-template-columns:1fr}.room-create-fields .wide,.room-lock-choice,.room-create-actions{grid-column:1}.room-create-actions{justify-content:stretch}.room-create-actions .btn{flex:1}.room-head-actions #roomDescription{display:none}.room-manage-panel{grid-template-columns:1fr;max-height:50vh;overflow:auto}.room-manage-panel .room-lock-toggle{grid-column:1}.room-manage-panel .btn{width:100%}.profile-media-editor{grid-template-columns:1fr}.media-upload-card{grid-template-columns:auto minmax(0,1fr)}.media-upload-card .btn{grid-column:1/-1}.emoji-grid{grid-template-columns:repeat(7,1fr)}}
@media(max-width:520px){.composer{grid-template-columns:minmax(0,1fr) auto auto}.send-btn{padding-inline:11px}.emoji-btn{width:44px;height:48px}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.room-card-foot{align-items:flex-end}.room-card-foot .btn{min-width:112px}.guestbook-wide .guestbook-entry{grid-template-columns:34px minmax(0,1fr);padding:11px}}

/* Alpha 0.6 — Community-Bot & Nachrichtenzentrale */
.bot-message{border-color:color-mix(in srgb,var(--secondary) 22%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--secondary) 7%,var(--panel2)),var(--panel));position:relative}.bot-message:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(var(--secondary),var(--accent))}.bot-avatar{color:var(--secondary);font-size:18px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--secondary) 20%,var(--panel2)),var(--panel2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--secondary) 24%,transparent)}.bot-name{color:var(--secondary);font-weight:900}.bot-role{color:var(--secondary)}.bot-moderation{border-color:color-mix(in srgb,var(--orange) 28%,var(--line));background:color-mix(in srgb,var(--orange) 5%,var(--panel))}

.inbox-page{padding:26px;max-width:1600px;width:100%;margin:0 auto}.inbox-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 32px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--secondary) 9%,transparent),transparent 34%),linear-gradient(135deg,var(--hero1),var(--hero2));box-shadow:var(--shadow)}.inbox-hero h1{font-size:clamp(30px,4vw,50px);letter-spacing:-.05em;margin:7px 0 9px}.inbox-hero p{margin:0;color:var(--muted);max-width:760px;line-height:1.65}.inbox-hero-note{display:flex;align-items:center;gap:11px;min-width:230px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 78%,transparent)}.inbox-hero-note>div{display:grid;gap:2px}.inbox-hero-note b{font-size:13px}.inbox-hero-note span:last-child{font-size:10px;color:var(--muted)}.bot-orb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary) 28%,var(--line));background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--secondary) 18%,var(--panel)),var(--panel2))}
.inbox-shell{margin-top:18px;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.45fr) minmax(280px,.83fr);min-height:620px;border:1px solid var(--line);border-radius:22px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.inbox-conversations,.notification-panel{min-width:0;background:color-mix(in srgb,var(--panel2) 58%,var(--panel))}.inbox-conversations{border-right:1px solid var(--line)}.notification-panel{border-left:1px solid var(--line)}.inbox-pane-head{min-height:72px;padding:15px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.inbox-pane-head>div{display:grid;gap:3px}.inbox-pane-head b{font-size:14px}.conversation-list,.notification-list{padding:9px;display:grid;gap:5px}.conversation-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:13px;padding:10px;min-width:0}.conversation-item:hover,.conversation-item.active{background:var(--panel);border-color:var(--line)}.conversation-item.active{box-shadow:inset 3px 0 0 var(--accent)}.conversation-copy{display:grid;gap:3px;min-width:0}.conversation-copy b{font-size:12px}.conversation-copy small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-empty-small{padding:26px 16px;text-align:center;display:grid;gap:5px}.inbox-empty-small b{font-size:12px}.inbox-empty-small span{font-size:10px;color:var(--muted);line-height:1.5}
.dm-panel{min-width:0;display:flex;flex-direction:column;background:var(--panel)}.dm-empty{min-height:100%;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;padding:40px;color:var(--muted)}.dm-empty b{color:var(--text);font-size:15px}.dm-empty span{max-width:400px;font-size:11px;line-height:1.55}.empty-symbol{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:24px;border:1px solid var(--line2);background:var(--panel2);color:var(--accent)}.dm-active{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.dm-head{min-height:72px;padding:11px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.dm-contact{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:left;padding:3px;border-radius:10px}.dm-contact:hover{background:var(--hover)}.dm-contact>span:last-child{display:grid;gap:2px}.dm-contact b{font-size:12px}.dm-contact small{font-size:9px;color:var(--muted)}.dm-stream{min-height:0;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:9px;scrollbar-gutter:stable}.dm-bubble{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:end;max-width:82%}.dm-bubble.mine{align-self:flex-end;grid-template-columns:minmax(0,1fr) auto}.dm-bubble.mine>.avatar{grid-column:2}.dm-bubble.mine>div{grid-row:1;grid-column:1;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff}.dm-bubble.theirs>div{background:var(--panel2);border:1px solid var(--line)}.dm-bubble>div{border-radius:15px;padding:9px 11px;min-width:90px}.dm-bubble p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55}.dm-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;opacity:.8}.dm-meta b{font-size:9px}.dm-thread-empty{text-align:center;color:var(--muted);font-size:11px;padding:34px}.dm-composer{border-top:1px solid var(--line);padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;background:var(--panel2)}.dm-composer textarea{resize:none;min-height:46px;max-height:120px}.notification-list{max-height:700px;overflow:auto}.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;text-align:left;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text)}.notification-item:hover{background:var(--panel);border-color:var(--line)}.notification-item.unread{background:color-mix(in srgb,var(--accent) 6%,var(--panel));border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.notification-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel2);color:var(--accent);font-weight:900}.notification-item>span:last-child{display:grid;gap:3px;min-width:0}.notification-item b{font-size:10px}.notification-item small{font-size:9px;line-height:1.4;color:var(--muted)}.notification-item em{font-size:8px;color:var(--soft);font-style:normal}

.admin-bot-form{display:grid;gap:12px}.bot-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-check{margin:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.admin-check>span{display:grid;gap:3px}.admin-check b{font-size:11px;color:var(--text)}.admin-check small{font-size:9px;color:var(--muted);line-height:1.4}

@media(max-width:1180px){.inbox-shell{grid-template-columns:250px minmax(0,1fr)}.notification-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.notification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.inbox-shell{min-height:560px}.bot-toggle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.inbox-page{padding:14px}.inbox-hero{align-items:flex-start;flex-direction:column;padding:22px}.inbox-hero-note{min-width:0;width:100%}.inbox-shell{grid-template-columns:1fr;border-radius:17px}.inbox-conversations{border-right:0;border-bottom:1px solid var(--line)}.conversation-list{display:flex;overflow:auto;gap:7px}.conversation-item{min-width:220px}.dm-panel{min-height:520px}.notification-list{grid-template-columns:1fr}.bot-toggle-grid{grid-template-columns:1fr}}
@media(max-width:520px){.inbox-page{padding:10px}.inbox-hero{padding:18px}.inbox-hero h1{font-size:31px}.dm-panel{min-height:500px}.dm-head{align-items:flex-start;flex-direction:column}.dm-bubble{max-width:94%}.dm-composer{grid-template-columns:1fr}.dm-composer .btn{width:100%}}
.conversation-group-label{padding:8px 10px 3px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--soft);font-weight:900}


/* Alpha 0.6.2 — Landing experience + system bot presence */
.auth-hero{padding:54px clamp(30px,5vw,78px);justify-content:flex-start;gap:42px;overflow:hidden;position:relative}
.auth-story{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(330px,.98fr);gap:42px;align-items:center;flex:1;min-height:0}
.auth-copy h1{font-size:clamp(44px,5vw,76px);line-height:.96;letter-spacing:-.055em;margin:20px 0 18px;max-width:720px}
.auth-copy>p{max-width:650px;font-size:17px;line-height:1.68;color:var(--muted);margin:0}
.auth-values{display:grid;gap:11px;margin-top:28px;max-width:650px}
.auth-values>div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:11px 13px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel) 58%,transparent)}
.auth-values b{display:block;font-size:13px;color:var(--text)}
.auth-values small{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.35}
.auth-value-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--secondary);font-weight:900}
.auth-tagline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.015em}
.auth-tagline>span{width:28px;height:1px;background:linear-gradient(90deg,var(--accent),var(--secondary))}
.community-scene{position:relative;min-height:410px;border-radius:32px;border:1px solid var(--line);background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--bg2) 95%,transparent));box-shadow:0 28px 80px rgba(0,0,0,.24);overflow:hidden;padding:28px;isolation:isolate}
.community-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 38%,transparent) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 75%);z-index:-3}
.scene-glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.26;z-index:-2}.scene-glow-one{width:220px;height:220px;right:-55px;top:-35px;background:var(--secondary)}.scene-glow-two{width:210px;height:210px;left:-70px;bottom:-55px;background:var(--accent)}
.scene-chat-card{position:absolute;left:28px;right:76px;top:44px;border:1px solid var(--line2);border-radius:20px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 20px 55px rgba(0,0,0,.18);padding:16px;backdrop-filter:blur(14px)}
.scene-card-head{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 12px;border-bottom:1px solid var(--line);font-weight:850;font-size:13px}.scene-card-head small{font-size:9px;letter-spacing:.13em;color:var(--secondary)}.scene-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--secondary);margin-right:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary) 14%,transparent)}
.scene-message{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px 3px 2px}.scene-message b{display:block;font-size:12px}.scene-message small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.scene-avatar{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:white;font-weight:900;font-size:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.av-one{background:linear-gradient(135deg,#ff8ea1,#d45cff)}.av-two{background:linear-gradient(135deg,#628cff,#55d9dc)}.av-three{background:linear-gradient(135deg,#ffb34c,#ff6c6c)}.av-four{background:linear-gradient(135deg,#9868ff,#4dcbd0)}
.scene-profile-card{position:absolute;right:26px;bottom:78px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:17px;border:1px solid var(--line2);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 20px 50px rgba(0,0,0,.2)}.scene-profile-card b{display:block;font-size:12px}.scene-profile-card small{display:block;font-size:10px;color:var(--secondary);margin-top:2px}.scene-profile-avatar{width:40px;height:40px;border-radius:14px}
.scene-room-card{position:absolute;left:26px;bottom:34px;display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:15px;background:color-mix(in srgb,var(--panel3) 93%,transparent);border:1px solid var(--line2);box-shadow:0 15px 38px rgba(0,0,0,.16)}.scene-room-card>span{font-size:18px;color:var(--secondary)}.scene-room-card b{display:block;font-size:11px}.scene-room-card small{display:block;font-size:9px;color:var(--muted)}
.scene-bubble{position:absolute;right:20px;top:18px;max-width:170px;padding:9px 12px;border-radius:14px 14px 4px 14px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:white;font-size:10px;font-weight:800;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 22%,transparent)}
html[data-theme="light"] .community-scene{box-shadow:0 26px 70px rgba(64,91,120,.16)}
.bot-presence-row{cursor:default;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 72%,transparent),transparent);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}
.bot-presence-avatar{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;font-size:18px}
.bot-presence-name{display:flex;align-items:center;gap:7px;color:var(--text)}
.bot-presence-badge{font-size:8px;line-height:1;padding:4px 5px;border-radius:999px;background:var(--accent-soft);color:var(--accent);letter-spacing:.1em;font-weight:950}
.bot-presence-status{width:8px;height:8px;border-radius:50%;background:var(--secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary) 13%,transparent);margin-right:4px}
@media(max-width:1320px){.auth-story{grid-template-columns:1fr}.community-scene{min-height:250px}.scene-chat-card{right:130px}.auth-values{grid-template-columns:1fr 1fr}.auth-values>div:last-child{grid-column:1/-1}}
@media(max-width:980px){.auth-story{display:block}.community-scene{display:none}.auth-values{grid-template-columns:1fr}.auth-values>div:last-child{grid-column:auto}}


/* 0.6.3 — room directory, rules, premium, trust */
.rooms-directory,.premium-page{padding:28px;max-width:1500px;width:100%;margin:0 auto}.rooms-directory-hero,.premium-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--panel),var(--panel2));box-shadow:var(--shadow)}.rooms-directory-hero h1,.premium-hero h1{margin:6px 0 8px;font-size:clamp(34px,5vw,60px);letter-spacing:-.055em}.rooms-directory-hero p,.premium-hero p{max-width:760px;color:var(--muted);line-height:1.7}.rooms-directory-stats{display:grid;grid-template-columns:repeat(3,110px);gap:8px}.rooms-directory-stats>div{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px}.rooms-directory-stats b{display:block;font-size:25px}.rooms-directory-stats span{font-size:10px;color:var(--muted)}.rooms-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.room-filters{display:flex;flex-wrap:wrap;gap:7px}.room-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.directory-room-card{min-height:240px}.community-kind{opacity:.75}.rooms-empty{grid-column:1/-1;padding:50px;border:1px dashed var(--line2);border-radius:20px;text-align:center;display:grid;gap:5px;color:var(--muted)}.rooms-empty b{color:var(--text)}.active-room-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--green) 7%,var(--panel))}.active-room-banner>div{display:flex;align-items:center;gap:8px}.room-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.room-preview-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);text-align:left}.room-preview-card:hover{border-color:var(--line2);transform:translateY(-1px)}.room-preview-card>span:nth-child(2){display:grid;min-width:0}.room-preview-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-preview-card small{color:var(--muted);font-size:9px}.room-preview-icon{width:37px;height:37px;border-radius:11px;background:var(--panel);display:grid;place-items:center;font-size:18px}
.rules-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(3,8,16,.72);backdrop-filter:blur(8px)}.rules-overlay.hidden{display:none}.rules-card{width:min(720px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;border:1px solid var(--line2);border-radius:24px;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.4);padding:24px}.rules-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.rules-head h2{font-size:28px;margin:4px 0}.rules-list{display:grid;gap:10px;margin:20px 0;padding-left:24px}.rules-list li{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text2);line-height:1.55}.rules-accept-check{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:13px;background:color-mix(in srgb,var(--accent) 7%,var(--panel2));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.rules-accept-check input{margin-top:2px}.rules-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.premium-nav{color:var(--orange)!important}.premium-price{padding:16px 22px;border:1px solid color-mix(in srgb,var(--orange) 35%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--orange) 7%,var(--panel));text-align:right}.premium-price b{display:block;font-size:32px}.premium-price span{font-size:11px;color:var(--muted)}.premium-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:16px}.premium-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.premium-card.featured{border-color:color-mix(in srgb,var(--orange) 35%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--orange) 7%,var(--panel)),var(--panel))}.premium-kicker,.premium-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--orange) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--orange) 35%,var(--line));color:var(--orange);font-size:9px;font-weight:950;letter-spacing:.08em}.premium-card h2{font-size:22px}.premium-card ul{padding-left:20px;color:var(--text2);line-height:1.9}.premium-compare{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:22px;padding:14px;border-radius:14px;background:var(--panel2)}.premium-compare span{color:var(--muted)}.trust-scale{display:grid;gap:7px;margin-top:18px}.trust-scale span,.trust-badge{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);font-size:9px;font-weight:850}.profile-badges{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.trust-3{border-color:color-mix(in srgb,var(--green) 38%,var(--line));color:var(--green)}.trust-2{border-color:color-mix(in srgb,var(--secondary) 38%,var(--line));color:var(--secondary)}.premium-profile .nickpage-cover{box-shadow:inset 0 -1px color-mix(in srgb,var(--orange) 45%,transparent)}.accent-ocean .nickpage-cover{background:linear-gradient(125deg,#0b3b57,#136f8c,#10233e)}.accent-sunset .nickpage-cover{background:linear-gradient(125deg,#4d1738,#b84b49,#ef9852)}.accent-ice .nickpage-cover{background:linear-gradient(125deg,#dff4ff,#8bc9e8,#668ab6)}.accent-violet .nickpage-cover{background:linear-gradient(125deg,#241344,#6d45b8,#bd71d5)}
.profile-stat-strip{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.profile-stat-strip{grid-template-columns:repeat(3,1fr)}.room-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-grid{grid-template-columns:1fr}.rooms-directory-hero,.premium-hero{align-items:flex-start;flex-direction:column}.rooms-directory-stats{width:100%;grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.rooms-directory,.premium-page{padding:14px}.room-preview-grid{grid-template-columns:1fr}.rooms-directory-toolbar,.active-room-banner{align-items:stretch;flex-direction:column}.room-filters{width:100%}.rooms-directory-toolbar>.btn,.active-room-banner>.btn{width:100%}.rules-card{padding:17px;border-radius:18px}.rules-actions{display:grid;grid-template-columns:1fr 1fr}.profile-stat-strip{grid-template-columns:1fr 1fr}}

/* 0.6.4 — Premium Studio + activity levels */
.nickpage-shell{display:grid;gap:14px}.profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-custom-title{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--orange) 40%,var(--line));background:color-mix(in srgb,var(--orange) 9%,var(--panel));color:var(--orange);font-size:10px;font-weight:950;letter-spacing:.05em}.profile-motto{font-size:13px;color:var(--text2);font-weight:800;margin:3px 0 7px}.level-badge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--secondary) 40%,var(--line));background:color-mix(in srgb,var(--secondary) 8%,var(--panel));color:var(--secondary);font-size:9px;font-weight:950;letter-spacing:.08em}
.level-progress-card{margin:-2px 0 16px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--panel),var(--panel2));box-shadow:var(--shadow)}.level-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.level-progress-head h3{margin:3px 0 0;font-size:22px}.level-points{text-align:right}.level-points b{display:block;font-size:22px}.level-points span,.level-progress-foot{font-size:10px;color:var(--muted)}.level-track{height:9px;background:var(--panel3);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:13px 0 8px}.level-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--secondary),var(--orange));box-shadow:0 0 22px color-mix(in srgb,var(--accent) 30%,transparent)}.level-progress-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.activity-card{margin-top:14px}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.activity-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.activity-grid b{display:block;font-size:23px}.activity-grid span{font-size:10px;color:var(--muted);line-height:1.45}
.premium-studio{margin:22px 0 4px;padding:20px;border:1px solid color-mix(in srgb,var(--orange) 34%,var(--line));border-radius:20px;background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--orange) 10%,transparent),transparent 34%),linear-gradient(145deg,var(--panel2),var(--panel));overflow:hidden}.premium-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.premium-studio h3{margin:6px 0 6px;font-size:24px}.premium-studio p{margin:0;color:var(--muted);line-height:1.65}.studio-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.studio-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.studio-label b{font-size:13px}.studio-label span{font-size:10px;color:var(--muted)}.premium-choice-grid{display:grid;gap:8px}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-choice{position:relative;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer;min-width:0;transition:.16s}.premium-choice:hover,.premium-choice.selected{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.premium-choice input,.frame-choice input{position:absolute;opacity:0;pointer-events:none}.premium-choice>span:nth-of-type(2){display:grid;min-width:0}.premium-choice b{font-size:11px}.premium-choice small{font-size:9px;color:var(--muted)}.premium-choice>i{margin-left:auto;font-style:normal;opacity:0;color:var(--green);font-weight:950}.premium-choice.selected>i{opacity:1}.theme-swatch{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.swatch-violet{background:linear-gradient(135deg,#7d57ff,#53d7d5)}.swatch-blue{background:linear-gradient(135deg,#0b3b57,#21a2bf)}.swatch-orange{background:linear-gradient(135deg,#6b173c,#f39a51)}.swatch-ice{background:linear-gradient(135deg,#dff4ff,#6690bd)}.swatch-purple{background:linear-gradient(135deg,#371e68,#c16bd9)}.swatch-ember{background:linear-gradient(135deg,#2a1010,#db4d2e,#ffb04c)}.swatch-mint{background:linear-gradient(135deg,#0f3b39,#39bfa8,#8ee7ce)}
.layout-mini{width:54px;height:40px;border:1px solid var(--line2);border-radius:9px;background:var(--panel2);display:grid;gap:3px;padding:5px;flex:0 0 auto}.layout-mini i{display:block;border-radius:3px;background:var(--soft);opacity:.55}.layout-mini-classic{grid-template-columns:13px 1fr}.layout-mini-classic i:first-child{grid-row:1/3}.layout-mini-spotlight{grid-template-columns:1fr 13px 1fr}.layout-mini-spotlight i:first-child{grid-column:2}.layout-mini-spotlight i:nth-child(2){grid-column:1/4}.layout-mini-split{grid-template-columns:1fr 1fr}.layout-mini-split i:first-child{grid-row:1/3}.frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.frame-choice{position:relative;display:grid;place-items:center;gap:7px;padding:11px 8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer;font-size:10px}.frame-choice.selected{border-color:color-mix(in srgb,var(--orange) 60%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orange) 20%,transparent)}.frame-demo{width:46px;height:46px;border-radius:15px;background:var(--panel2);display:grid;place-items:center;overflow:hidden}.frame-aurora .frame-demo{box-shadow:0 0 0 3px #8f6cff,0 0 22px rgba(83,215,213,.45)}.frame-chrome .frame-demo{box-shadow:0 0 0 3px #cad5e2,0 0 0 5px #5d6875}.frame-ember .frame-demo{box-shadow:0 0 0 3px #ff774c,0 0 22px rgba(255,119,76,.35)}.frame-ice .frame-demo{box-shadow:0 0 0 3px #9be2ff,0 0 20px rgba(155,226,255,.4)}.premium-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.locked-studio{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px}.studio-teasers{display:flex;gap:6px}.studio-teaser{width:52px;height:64px;border-radius:12px;border:1px solid var(--line);display:block}.studio-teaser.ocean{background:linear-gradient(145deg,#0b3b57,#21a2bf)}.studio-teaser.sunset{background:linear-gradient(145deg,#6b173c,#f39a51)}.studio-teaser.mint{background:linear-gradient(145deg,#0f3b39,#53d6b5)}
.premium-profile.frame-aurora .profile-avatar{box-shadow:0 0 0 4px #896bff,0 0 0 7px color-mix(in srgb,#53d7d5 70%,transparent),0 18px 42px rgba(87,76,255,.28)}.premium-profile.frame-chrome .profile-avatar{box-shadow:0 0 0 4px #d8e2ec,0 0 0 7px #626c78,0 18px 36px rgba(0,0,0,.24)}.premium-profile.frame-ember .profile-avatar{box-shadow:0 0 0 4px #ff7446,0 0 28px rgba(255,116,70,.5)}.premium-profile.frame-ice .profile-avatar{box-shadow:0 0 0 4px #a6e6ff,0 0 26px rgba(166,230,255,.55)}.accent-ember .nickpage-cover{background:linear-gradient(125deg,#280d0b,#9c2f25,#ef893e)}.accent-mint .nickpage-cover{background:linear-gradient(125deg,#0c302f,#1d776d,#6bd7bc)}.layout-spotlight .nickpage-identity{grid-template-columns:1fr;justify-items:center;text-align:center;margin-top:-62px}.layout-spotlight .nickpage-title{display:grid;justify-items:center}.layout-spotlight .nickpage-actions{justify-content:center}.layout-spotlight .tag-row{justify-content:center}.layout-split .nickpage-identity{grid-template-columns:auto minmax(0,.9fr) minmax(280px,.55fr)}.layout-split .nickpage-actions{align-self:stretch;justify-content:flex-end;border-left:1px solid var(--line);padding-left:24px}
.emoji-rewards{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);display:grid;gap:8px}.emoji-level-pack{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px}.emoji-pack-title{display:grid}.emoji-pack-title span{font-size:10px;font-weight:900}.emoji-pack-title small{font-size:8px;color:var(--muted)}.emoji-grid.compact{grid-template-columns:repeat(3,36px);gap:5px}.emoji-choice.locked{position:relative;filter:saturate(.25);opacity:.44}.emoji-choice.locked i{position:absolute;right:0;bottom:0;font-style:normal;font-size:8px}
.premium-hero-v2{align-items:center}.premium-hero-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.premium-hero-badges span{padding:6px 9px;border-radius:999px;border:1px solid var(--line2);background:var(--panel);font-size:9px;font-weight:850;color:var(--text2)}.premium-price-v2{min-width:190px}.premium-price-v2>span{display:block;font-size:9px;font-weight:950;letter-spacing:.12em;color:var(--orange)}.premium-price-v2 small{display:block;color:var(--muted)}.premium-status{margin-top:9px;font-size:9px;color:var(--text2)}.premium-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin-top:16px;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--panel),var(--panel2));overflow:hidden}.premium-showcase-copy h2{font-size:31px;margin:7px 0}.premium-showcase-copy p{color:var(--muted);line-height:1.7}.premium-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.premium-feature-list span{font-size:10px;color:var(--text2)}.profile-preview-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;perspective:900px}.mini-premium-profile{border:1px solid var(--line2);border-radius:17px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow);transform:rotateY(-5deg)}.mini-premium-profile:nth-child(2){transform:translateY(-12px)}.mini-premium-profile:nth-child(3){transform:rotateY(5deg)}.mini-cover{height:70px}.preview-ocean .mini-cover{background:linear-gradient(135deg,#0b3b57,#136f8c,#10233e)}.preview-sunset .mini-cover{background:linear-gradient(135deg,#4d1738,#b84b49,#ef9852)}.preview-mint .mini-cover{background:linear-gradient(135deg,#0c302f,#1d776d,#6bd7bc)}.mini-profile-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px}.mini-avatar{width:35px;height:35px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;font-weight:950;box-shadow:0 0 0 2px var(--accent)}.mini-profile-row>div:nth-child(2){display:grid;min-width:0}.mini-profile-row b{font-size:11px}.mini-profile-row small{font-size:8px;color:var(--muted)}.mini-profile-row>span{font-size:7px;color:var(--orange);font-weight:950}.mini-premium-profile p{font-size:8px;color:var(--muted);padding:0 10px 12px;margin:0}.premium-grid-v2{grid-template-columns:1.2fr 1fr 1fr}.points-explainer{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:center;margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.points-explainer h2{margin:5px 0;font-size:26px}.points-explainer p{margin:0;color:var(--muted);line-height:1.6}.points-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.points-rule-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.points-rule-grid b{display:block;font-size:22px;color:var(--secondary)}.points-rule-grid span{font-size:9px;color:var(--muted)}
@media(max-width:980px){.theme-grid{grid-template-columns:repeat(2,1fr)}.frame-grid{grid-template-columns:repeat(3,1fr)}.premium-showcase,.points-explainer{grid-template-columns:1fr}.profile-preview-stage{max-width:700px}.activity-grid{grid-template-columns:1fr 1fr}.locked-studio{grid-template-columns:1fr}.layout-split .nickpage-identity{grid-template-columns:1fr}.layout-split .nickpage-actions{border-left:0;padding-left:0}.premium-grid-v2{grid-template-columns:1fr}}
@media(max-width:650px){.layout-grid,.premium-copy-grid,.profile-preview-stage,.points-rule-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:1fr 1fr}.frame-grid{grid-template-columns:repeat(2,1fr)}.studio-label{align-items:flex-start;flex-direction:column}.level-progress-head{align-items:flex-start}.premium-showcase{padding:18px}.activity-grid{grid-template-columns:1fr 1fr}.emoji-level-pack{grid-template-columns:1fr}.emoji-grid.compact{grid-template-columns:repeat(3,36px)}}


/* 0.6.5 — Premium Studio 2.0 + Activity Progression */
.progress-page{padding:28px;max-width:1500px;width:100%;margin:0 auto}
.progress-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:stretch;padding:28px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--secondary) 14%,transparent),transparent 28%),linear-gradient(135deg,var(--panel),var(--panel2));box-shadow:var(--shadow);overflow:hidden}
.progress-hero h1{font-size:clamp(35px,5vw,61px);letter-spacing:-.055em;margin:6px 0 8px}
.progress-hero p{max-width:800px;color:var(--muted);line-height:1.7}
.progress-quickstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.progress-quickstats>div{padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 82%,transparent)}
.progress-quickstats b{display:block;font-size:20px}.progress-quickstats span{font-size:9px;color:var(--muted)}
.progress-level-orb{position:relative;display:grid;align-content:center;justify-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--secondary) 35%,var(--line));border-radius:22px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--secondary) 20%,var(--panel)),var(--panel));overflow:hidden}
.progress-level-orb:before{content:"";position:absolute;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--secondary) 5%,transparent),0 0 70px color-mix(in srgb,var(--accent) 16%,transparent)}
.progress-level-orb>*{position:relative}.progress-level-orb span{font-size:9px;font-weight:950;letter-spacing:.13em;color:var(--secondary)}.progress-level-orb b{font-size:30px;margin:7px 0}.progress-level-orb strong{font-size:38px;line-height:1}.progress-level-orb small{color:var(--muted);margin-top:3px}
.progress-main-card,.progress-panel{margin-top:14px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}
.progress-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.progress-card-head h2{margin:4px 0 0;font-size:23px}.progress-card-head>b{font-size:22px;color:var(--secondary)}
.progress-big-track{height:14px;margin:15px 0 18px;border-radius:999px;background:var(--panel3);border:1px solid var(--line);overflow:hidden}.progress-big-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--secondary),var(--orange));box-shadow:0 0 24px color-mix(in srgb,var(--secondary) 32%,transparent);transition:width .35s ease}
.progress-rules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.progress-rules>div{display:grid;gap:2px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.progress-rules b{font-size:20px;color:var(--secondary)}.progress-rules span{font-size:10px;font-weight:850}.progress-rules small{font-size:8px;color:var(--muted)}
.progress-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:14px}.reward-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.reward-step{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);min-height:132px;overflow:hidden}.reward-step.unlocked{border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--green) 6%,var(--panel2)),var(--panel2))}.reward-step.locked{opacity:.72}.reward-level{grid-column:1/-1;font-size:8px;font-weight:950;letter-spacing:.13em;color:var(--muted)}.reward-icon{font-size:25px;letter-spacing:4px;white-space:nowrap}.reward-step h3{font-size:13px;margin:0 0 4px}.reward-step p{font-size:9px;color:var(--muted);line-height:1.45;margin:0}.reward-state{position:absolute;right:10px;top:9px;font-size:8px;font-weight:950;color:var(--green)}.reward-step.locked .reward-state{color:var(--muted)}
.progress-ranking{display:grid;gap:6px}.progress-rank{display:grid;grid-template-columns:36px 38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);text-align:left}.progress-rank:hover{border-color:var(--line2)}.progress-rank>span:nth-child(3){display:grid}.progress-rank b{font-size:10px}.progress-rank small{font-size:8px;color:var(--muted)}.progress-rank strong{font-size:10px}.rank-medal{font-size:12px;text-align:center}
.point-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.point-log{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.point-log-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--secondary) 10%,var(--panel));color:var(--secondary);font-weight:950}.point-log>div{display:grid}.point-log b{font-size:10px}.point-log small{font-size:8px;color:var(--muted)}.point-log strong{font-size:11px}.point-log strong.plus{color:var(--green)}.point-log strong.minus{color:var(--red)}.progress-empty{grid-column:1/-1;padding:28px;text-align:center;color:var(--muted)}

.premium-studio-v2{padding:22px}.premium-studio-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.premium-studio-controls{min-width:0}.premium-studio-v2 .studio-section.first{border-top:0;padding-top:0}.premium-studio-v2 .theme-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.premium-studio-v2 .layout-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pattern-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.card-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.name-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.name-style-choice{position:relative;display:grid;gap:7px;justify-items:start;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer}.name-style-choice input{position:absolute;opacity:0}.name-style-choice.selected{border-color:color-mix(in srgb,var(--orange) 50%,var(--line));background:color-mix(in srgb,var(--orange) 5%,var(--panel))}.name-style-choice b{font-size:9px;color:var(--muted)}.name-demo{font-size:14px;font-weight:950}.name-demo.name-gradient{background:linear-gradient(90deg,#8f6cff,#50d5d2,#ff9a4d);-webkit-background-clip:text;background-clip:text;color:transparent}.name-demo.name-glow{color:#fff;text-shadow:0 0 10px #8f6cff,0 0 20px #53d7d5}.name-demo.name-outline{color:transparent;-webkit-text-stroke:1px var(--text)}
.pattern-demo{width:38px;height:38px;border-radius:11px;border:1px solid var(--line2);background-color:var(--panel2)}.pattern-demo.sample-stars{background-image:radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#8fdcff 1px,transparent 1.5px);background-position:0 0,9px 11px;background-size:15px 15px,19px 19px}.pattern-demo.sample-grid{background-image:linear-gradient(color-mix(in srgb,var(--accent) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent) 1px,transparent 1px);background-size:8px 8px}.pattern-demo.sample-waves{background-image:repeating-radial-gradient(circle at 0 100%,transparent 0 8px,color-mix(in srgb,var(--secondary) 28%,transparent) 9px 10px,transparent 11px 18px)}.pattern-demo.sample-orbit{background-image:radial-gradient(circle at 50% 50%,transparent 0 6px,color-mix(in srgb,var(--orange) 32%,transparent) 7px 8px,transparent 9px 14px,color-mix(in srgb,var(--accent) 22%,transparent) 15px 16px,transparent 17px)}
.card-style-demo{width:42px;height:38px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:5px}.card-style-demo i{border-radius:4px;background:var(--soft)}.card-style-solid{background:var(--panel2);border:1px solid var(--line2)}.card-style-glass{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 18px rgba(255,255,255,.04)}.card-style-outline{background:transparent;border:1px dashed var(--line2)}
.swatch-rose{background:linear-gradient(135deg,#3b1737,#dc6f9a,#ffb2c8)}.swatch-midnight{background:linear-gradient(135deg,#05070e,#151c35,#644cff)}.swatch-gold{background:linear-gradient(135deg,#2a1b05,#95681c,#ffd57a)}
.layout-mini-cover{grid-template-columns:1fr 1fr}.layout-mini-cover i:first-child{grid-column:1/-1;height:15px}.layout-mini-cover i:nth-child(2){width:13px}.layout-mini-cover i:nth-child(3){width:auto}
.frame-neon .frame-demo{box-shadow:0 0 0 3px #ff4fd8,0 0 0 5px #35e7ff,0 0 26px rgba(53,231,255,.5)}.frame-gold .frame-demo{box-shadow:0 0 0 3px #f2c76e,0 0 0 5px #7e5b18,0 0 26px rgba(242,199,110,.42)}
.premium-live-preview{position:sticky;top:84px;min-height:455px;border:1px solid var(--line2);border-radius:20px;background:var(--panel);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.22)}.preview-label{position:absolute;z-index:4;left:12px;top:12px;padding:5px 7px;border-radius:999px;background:rgba(5,8,18,.68);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:8px;font-weight:950;letter-spacing:.1em}.premium-preview-cover{height:170px;position:relative;overflow:hidden;background:linear-gradient(125deg,#241344,#6d45b8,#bd71d5)}.premium-preview-cover span,.premium-preview-cover i{position:absolute;border-radius:50%;filter:blur(3px);opacity:.5}.premium-preview-cover span{width:150px;height:150px;right:-20px;top:-45px;background:#53d7d5}.premium-preview-cover i{width:110px;height:110px;left:-25px;bottom:-45px;background:#ff9a4d}.premium-preview-profile{display:grid;grid-template-columns:62px 1fr;gap:13px;align-items:center;padding:0 17px 15px;margin-top:-30px;position:relative}.premium-preview-avatar{width:62px;height:62px;border-radius:20px;background:var(--panel2);display:grid;place-items:center;font-size:18px;font-weight:950;overflow:hidden;box-shadow:0 0 0 4px var(--panel),0 0 0 6px #896bff}.premium-preview-profile>div:nth-child(2){padding-top:32px}.premium-preview-profile small{display:block;color:var(--orange);font-weight:900;font-size:8px}.premium-preview-name{display:block;font-size:22px;margin:2px 0}.premium-preview-profile p{font-size:9px;color:var(--muted);margin:0}.premium-preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px}.premium-preview-cards span{height:88px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.premium-preview-cards span:last-child{grid-column:1/-1;height:70px}
.premium-live-preview.accent-ocean .premium-preview-cover{background:linear-gradient(125deg,#0b3b57,#136f8c,#10233e)}.premium-live-preview.accent-sunset .premium-preview-cover{background:linear-gradient(125deg,#4d1738,#b84b49,#ef9852)}.premium-live-preview.accent-ice .premium-preview-cover{background:linear-gradient(125deg,#dff4ff,#8bc9e8,#668ab6)}.premium-live-preview.accent-violet .premium-preview-cover{background:linear-gradient(125deg,#241344,#6d45b8,#bd71d5)}.premium-live-preview.accent-ember .premium-preview-cover{background:linear-gradient(125deg,#280d0b,#9c2f25,#ef893e)}.premium-live-preview.accent-mint .premium-preview-cover{background:linear-gradient(125deg,#0c302f,#1d776d,#6bd7bc)}.premium-live-preview.accent-rose .premium-preview-cover{background:linear-gradient(125deg,#3b1737,#9a3f6d,#ef9ab8)}.premium-live-preview.accent-midnight .premium-preview-cover{background:linear-gradient(125deg,#03050a,#11182d,#4c3bcc)}.premium-live-preview.accent-gold .premium-preview-cover{background:linear-gradient(125deg,#261a05,#7b5718,#d6a64b)}
.premium-live-preview.name-gradient .premium-preview-name,.nickpage-shell.name-gradient .profile-name-row h1{background:linear-gradient(90deg,#8f6cff,#53d7d5,#ff9a4d);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-live-preview.name-glow .premium-preview-name,.nickpage-shell.name-glow .profile-name-row h1{text-shadow:0 0 13px color-mix(in srgb,var(--accent) 70%,transparent),0 0 25px color-mix(in srgb,var(--secondary) 45%,transparent)}.premium-live-preview.name-outline .premium-preview-name,.nickpage-shell.name-outline .profile-name-row h1{color:transparent;-webkit-text-stroke:1px var(--text)}
.premium-live-preview.frame-neon .premium-preview-avatar,.premium-profile.frame-neon .profile-avatar{box-shadow:0 0 0 4px #ff4fd8,0 0 0 7px #35e7ff,0 0 30px rgba(53,231,255,.5)}.premium-live-preview.frame-gold .premium-preview-avatar,.premium-profile.frame-gold .profile-avatar{box-shadow:0 0 0 4px #f3cf79,0 0 0 7px #735113,0 0 28px rgba(243,207,121,.42)}
.premium-live-preview.card-glass .premium-preview-cards span,.nickpage-shell.card-glass .profile-card,.nickpage-shell.card-glass .level-progress-card{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 78%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));backdrop-filter:blur(14px);border-color:rgba(255,255,255,.12)}.premium-live-preview.card-outline .premium-preview-cards span,.nickpage-shell.card-outline .profile-card,.nickpage-shell.card-outline .level-progress-card{background:transparent;border-color:var(--line2);box-shadow:none}
.nickpage-shell.accent-rose .nickpage-cover{background:linear-gradient(125deg,#3b1737,#9a3f6d,#ef9ab8)}.nickpage-shell.accent-midnight .nickpage-cover{background:linear-gradient(125deg,#03050a,#11182d,#4c3bcc)}.nickpage-shell.accent-gold .nickpage-cover{background:linear-gradient(125deg,#261a05,#7b5718,#d6a64b)}
.nickpage-shell[class*="pattern-"]{position:relative}.nickpage-shell.pattern-stars,.premium-live-preview.pattern-stars{background-image:radial-gradient(circle at 8% 13%,color-mix(in srgb,var(--secondary) 35%,transparent) 1px,transparent 1.5px),radial-gradient(circle at 63% 8%,color-mix(in srgb,var(--accent) 35%,transparent) 1px,transparent 1.5px);background-size:26px 26px,31px 31px}.nickpage-shell.pattern-grid,.premium-live-preview.pattern-grid{background-image:linear-gradient(color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px);background-size:22px 22px}.nickpage-shell.pattern-waves,.premium-live-preview.pattern-waves{background-image:repeating-radial-gradient(circle at 0 100%,transparent 0 30px,color-mix(in srgb,var(--secondary) 7%,transparent) 31px 32px,transparent 33px 62px)}.nickpage-shell.pattern-orbit,.premium-live-preview.pattern-orbit{background-image:radial-gradient(circle at 95% 10%,transparent 0 70px,color-mix(in srgb,var(--orange) 7%,transparent) 71px 72px,transparent 73px 110px,color-mix(in srgb,var(--accent) 6%,transparent) 111px 112px,transparent 113px)}
.layout-cover .nickpage-identity{margin:-82px 22px 0;padding:20px;border:1px solid var(--line2);border-radius:20px;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(16px);box-shadow:var(--shadow);position:relative;z-index:3}.layout-cover .nickpage-cover{height:300px}.premium-live-preview.layout-cover .premium-preview-cover{height:220px}.premium-live-preview.layout-cover .premium-preview-profile{margin-top:-58px;padding:12px 16px;background:rgba(5,8,18,.55);backdrop-filter:blur(12px)}
.points-rule-grid{grid-template-columns:repeat(5,1fr)}

@media(max-width:1150px){.premium-studio-workspace{grid-template-columns:1fr}.premium-live-preview{position:relative;top:auto;min-height:390px}.premium-studio-v2 .theme-grid{grid-template-columns:repeat(5,1fr)}.reward-roadmap{grid-template-columns:repeat(2,1fr)}.progress-columns{grid-template-columns:1fr}}
@media(max-width:850px){.progress-hero{grid-template-columns:1fr}.progress-level-orb{min-height:220px}.progress-quickstats,.progress-rules{grid-template-columns:repeat(2,1fr)}.point-history{grid-template-columns:1fr}.premium-studio-v2 .theme-grid,.pattern-grid{grid-template-columns:repeat(2,1fr)}.premium-studio-v2 .layout-grid,.name-style-grid{grid-template-columns:repeat(2,1fr)}.card-style-grid{grid-template-columns:1fr}.frame-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.progress-page{padding:14px}.progress-quickstats,.progress-rules,.reward-roadmap{grid-template-columns:1fr}.premium-studio-v2 .theme-grid,.pattern-grid,.premium-studio-v2 .layout-grid,.name-style-grid{grid-template-columns:1fr}.frame-grid{grid-template-columns:repeat(2,1fr)}}

/* 0.6.6 — Premium Presence + Nickpage Polish */

/* Status dots: compact avatars must never clip the online indicator. */
.avatar{overflow:visible}
.avatar-photo{overflow:hidden}
.avatar .status-dot,.status-dot{
  width:12px;height:12px;right:-3px;bottom:-3px;border:2.5px solid var(--panel);
  background:#2fd27b;box-shadow:0 0 0 1px rgba(0,0,0,.32),0 0 12px rgba(47,210,123,.42);z-index:10
}
.avatar.sm .status-dot{width:11px;height:11px;right:-4px;bottom:-4px;border-width:2.5px}
.avatar.xs .status-dot{width:9px;height:9px;right:-3px;bottom:-3px;border-width:2px}
.profile-avatar .status-dot{width:17px;height:17px;right:2px;bottom:2px;border-width:3px}
.member-avatar .status-dot{right:-4px;bottom:-4px}

/* One premium frame component is rendered inside every avatar in the product. */
.avatar-premium-frame,.premium-preview-frame{
  position:absolute;inset:-4px;border-radius:inherit;pointer-events:none;z-index:5;
  padding:2.5px;background:transparent
}
.avatar-premium-frame::before,.avatar-premium-frame::after,
.premium-preview-frame::before,.premium-preview-frame::after{content:"";position:absolute;pointer-events:none}
.avatar.sm .avatar-premium-frame{inset:-3px;padding:2px}
.avatar.xs .avatar-premium-frame{inset:-2.5px;padding:1.7px}
.profile-avatar .avatar-premium-frame{inset:-7px;padding:4px}

.avatar-frame-aurora{
  background:conic-gradient(from 20deg,#805dff,#55e4e0,#ff70b8,#ffb553,#805dff);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(85,228,224,.52));animation:premiumOrbit 7s linear infinite
}
.avatar-frame-chrome{
  background:linear-gradient(135deg,#f7fbff 0%,#7f8c9b 20%,#e9f1f8 38%,#4e5968 58%,#fff 77%,#778393 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.45)) drop-shadow(0 0 5px rgba(226,240,255,.22))
}
.avatar-frame-ember{
  background:conic-gradient(from 210deg,#5e0f05,#ff4e22,#ffbd54,#ff5626,#7d1407,#ff8c35);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 8px rgba(255,94,38,.62))
}
.avatar-frame-ice{
  background:linear-gradient(145deg,#ffffff,#8ee7ff 28%,#4a95ff 58%,#d9fbff 78%,#fff);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 7px rgba(125,224,255,.72))
}
.avatar-frame-neon{
  box-shadow:0 0 0 2px #ff4fd8,0 0 0 4px #31e8ff,0 0 16px rgba(49,232,255,.56),0 0 26px rgba(255,79,216,.24)
}
.avatar-frame-gold{
  background:linear-gradient(135deg,#6d4806,#ffe7a1 22%,#b77b13 43%,#fff0ad 61%,#8d5d08 81%,#eec35c);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(239,190,70,.55))
}
.avatar-frame-gold::before,.premium-live-preview.frame-gold .premium-preview-frame::before{
  width:7px;height:7px;right:-2px;top:-2px;background:#ffe59a;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 8px rgba(255,225,132,.65)
}
.avatar-frame-gold::after,.premium-live-preview.frame-gold .premium-preview-frame::after{
  width:5px;height:5px;left:-1px;bottom:-1px;background:#c78a16;transform:rotate(45deg);border-radius:1px
}
.avatar-frame-orbit{
  background:repeating-conic-gradient(from 0deg,#6a4cff 0 10deg,transparent 10deg 22deg,#4de1df 22deg 31deg,transparent 31deg 45deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 7px rgba(92,115,255,.58));animation:premiumOrbit 5s linear infinite
}
.avatar-frame-orbit::after{inset:50%;width:4px;height:4px;margin:-2px;background:#fff;border-radius:50%;box-shadow:0 -27px 0 #55e4e0,27px 0 0 #8369ff,0 27px 0 #ff71bb,-27px 0 0 #ffb553;opacity:.75}
@keyframes premiumOrbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.avatar-frame-aurora,.avatar-frame-orbit,.premium-live-preview.frame-aurora .premium-preview-frame,.premium-live-preview.frame-orbit .premium-preview-frame{animation:none}}

/* Old prototype shadows are neutralized; the shared frame component is now the source of truth. */
.premium-profile.frame-aurora .profile-avatar,.premium-profile.frame-chrome .profile-avatar,
.premium-profile.frame-ember .profile-avatar,.premium-profile.frame-ice .profile-avatar,
.premium-profile.frame-neon .profile-avatar,.premium-profile.frame-gold .profile-avatar,
.premium-profile.frame-orbit .profile-avatar{box-shadow:0 14px 38px rgba(0,0,0,.28)}

/* Premium Studio: the frame picker must visually show eight genuinely different choices. */
.frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.frame-choice{min-height:126px;padding:14px 10px;gap:10px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 78%,transparent));overflow:visible}
.frame-choice .frame-demo{width:62px;height:62px;border-radius:19px;position:relative;overflow:visible!important;box-shadow:none!important;background:linear-gradient(145deg,var(--avatar1),var(--avatar2));font-size:18px;font-weight:950}
.frame-choice .frame-demo .avatar-photo{border-radius:inherit}
.frame-choice .frame-demo .avatar-premium-frame{inset:-5px;padding:3px}
.frame-choice.frame-none .frame-demo{border:2px solid var(--line2)}
.frame-copy{display:grid;gap:2px;text-align:center;min-width:0}.frame-copy b{font-size:11px}.frame-copy small{font-size:8px;color:var(--muted);line-height:1.25}
.frame-choice.selected{border-color:color-mix(in srgb,var(--orange) 72%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orange) 26%,transparent),0 10px 28px rgba(0,0,0,.15)}

/* Accent is a theme variable. Without a photo it paints the cover; with a photo it becomes tint + UI accent. */
.nickpage-shell,.premium-live-preview{--profile-accent:#8f6cff;--profile-accent2:#53d7d5;--profile-tint:rgba(143,108,255,.25)}
.nickpage-shell.accent-ocean,.premium-live-preview.accent-ocean{--profile-accent:#39b7df;--profile-accent2:#50d9cf;--profile-tint:rgba(24,133,179,.28)}
.nickpage-shell.accent-sunset,.premium-live-preview.accent-sunset{--profile-accent:#ff7854;--profile-accent2:#ffbb66;--profile-tint:rgba(223,78,70,.29)}
.nickpage-shell.accent-ice,.premium-live-preview.accent-ice{--profile-accent:#8ddfff;--profile-accent2:#b7ecff;--profile-tint:rgba(113,193,236,.25)}
.nickpage-shell.accent-violet,.premium-live-preview.accent-violet{--profile-accent:#a46cff;--profile-accent2:#e08cff;--profile-tint:rgba(137,78,216,.28)}
.nickpage-shell.accent-ember,.premium-live-preview.accent-ember{--profile-accent:#ff6d42;--profile-accent2:#ffb052;--profile-tint:rgba(207,60,34,.29)}
.nickpage-shell.accent-mint,.premium-live-preview.accent-mint{--profile-accent:#4fd2b5;--profile-accent2:#8be9cc;--profile-tint:rgba(31,151,129,.27)}
.nickpage-shell.accent-rose,.premium-live-preview.accent-rose{--profile-accent:#ed79ad;--profile-accent2:#ffb5cc;--profile-tint:rgba(197,69,125,.28)}
.nickpage-shell.accent-midnight,.premium-live-preview.accent-midnight{--profile-accent:#7764ff;--profile-accent2:#4bcce6;--profile-tint:rgba(66,52,185,.31)}
.nickpage-shell.accent-gold,.premium-live-preview.accent-gold{--profile-accent:#e8b850;--profile-accent2:#ffe29a;--profile-tint:rgba(171,113,24,.29)}
.nickpage-cover.has-cover{background:var(--panel2)!important}
.nickpage-cover.has-cover::after{z-index:2;background:linear-gradient(to top,color-mix(in srgb,var(--panel) 82%,transparent),transparent 59%),linear-gradient(115deg,var(--profile-tint),transparent 58%);pointer-events:none}
.nickpage-cover-photo{z-index:1}
.premium-profile .premium-badge,.premium-profile .profile-custom-title{border-color:color-mix(in srgb,var(--profile-accent) 48%,var(--line));color:var(--profile-accent);background:color-mix(in srgb,var(--profile-accent) 10%,var(--panel))}
.premium-profile .nickpage-actions .btn.primary,.premium-profile .profile-edit-actions .btn.primary{background:linear-gradient(135deg,var(--profile-accent),var(--profile-accent2));color:#071018;border-color:transparent}
.premium-profile .level-track span{background:linear-gradient(90deg,var(--profile-accent),var(--profile-accent2))}

/* Preview mirrors the same cover behavior. */
.premium-preview-cover{position:relative}.premium-preview-cover.has-photo{background:var(--panel2)!important}
.premium-preview-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.premium-preview-tint{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(5,8,18,.74),transparent 58%),linear-gradient(115deg,var(--profile-tint),transparent 62%);pointer-events:none}
.preview-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.5}.preview-orb.one{width:150px;height:150px;right:-20px;top:-45px;background:#53d7d5}.preview-orb.two{width:110px;height:110px;left:-25px;bottom:-45px;background:#ff9a4d}
.premium-preview-avatar{position:relative;overflow:visible!important}
.premium-preview-frame{inset:-5px;padding:3px}
.premium-live-preview.frame-none .premium-preview-frame{display:none}
.premium-live-preview.frame-aurora .premium-preview-frame{display:block;background:conic-gradient(from 20deg,#805dff,#55e4e0,#ff70b8,#ffb553,#805dff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 6px rgba(85,228,224,.52));animation:premiumOrbit 7s linear infinite}
.premium-live-preview.frame-chrome .premium-preview-frame{display:block;background:linear-gradient(135deg,#f7fbff,#7f8c9b 22%,#eef5fb 42%,#4e5968 61%,#fff 80%,#778393);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.premium-live-preview.frame-ember .premium-preview-frame{display:block;background:conic-gradient(#5e0f05,#ff4e22,#ffbd54,#ff5626,#7d1407);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 8px rgba(255,94,38,.62))}
.premium-live-preview.frame-ice .premium-preview-frame{display:block;background:linear-gradient(145deg,#fff,#8ee7ff 30%,#4a95ff 58%,#d9fbff 80%,#fff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 7px rgba(125,224,255,.72))}
.premium-live-preview.frame-neon .premium-preview-frame{display:block;box-shadow:0 0 0 2px #ff4fd8,0 0 0 4px #31e8ff,0 0 16px rgba(49,232,255,.56),0 0 25px rgba(255,79,216,.24)}
.premium-live-preview.frame-gold .premium-preview-frame{display:block;background:linear-gradient(135deg,#6d4806,#ffe7a1 22%,#b77b13 43%,#fff0ad 61%,#8d5d08 81%,#eec35c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 6px rgba(239,190,70,.55))}
.premium-live-preview.frame-orbit .premium-preview-frame{display:block;background:repeating-conic-gradient(from 0deg,#6a4cff 0 10deg,transparent 10deg 22deg,#4de1df 22deg 31deg,transparent 31deg 45deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 7px rgba(92,115,255,.58));animation:premiumOrbit 5s linear infinite}

/* Split is a real editorial two-column layout, not a blank action column. */
.nickpage-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.layout-split .nickpage-identity{grid-template-columns:auto minmax(0,1.05fr) minmax(300px,.72fr);align-items:center;margin-top:-54px}
.layout-split .nickpage-actions{align-self:stretch;justify-content:space-between;align-items:stretch;border-left:0;padding:16px;background:color-mix(in srgb,var(--panel2) 88%,transparent);border:1px solid var(--line2);border-radius:18px;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 34px rgba(0,0,0,.13)}
.layout-split .nickpage-action-buttons{justify-content:flex-start}
.split-profile-summary{display:grid;gap:10px;min-width:0}.split-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.split-summary-grid>div{padding:10px;border-radius:11px;background:color-mix(in srgb,var(--panel) 72%,transparent);border:1px solid var(--line)}.split-summary-grid b{display:block;font-size:15px}.split-summary-grid span{display:block;margin-top:1px;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.layout-split .nickpage-title{padding-bottom:0}

@media(max-width:980px){
  .frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout-split .nickpage-identity{grid-template-columns:auto minmax(0,1fr);align-items:end}
  .layout-split .nickpage-actions{grid-column:1/-1;width:100%}.split-summary-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:560px){
  .frame-grid{grid-template-columns:1fr 1fr}.frame-choice{min-height:112px}.frame-choice .frame-demo{width:54px;height:54px}
  .layout-split .nickpage-identity{grid-template-columns:1fr;justify-items:center;text-align:center;margin-top:-54px}.layout-split .nickpage-title{display:grid;justify-items:center}.layout-split .tag-row{justify-content:center}.layout-split .nickpage-actions{text-align:left}.split-summary-grid{grid-template-columns:1fr 1fr}.layout-split .nickpage-action-buttons{justify-content:center}
}
/* 0.6.6 final frame sizing refinements */
.avatar-frame-orbit::after{display:none}
.avatar.sm .avatar-frame-gold::before{width:5px;height:5px}.avatar.sm .avatar-frame-gold::after{width:4px;height:4px}
.avatar.xs .avatar-frame-gold::before{width:4px;height:4px}.avatar.xs .avatar-frame-gold::after{width:3px;height:3px}
.premium-live-preview .premium-preview-avatar{box-shadow:0 0 0 4px var(--panel),0 12px 28px rgba(0,0,0,.24)!important}

/* ===== Alpha 0.7 · Production Foundation / Legal / Account ===== */
.auth-shell{position:relative}.auth-legal-footer{position:absolute;left:5vw;right:5vw;bottom:18px;z-index:5}.legal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;color:var(--muted);font-size:12px}.legal-footer a{color:var(--muted);text-decoration:none;font-weight:800}.legal-footer a:hover{color:var(--text)}.app-legal-footer{margin:38px 0 8px;padding:22px 0 8px;border-top:1px solid var(--line)}
.auth-link-btn{border:0;background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:800;display:block;margin:10px auto 2px;cursor:pointer}.check a{color:var(--accent);font-weight:800;text-decoration:none}.check a:hover{text-decoration:underline}
.legal-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:26px 0 50px}.legal-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.legal-brand{text-decoration:none;color:var(--text)}.legal-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:clamp(24px,5vw,58px);box-shadow:var(--shadow)}.legal-card h1{font-size:clamp(36px,5vw,62px);margin:0 0 12px}.legal-card h2{font-size:20px;margin:0 0 10px}.legal-card section{padding:24px 0;border-top:1px solid var(--line)}.legal-card section:first-of-type{margin-top:28px}.legal-card p,.legal-card li{color:var(--text2);line-height:1.75}.legal-lead{font-size:18px;max-width:760px}.legal-rules{display:grid;gap:11px;padding-left:22px}.standalone{margin-top:24px}.status-page{min-height:100vh;display:grid;place-items:center;padding:24px}.status-card{width:min(520px,100%)}.status-card h1{margin:18px 0 8px}
.account-page{padding:32px clamp(18px,4vw,58px) 44px;max-width:1500px;margin:0 auto}.account-hero{display:flex;justify-content:space-between;gap:26px;align-items:flex-end;padding:24px 0 30px}.account-hero h1{font-size:clamp(34px,4vw,58px);margin:6px 0}.account-hero p{color:var(--muted);max-width:720px}.account-verify-badge{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:10px 14px;font-weight:900;color:var(--muted);white-space:nowrap}.account-verify-badge.verified{color:#45d8a1;border-color:color-mix(in srgb,#45d8a1 40%,var(--line));background:color-mix(in srgb,#45d8a1 7%,var(--panel))}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:20px}.account-card h2{margin:2px 0 0}.account-sessions-card{grid-column:1/-1}.account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-summary>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.account-summary span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.session-list{display:grid;gap:9px}.session-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.session-item small{display:block;color:var(--muted);margin-top:4px}.danger-zone{border-color:color-mix(in srgb,var(--red) 35%,var(--line))}
@media(max-width:800px){.auth-legal-footer{position:static;padding:18px 20px 24px}.account-grid{grid-template-columns:1fr}.account-sessions-card{grid-column:auto}.account-hero{align-items:flex-start;flex-direction:column}.account-summary{grid-template-columns:1fr}.legal-top{align-items:flex-start}.legal-card{padding:24px 20px}}
.auth-inline-action{display:block;border:0;background:transparent;color:inherit;font:inherit;font-weight:900;padding:7px 0 0;cursor:pointer;text-decoration:underline}


/* 0.7.1 Topbar & Mobile Navigation Polish */
.topbar{min-height:72px;padding:12px 18px;gap:16px}
.top-left{min-width:0;flex:1}
.top-actions{margin-left:auto;flex-wrap:nowrap}
.top-actions>*{flex-shrink:0}
.top-nav{align-items:center;flex-wrap:wrap}
.nav-btn,.icon-btn,.online-pill,.user-menu,.logout-btn,#adminLink{min-height:42px}
.nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px}
.online-pill{padding:0 14px;border-radius:13px;background:color-mix(in srgb,var(--panel) 84%,transparent);border-color:var(--line2)}
.icon-btn{display:grid;place-items:center;transition:background .18s,border-color .18s,transform .18s}
.icon-btn:hover{background:var(--panel2);border-color:var(--accent);transform:translateY(-1px)}
#adminLink{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px}
.user-menu{min-width:0;height:42px;padding:0 10px;border-radius:13px;box-shadow:0 8px 24px color-mix(in srgb,var(--text) 5%,transparent)}
.logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line2) 82%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 96%,transparent));color:var(--text2);font-weight:850;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;box-shadow:0 8px 24px color-mix(in srgb,var(--text) 5%,transparent)}
.logout-btn:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line2));background:color-mix(in srgb,var(--panel2) 98%,transparent);color:var(--text);transform:translateY(-1px)}
.logout-icon{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:var(--panel2);color:var(--accent);font-size:13px;font-weight:950}
.logout-label{font-size:12px;letter-spacing:.02em}
.mobile-menu-btn{display:none}
.mobile-admin-btn{display:none}
.top-nav-backdrop{display:none}
.topbar .brand{flex-shrink:0}

@media(max-width:980px){
  #adminLink{display:none!important}
  .top-nav{margin-left:12px}
}

@media(max-width:820px){
  .app-shell{grid-template-rows:72px 1fr}
  .topbar{padding:10px 12px;gap:10px;position:sticky}
  .top-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
  .top-actions{gap:7px;min-width:0}
  .mobile-menu-btn{display:grid}
  .top-nav{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);margin:0;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--panel-glass);backdrop-filter:blur(18px);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:6px;z-index:70}
  .top-nav.mobile-open{display:flex}
  .top-nav .nav-btn{width:100%;justify-content:flex-start;padding:12px 14px;border-radius:12px}
  .top-nav .mobile-admin-btn{display:inline-flex}
  .topbar.mobile-open .top-nav-backdrop{display:block;position:fixed;inset:72px 0 0;background:transparent;z-index:60}
  .online-pill{display:none}
  .user-menu{padding:0 7px;min-width:42px;justify-content:center}
  .user-menu .avatar{margin:0}
  .user-menu .user-copy{display:none}
  .theme-switch.compact{min-width:42px;padding:7px}
  .theme-switch.compact .theme-switch-label{display:none}
  .logout-btn{padding:0 10px;min-width:42px}
  .logout-label{display:none}
  .logout-icon{margin:0}
}

@media(max-width:560px){
  .topbar{padding:10px 10px;gap:8px}
  .brand{gap:10px}
  .brand-mark{width:34px;height:34px;border-radius:11px}
  .top-actions{gap:6px}
  .icon-btn,.theme-switch.compact,.user-menu,.logout-btn,.mobile-menu-btn{width:42px;min-width:42px}
}


/* 0.7.6 News Detail */
.news-item.news-open{width:100%;display:block;text-align:left;color:var(--text);cursor:pointer;font:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}
.news-item.news-open:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:0 14px 36px color-mix(in srgb,var(--text) 7%,transparent)}
.news-excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}
.news-read-more{font-size:11px;font-weight:900;color:var(--accent);white-space:nowrap}
.news-detail{display:grid;gap:16px}
.news-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid var(--line);font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted)}
.news-detail.featured .news-detail-meta span:first-child{color:var(--orange)}
.news-detail-author{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.news-detail-text{font-size:15px;line-height:1.8;color:var(--text2);white-space:pre-wrap;word-break:break-word}
@media(max-width:560px){.news-card-foot{align-items:flex-start;flex-direction:column}.news-detail-meta{align-items:flex-start;flex-direction:column}.news-detail-text{font-size:14px;line-height:1.72}}