:root{--bg:#070910;--panel:#0f1420;--panel2:#141b29;--line:rgba(255,255,255,.09);--text:#edf1f7;--muted:#95a0b3;--gold:#d7b06a;--gold2:#8e6a31;--good:#4bd184;--warn:#ffbd59;--bad:#ff6464;--side:270px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(900px 600px at 80% -10%,rgba(215,176,106,.12),transparent 60%),var(--bg);color:var(--text)}body{font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.app-shell.authenticated{display:grid;grid-template-columns:var(--side) 1fr}.side-menu{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(8,11,18,.92);backdrop-filter:blur(18px);padding:18px 14px;overflow:auto}.brand,.public-brand{display:flex;gap:10px;align-items:center}.brand{font-size:18px;font-weight:900;padding:4px 8px 22px}.logo-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--gold),var(--gold2));color:#111;font-weight:1000;box-shadow:0 10px 30px rgba(215,176,106,.18)}.menu-items{display:grid;gap:5px}.menu-link{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:11px 12px;border:1px solid transparent;border-radius:13px;color:var(--muted)}.menu-link:hover,.menu-link.active{color:var(--text);background:rgba(255,255,255,.045);border-color:var(--line)}.menu-icon{text-align:center;font-size:18px}.badge{min-width:24px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:99px;background:var(--gold);color:#111;font-size:12px;font-weight:900}.app-main{min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(7,9,16,.82);backdrop-filter:blur(18px)}.mode-switch{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:12px}.mode-switch a{padding:7px 10px;border-radius:8px;color:var(--muted);font-size:13px}.mode-switch a.active{background:var(--panel2);color:var(--text)}.profile-top,.toolbar,.panel-head,.card-top{display:flex;align-items:center;gap:10px}.gear{font-size:19px}.link-button{border:0;background:transparent;color:var(--muted);cursor:pointer}.content{padding:24px;max-width:1500px;margin:0 auto}.panel{border:1px solid var(--line);border-radius:20px;background:rgba(15,20,32,.76);box-shadow:0 20px 60px rgba(0,0,0,.2);padding:22px}.panel h1{margin:0 0 8px;font-size:27px}.panel h2{margin-top:28px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px}.muted{color:var(--muted);line-height:1.45}.btn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:12px;padding:10px 13px;cursor:pointer;font-weight:750}.btn:hover{filter:brightness(1.12)}.btn.primary{border-color:rgba(215,176,106,.45);background:linear-gradient(180deg,rgba(215,176,106,.22),rgba(142,106,49,.16))}.btn.large{padding:14px 20px;font-size:16px}.cards,.identity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);padding:17px}.card h3{margin:0 0 8px}.tag,.status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:12px;font-weight:800}.tag{background:rgba(215,176,106,.14);color:var(--gold)}.status.ok{background:rgba(75,209,132,.13);color:var(--good)}.status.warn{background:rgba(255,189,89,.13);color:var(--warn)}.notice{border:1px solid var(--line);border-radius:15px;padding:14px;margin:16px 0;background:rgba(255,255,255,.025)}.notice.warning{border-color:rgba(255,189,89,.25)}.notice.success{border-color:rgba(75,209,132,.25)}.notice p{margin:5px 0 0;color:var(--muted)}.skill-tree-placeholder{height:min(56vw,580px);min-height:320px;margin-top:18px;border:1px dashed rgba(215,176,106,.35);border-radius:20px;background:radial-gradient(circle at 30% 30%,rgba(215,176,106,.08),transparent 35%),radial-gradient(circle at 70% 60%,rgba(88,124,255,.08),transparent 32%),#090d16;display:grid;place-items:center;color:var(--muted)}.list{display:grid;gap:9px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:rgba(255,255,255,.02)}.list-row p{margin:4px 0 0}.empty{padding:34px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center;margin-top:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:20px}.stat{padding:20px;border:1px solid var(--line);border-radius:16px}.stat strong{font-size:30px;display:block}.stat span{color:var(--muted)}.hero{min-height:calc(100vh - 120px);display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:40px;max-width:1100px;margin:auto}.hero h1{font-size:clamp(52px,8vw,100px);line-height:.95;margin:14px 0}.hero p{max-width:680px;font-size:20px;line-height:1.55;color:var(--muted)}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero-actions{display:flex;gap:12px;margin-top:25px}.hero-orb{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6d694,var(--gold2) 45%,#14100a 72%);box-shadow:0 0 100px rgba(215,176,106,.25)}.hero-orb span{font-size:12vw;color:#171008;font-weight:1000}.modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(460px,100%);padding:24px;border:1px solid var(--line);border-radius:20px;background:#101622;box-shadow:0 30px 90px rgba(0,0,0,.6)}.modal-card h2{margin-top:0}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;color:var(--muted);font-size:28px;cursor:pointer}.auth-tabs{display:flex;gap:6px;margin-bottom:15px}.auth-tabs button{flex:1;border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px;border-radius:10px;cursor:pointer}.auth-tabs button.active{color:var(--text);background:var(--panel2)}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);background:#090e17;color:var(--text);padding:11px 12px;border-radius:11px;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(215,176,106,.5)}.oauth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.oauth-grid button{padding:9px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted)}.form-error{color:var(--bad);min-height:20px}.toast{position:fixed;right:20px;bottom:20px;z-index:300;max-width:420px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#111827;box-shadow:0 18px 50px rgba(0,0,0,.4);display:none}.toast.show{display:block}.code-manager{display:grid;grid-template-columns:320px 1fr;gap:14px;margin-top:20px}.module-list{display:grid;gap:8px;max-height:70vh;overflow:auto}.module-pick{text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text);padding:12px;border-radius:12px;cursor:pointer}.module-pick span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.module-pick.active{border-color:rgba(215,176,106,.55)}.code-box{height:70vh;margin-top:10px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top;max-width:420px;word-break:break-word}th{position:sticky;top:0;background:#111827}.voice-list{display:grid;gap:9px;margin-top:20px}.voice-item{border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) auto;gap:14px;align-items:center}.voice-item.unheard{border-color:rgba(215,176,106,.35)}.voice-item.listened{opacity:.72}.voice-meta{display:grid;gap:4px}.voice-meta span,.listen-state{color:var(--muted);font-size:12px}.voice-item audio{width:100%}.mobile-menu{display:none}.public-brand{font-size:18px}.public .topbar{padding-inline:max(24px,calc((100vw - 1400px)/2))}
@media(max-width:900px){.app-shell.authenticated{display:block}.side-menu{position:fixed;left:-290px;z-index:100;width:270px;transition:left .2s}.side-menu.open{left:0}.mobile-menu{display:block}.mode-switch{display:none}.content{padding:15px}.hero{grid-template-columns:1fr}.hero-orb{display:none}.code-manager{grid-template-columns:1fr}.module-list{max-height:280px}.voice-item{grid-template-columns:1fr}.profile-top span{display:none}}@media(max-width:560px){.topbar{padding:0 13px}.panel{padding:15px;border-radius:15px}.panel-head,.list-row{align-items:stretch;flex-direction:column}.oauth-grid{grid-template-columns:1fr}.hero h1{font-size:53px}.hero p{font-size:17px}.hero-actions{flex-direction:column}.toolbar{flex-wrap:wrap}}

/* ===== Learning editor and runner 0.2 ===== */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.form-grid label{display:grid;gap:7px;font-weight:750;font-size:13px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.upload-line input,.block-card input,.block-card textarea,.block-card select,.test-step-card input,.test-step-card textarea,.test-step-card select,.runner-answer textarea,.runner-answer select{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:#0a111c;color:var(--text);padding:11px 12px}.form-grid textarea,.block-card textarea,.test-step-card textarea{min-height:96px;resize:vertical}.form-grid select[multiple]{min-height:130px}.form-grid .check,.check{display:flex!important;align-items:center;gap:8px;font-weight:650}.form-grid .check input,.check input{width:auto}.upload-line{display:flex;gap:8px;align-items:center}.upload-line input{flex:1}.subsection{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.medal-reference{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}.medal-reference summary{cursor:pointer;font-weight:800}.chip-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.chip{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#111a28;font-size:12px}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.course-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(13,20,32,.72);display:flex;flex-direction:column}.course-cover{aspect-ratio:16/9;background:radial-gradient(circle at 25% 15%,rgba(215,176,106,.3),transparent 55%),#0b1220 center/cover no-repeat}.course-card-body{padding:16px;display:grid;gap:10px}.course-card-body h3,.course-card-body p{margin:0}.learning-task-strip{display:flex;gap:10px;overflow:auto;padding:4px 0 14px}.task-chip{min-width:220px;border:1px solid rgba(215,176,106,.25);border-radius:14px;padding:11px 12px;background:rgba(215,176,106,.08);text-decoration:none;display:grid;gap:4px}.task-chip span{font-size:12px;color:var(--muted)}.lock-reason{color:#e6b86e!important;font-size:12px;margin:.4rem 0 0}.locked-chip{padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:12px}.post-reader{max-width:900px;margin:0 auto}.post-reader>h1{font-size:clamp(30px,5vw,54px);line-height:1.05}.post-block{margin:24px 0}.text-block{font-size:17px;line-height:1.75}.text-block h2,.text-block h3{margin-top:1.7em}.media-block img,.media-block video{width:100%;max-height:72vh;object-fit:contain;border-radius:16px;background:#050810}.media-block figcaption,.audio-block p{color:var(--muted);font-size:13px}.audio-block audio{width:100%}.post-tests{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.drag-handle{font-size:22px;color:var(--muted);cursor:grab;user-select:none}.sortable-post-list .list-row{grid-template-columns:auto 1fr auto}.sortable-post-list .dragging,.block-card.dragging{opacity:.4}.block-card,.test-step-card{border:1px solid var(--line);border-radius:16px;background:rgba(8,13,22,.68);margin:12px 0;overflow:hidden}.block-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}.block-head .block-type{max-width:260px}.block-head .danger,.test-step-card .danger{margin-left:auto}.block-body{display:grid;gap:12px;padding:14px}.block-body label{display:grid;gap:6px;font-weight:700;font-size:13px}.options-box{display:grid;gap:8px;margin-bottom:10px}.option-row{display:grid;grid-template-columns:110px minmax(180px,1fr) auto auto;gap:8px;align-items:center}.test-step-card>.form-grid{padding:14px;margin:0}.review-answers{display:grid;gap:14px;margin:18px 0}.review-answer{border:1px solid var(--line);border-radius:15px;padding:14px;background:rgba(255,255,255,.02)}.answer-box{margin-top:10px;padding:13px;border-radius:12px;background:#08101b;white-space:pre-wrap}.test-runner{max-width:920px;margin:auto}.runner-top{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:12px}.runner-image{display:block;width:100%;max-height:430px;object-fit:contain;border-radius:16px;margin:16px 0;background:#050810}.runner-prompt{font-size:17px;line-height:1.6;margin-bottom:18px}.runner-options{display:grid;gap:10px}.runner-options label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer}.runner-options input{margin-top:3px}.runner-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.runner-answer textarea{min-height:220px}.upload-answer{display:flex;gap:8px}.upload-answer input{flex:1}.form-error{color:#ff8c8c;margin-top:10px}.danger{border-color:rgba(255,90,90,.35)!important;color:#ff9b9b!important}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.option-row{grid-template-columns:80px 1fr}.option-row .check,.option-row .danger{grid-column:auto}.upload-line,.upload-answer{align-items:stretch;flex-direction:column}.course-grid{grid-template-columns:1fr}.sortable-post-list .list-row{grid-template-columns:auto 1fr}.sortable-post-list .toolbar{grid-column:2}.block-head{flex-wrap:wrap}.block-head .block-type{max-width:none;flex:1}}
.skill-tree-section{margin:22px 0 32px}.tree-tabs{display:flex;gap:8px;flex-wrap:wrap}.tree-tab{border:1px solid var(--line);border-radius:999px;background:#0d1522;color:var(--text);padding:8px 12px;cursor:pointer}.tree-tab.active{background:rgba(215,176,106,.16);border-color:rgba(215,176,106,.38)}.skill-tree-board{display:none;position:relative;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 20% 0%,rgba(215,176,106,.16),transparent 48%),radial-gradient(circle at 90% 10%,rgba(74,160,255,.12),transparent 44%),#070c14 center/cover no-repeat;margin-top:14px}.skill-tree-board.active{display:block}.skill-tree-board svg,.tree-editor-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.skill-tree-board line,.tree-editor-lines line{stroke:rgba(180,194,214,.48);stroke-width:2}.skill-node{position:absolute;transform:translate(-50%,-50%);width:112px;text-align:center;text-decoration:none!important;color:var(--text)!important;display:grid;justify-items:center;gap:7px}.skill-node-image{width:78px;height:78px;border-radius:50%;display:block;background:#101827 center/cover no-repeat;border:2px solid rgba(255,255,255,.18);box-shadow:0 10px 28px rgba(0,0,0,.4)}.skill-node strong{display:block;max-width:150px;padding:4px 8px;border-radius:999px;background:rgba(5,8,14,.82);font-size:12px}.skill-node.closed{opacity:.58}.skill-node.closed .skill-node-image{filter:grayscale(.85)}.skill-node.open .skill-node-image{border-color:rgba(95,190,255,.7);box-shadow:0 0 0 4px rgba(95,190,255,.08),0 12px 28px rgba(0,0,0,.45)}.skill-node.owned .skill-node-image{border-color:rgba(215,176,106,.9);box-shadow:0 0 0 5px rgba(215,176,106,.12),0 12px 30px rgba(0,0,0,.5)}.tree-editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:24px 0 12px}.tree-editor-toolbar select{min-width:180px}.tree-editor-board{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 20% 0%,rgba(215,176,106,.16),transparent 48%),#070c14}.tree-editor-nodes{position:absolute;inset:0}.tree-edit-node{position:absolute;transform:translate(-50%,-50%);width:116px;text-align:center;display:grid;justify-items:center;gap:6px;cursor:grab;touch-action:none;user-select:none}.tree-edit-node:active{cursor:grabbing}.tree-edit-image{display:block;width:78px;height:78px;border-radius:50%;background:#101827 center/cover no-repeat;border:2px solid rgba(215,176,106,.65)}.tree-edit-node strong{font-size:12px;background:rgba(5,8,14,.85);padding:4px 8px;border-radius:999px}.tree-node-delete{position:absolute;right:7px;top:-7px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,100,100,.35);background:#35131a;color:#ffb0b0;cursor:pointer;z-index:3}.edge-delete{border:0;background:transparent;color:#ffabab;cursor:pointer;font-weight:900;padding:0 0 0 6px}
@media(max-width:760px){.skill-tree-board{min-height:640px!important}.skill-node{width:90px}.skill-node-image,.tree-edit-image{width:62px;height:62px}.tree-editor-toolbar select{min-width:0;flex:1 1 140px}}

/* ===== Social, messenger and groups 0.3 ===== */
.user-line{display:flex;align-items:center;gap:12px}.user-avatar{width:46px;height:46px;border-radius:50%;background:center/cover no-repeat #172131;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line)}.user-avatar.fallback{font-weight:900;color:var(--bronze1)}.search-bar{display:flex;gap:10px;margin:18px 0}.search-bar input{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;background:#0a111c;color:var(--text);padding:11px 12px}.chat-list{display:grid;gap:8px}.chat-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);text-decoration:none!important;color:var(--text)!important}.chat-list-row:hover{border-color:rgba(215,176,106,.3);background:rgba(215,176,106,.05)}.chat-list-row>div{display:grid;gap:3px}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.group-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(12,19,31,.7);display:grid;grid-template-rows:150px auto auto}.group-cover{background:#101827 center/cover no-repeat}.group-card>div:not(.group-cover){padding:14px}.group-card h3,.group-card p{margin:0 0 8px}.group-card>.toolbar{padding-top:0}.chat-page{padding:0!important;overflow:hidden;display:grid;grid-template-rows:auto minmax(320px,calc(100vh - 300px)) auto}.chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.chat-head h1,.chat-head p{margin:0}.connection-state{margin-left:auto;color:var(--muted);font-size:12px;padding:6px 9px;border:1px solid var(--line);border-radius:999px}.chat-messages{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at 10% 0%,rgba(215,176,106,.05),transparent 35%),#080e17}.chat-message{max-width:min(76%,720px);align-self:flex-start;display:grid;gap:4px}.chat-message.mine{align-self:flex-end}.message-author{font-size:11px;color:var(--muted);padding:0 6px}.chat-message.mine .message-author{text-align:right}.message-bubble{border:1px solid var(--line);background:#111a27;border-radius:5px 16px 16px 16px;padding:10px 12px;min-width:90px}.chat-message.mine .message-bubble{background:rgba(63,82,68,.72);border-radius:16px 5px 16px 16px}.message-text{white-space:normal;word-break:break-word;line-height:1.45}.message-meta{font-size:10px;color:var(--muted);text-align:right;margin-top:6px}.message-image,.chat-message video{display:block;max-width:100%;max-height:420px;border-radius:12px;margin:4px 0}.chat-message audio{width:min(420px,100%)}.message-sticker{display:block;width:min(220px,50vw);height:auto}.file-attachment{display:block;padding:10px;border:1px solid var(--line);border-radius:11px;margin:4px 0;text-decoration:none!important}.message-reactions{display:flex;gap:5px;flex-wrap:wrap;padding:0 5px}.chat-message.mine .message-reactions{justify-content:flex-end}.reaction-chip,.reaction-add summary,.reaction-add button{border:1px solid var(--line);background:#0d1623;color:var(--text);border-radius:999px;padding:3px 7px;font-size:12px;cursor:pointer}.reaction-chip.mine{border-color:rgba(215,176,106,.6);background:rgba(215,176,106,.12)}.reaction-add{position:relative}.reaction-add summary{list-style:none}.reaction-add>div{position:absolute;bottom:28px;left:0;display:flex;gap:4px;background:#111927;border:1px solid var(--line);padding:6px;border-radius:12px;z-index:10;box-shadow:0 10px 30px rgba(0,0,0,.3)}.chat-compose{padding:12px 14px;border-top:1px solid var(--line);background:#0d1420;display:grid;gap:8px}.chat-compose textarea{width:100%;box-sizing:border-box;resize:none;border:1px solid var(--line);border-radius:14px;background:#080e17;color:var(--text);padding:11px 12px}.compose-actions{display:flex;gap:8px;justify-content:flex-end}.attachment-preview{padding:8px 10px;border:1px solid rgba(215,176,106,.26);border-radius:11px;background:rgba(215,176,106,.07);font-size:13px}.sticker-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:7px;max-height:240px;overflow:auto;padding:9px;border:1px solid var(--line);border-radius:13px;background:#080e17}.sticker-picker button{border:1px solid transparent;background:transparent;border-radius:12px;padding:5px;cursor:pointer}.sticker-picker button:hover{border-color:var(--line)}.sticker-picker img{width:100%;aspect-ratio:1;object-fit:contain}.moderation-list{display:grid;gap:12px}.moderation-card{border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,380px) auto;gap:12px;align-items:center}.moderation-card p{margin:6px 0}.moderation-card textarea{min-height:70px;border:1px solid var(--line);border-radius:11px;background:#08101b;color:var(--text);padding:9px;resize:vertical}.moderation-card .form-status{grid-column:1/-1}
@media(max-width:760px){.search-bar{flex-direction:column}.group-grid{grid-template-columns:1fr}.chat-page{grid-template-rows:auto minmax(360px,calc(100vh - 280px)) auto;margin:-15px;border-radius:0!important}.chat-message{max-width:90%}.connection-state{display:none}.compose-actions{justify-content:stretch}.compose-actions .btn{flex:1}.moderation-card{grid-template-columns:1fr}.moderation-card .form-status{grid-column:auto}}
.admin-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid.compact{grid-template-columns:1fr;gap:10px}.sticker-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:18px}.sticker-admin-grid article{border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:8px}.sticker-admin-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:#08101b;border-radius:10px}@media(max-width:760px){.admin-two-cols{grid-template-columns:1fr}}

/* ===== Channels, identities and delivery 0.4 ===== */
.channel-page .panel-head{gap:16px;flex-wrap:wrap}.channel-page .panel-head .toolbar{flex-wrap:wrap}.channel-archive-nav{justify-content:space-between;margin-top:16px}.voice-item video{width:100%;max-height:360px;border-radius:12px;background:#050810}.channel-image{width:100%;max-height:420px;object-fit:contain;border-radius:12px;background:#050810}.settings-form{display:grid;gap:10px;max-width:760px}.settings-form label{display:flex;gap:10px;align-items:flex-start}.settings-form input[type=checkbox]{width:auto;margin-top:3px}.inline-upload{margin-top:8px}.voice-item p{white-space:normal;line-height:1.5;color:var(--muted)}
@media(max-width:760px){.channel-page .panel-head{display:grid}.channel-page .toolbar{display:grid;width:100%}.channel-page .toolbar .btn{width:100%}.channel-archive-nav{grid-template-columns:1fr 1fr}.voice-item{grid-template-columns:1fr}.voice-item audio,.voice-item video{width:100%}}

/* ===== Infrastructure, notification center and manager accounts 0.5 ===== */
.notification-bell{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:19px}.notification-bell:hover{color:var(--text);background:rgba(255,255,255,.04)}.notification-bell .badge{position:absolute;right:-7px;top:-7px;min-width:19px;height:19px;font-size:10px;padding:0 5px}.notification-filters{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 18px}.chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.chip.active{color:var(--text);border-color:rgba(215,176,106,.42);background:rgba(215,176,106,.09)}.notification-list{display:grid;gap:8px}.notification-row{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:15px;padding:14px;background:rgba(255,255,255,.015)}.notification-row.unread{background:rgba(215,176,106,.045);border-color:rgba(215,176,106,.24)}.notification-dot{width:8px;height:8px;margin-top:7px;border-radius:50%;background:rgba(255,255,255,.13)}.notification-row.unread .notification-dot{background:var(--gold);box-shadow:0 0 14px rgba(215,176,106,.45)}.notification-body{display:grid;gap:6px}.notification-body p{margin:0;color:var(--muted);line-height:1.45}.notification-meta{display:flex;gap:10px;justify-content:space-between;color:var(--muted);font-size:11px}.btn.small{padding:6px 9px;font-size:12px;border-radius:9px}.system-avatar{background:linear-gradient(145deg,rgba(215,176,106,.22),rgba(76,93,126,.18));color:var(--gold)!important}.system-chat-list .chat-list-row{border-color:rgba(215,176,106,.18)}.system-chat-readonly{padding:11px 15px;border-top:1px solid var(--line);text-align:center;background:#0d1420}.permission-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;border:1px solid var(--line);border-radius:14px;padding:13px}.permission-grid legend{padding:0 6px;color:var(--muted)}.permission-grid label{display:grid!important;grid-template-columns:auto 1fr;align-items:start;column-gap:8px;padding:9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);font-weight:650!important}.permission-grid label input{width:auto;margin-top:3px}.permission-grid label small{grid-column:2;color:var(--muted);font-weight:400}.manager-invite-box{border:1px solid rgba(215,176,106,.25);border-radius:17px;padding:16px;margin-bottom:24px;background:rgba(215,176,106,.035)}.manager-account-list{display:grid;gap:10px}.manager-account-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:rgba(255,255,255,.015)}.manager-account-card .panel-head{margin:0}.manager-permissions-form{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.copy-link-input{display:inline-block;width:min(680px,100%);margin:8px 8px 8px 0}.diagnostic-list{display:grid;gap:7px}.diagnostic-row{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px}.diagnostic-row p{margin:3px 0 0}.diagnostic-light{width:10px;height:10px;border-radius:50%;margin-top:4px;background:var(--muted)}.diagnostic-row.ok .diagnostic-light{background:var(--good);box-shadow:0 0 12px rgba(75,209,132,.35)}.diagnostic-row.warn .diagnostic-light{background:var(--warn)}.diagnostic-row.bad .diagnostic-light{background:var(--bad);box-shadow:0 0 12px rgba(255,100,100,.3)}.standalone{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg);color:var(--text)}.standalone-card{width:min(560px,100%);border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--panel)}.notice.danger{border-color:rgba(255,100,100,.28);color:#ffc4c4}
@media(max-width:760px){.notification-meta{display:grid;gap:3px}.permission-grid{grid-template-columns:1fr}.manager-account-card .panel-head{display:grid}.profile-top{gap:6px}.notification-bell{width:34px;height:34px}}

/* 0.6.2 — user manager / medal workbench / root supermanager controls */
.user-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(170px,1fr)) auto;gap:10px;align-items:end;margin:18px 0}.user-filter-grid label,.user-profile-admin-form label,.user-medal-grant-form label,.medal-catalog-form label,.catalog-editor form label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.user-filter-actions{padding-bottom:1px}.pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.user-detail-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);gap:18px}.user-profile-admin-form{display:grid;gap:11px}.medal-workbench{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.user-medal-grant-form{display:grid;grid-template-columns:minmax(280px,2fr) 150px minmax(210px,1fr) minmax(240px,1fr) auto;gap:9px;align-items:end;padding:14px;border:1px solid rgba(215,176,106,.25);border-radius:15px;background:rgba(215,176,106,.035);margin-bottom:14px}.active-medal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:9px}.active-medal-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:11px;background:rgba(255,255,255,.018)}.medal-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#111b2b center/cover no-repeat;border:1px solid rgba(215,176,106,.3);color:var(--gold);font-size:20px}.medal-history{margin-top:14px}.medal-history>summary,.user-data-tabs summary,.catalog-editor>summary,.medal-catalog-card>summary{cursor:pointer;font-weight:850;padding:10px 0}.user-data-tabs{display:grid;gap:9px;margin-top:24px}.user-data-tabs details,.catalog-editor,.medal-catalog-card{border:1px solid var(--line);border-radius:14px;padding:0 13px;background:rgba(255,255,255,.014)}.user-data-tabs details>summary,.catalog-editor>summary{padding:13px 2px}.medal-catalog-grid{display:grid;gap:8px}.medal-catalog-card>summary{display:grid;gap:3px}.medal-catalog-card form,.catalog-editor form{margin:8px 0 14px}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important}.check-row input{width:auto}.root-supermanager-box{border:1px solid rgba(215,176,106,.3);border-radius:17px;padding:16px;margin:0 0 24px;background:rgba(215,176,106,.035)}.root-supermanager-box h2{margin-top:0}.root-supermanager-box .manager-account-card{display:flex;justify-content:space-between;align-items:center;gap:12px}.supermanager-search{position:relative;margin:12px 0}.search-results{display:grid;gap:5px;margin-top:6px}.search-result-row{display:grid;text-align:left;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#0b111b;color:var(--text);cursor:pointer}.search-result-row:hover{border-color:rgba(215,176,106,.4)}.search-result-row span{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.user-filter-grid{grid-template-columns:1fr 1fr}.user-filter-actions{grid-column:1/-1}.user-medal-grant-form{grid-template-columns:1fr 1fr}.user-medal-grant-form button,.user-medal-grant-form .form-status{grid-column:auto}}
@media(max-width:760px){.user-filter-grid,.user-detail-grid,.user-medal-grant-form{grid-template-columns:1fr}.user-filter-actions{grid-column:auto}.active-medal-card{grid-template-columns:44px 1fr}.active-medal-card .btn{grid-column:1/-1}.root-supermanager-box .manager-account-card{display:grid}}
.medal-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.medal-card-actions{display:grid;gap:6px;justify-items:end}.user-medal-expiry-form{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.user-medal-expiry-form input[type=datetime-local]{width:190px;padding:6px 8px;font-size:12px}.check-row.compact{font-size:11px!important;display:flex!important}.check-row.compact input{width:auto}.active-medal-card{grid-template-columns:48px minmax(0,1fr) minmax(240px,auto)}
@media(max-width:760px){.active-medal-card{grid-template-columns:44px 1fr}.medal-card-actions{grid-column:1/-1;justify-items:stretch}.user-medal-expiry-form{justify-content:flex-start}.user-medal-expiry-form input[type=datetime-local]{width:auto;flex:1}}