@font-face{font-family:ALC Icons;src:url(icons.woff2) format("woff2");font-style:normal;font-weight:900;font-display:block}

:root {
    --ink: #122340;
    --muted: #52637b;
    --line: #dbe5f2;
    --surface: #fff;
    --surface-soft: #f3f7fc;
    --canvas: #f0f5fc;
    --navy: #101f3d;
    --navy-deep: #0b172d;
    --primary: #145cc9;
    --primary-dark: #11439a;
    --heading-font: "Barlow Condensed", "Arial Narrow", sans-serif;
    --radius: 17px;
    --shadow: 0 2px 3px rgba(20, 45, 82, .026), 0 10px 26px rgba(20, 45, 82, .045);
    font: 15px/1.55 Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--ink);
    background: var(--canvas);
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-width:0}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,dl,dd{margin:0}
h1,h2,h3{line-height:1.16}
h1,h2,h3,strong{overflow-wrap:anywhere}
h1{font-family:var(--heading-font);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:700;letter-spacing:.002em}
h2{font-size:1.22rem;font-weight:750;letter-spacing:-.025em}
h3{font-size:1rem;font-weight:720}
small,.text-sm{font-size:.85rem}
.muted{color:var(--muted)}
:focus-visible{outline:3px solid #3873db;outline-offset:3px}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip:focus{position:fixed;z-index:20;top:10px;left:10px;background:white;color:var(--ink);padding:10px 15px;border-radius:8px}
.icon{display:inline-block;flex:none;width:1.1em;text-align:center;font:900 1em/1 "ALC Icons"}
.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}
.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:9px 15px;border:1px solid transparent;border-radius:9px;font-weight:650;line-height:1.32;font-size:.89rem;text-align:center;white-space:normal;transition:background .15s ease,border-color .15s ease,color .15s ease}
.btn:disabled{cursor:wait;opacity:.72}
.btn-primary{background:var(--primary);color:white;box-shadow:0 2px 5px rgba(23,78,183,.13)}
.btn-primary:hover{background:var(--primary-dark)}
.btn-soft{background:#f0f5fc;color:#234b89;border-color:#dce8fa}
.btn-soft:hover{background:#e3edfc;border-color:#c9dcf7}
.btn-ghost{background:transparent;color:var(--muted)}
.btn-ghost:hover{background:#ebf1fa;color:var(--ink)}
.btn-danger-soft{background:#fff2f1;color:#a32333;border-color:#f4d7dc}
.btn-danger-soft:hover{background:#ffe6e8}
.btn-white{background:#fff;color:#132d55}
.btn-white:hover{background:#e8f2ff}
.btn-outline-light{color:#f0f6ff;border-color:#7592bc;background:rgba(10,27,51,.55)}
.btn-outline-light:hover{background:#254a7b}
.btn-compact{min-height:38px;padding:7px 11px}
.wide{width:100%}
.inline-form{display:inline-flex;max-width:100%}
.text-link,.back-link{color:#154ba7;font-weight:680;display:inline-flex;align-items:center;gap:7px;font-size:.88rem}
.text-link:hover,.back-link:hover{text-decoration:underline;text-underline-offset:3px}
.back-link{margin-bottom:16px;min-height:36px}

.brand-logo{display:inline-flex;align-items:center;width:153px;flex:none}
.brand-logo img{width:100%;height:auto}
.entry-body{min-height:100dvh;background:radial-gradient(ellipse at 80% 6%,#e4f1ff 0,transparent 40%),#f5f8fd}
.entry-header{background:#fff;border-bottom:1px solid var(--line)}
.entry-header-inner,.entry-footer{width:min(1232px,100%);padding-inline:26px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.entry-header-inner{min-height:80px}
.entry-header .btn-ghost{color:#294a77}
.entry-shell{max-width:1180px;margin:54px auto 28px;padding:0 24px;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:stretch}
.entry-card{display:flex;flex-direction:column;justify-content:center;min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px 0 0 22px;padding:clamp(30px,5vw,63px);box-shadow:var(--shadow);min-height:563px}
.entry-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;background:#f0f4fa;border:1px solid #e2eaf3;border-radius:11px;margin-bottom:30px}
.entry-switch a{padding:9px 8px;min-height:42px;border-radius:8px;text-align:center;font-weight:670;color:var(--muted);font-size:.92rem}
.entry-switch a.active{color:var(--primary-dark);background:#fff;box-shadow:0 1px 4px rgba(11,36,73,.13)}
.entry-switch a:not(.active):hover{color:var(--primary)}
.entry-title{margin-bottom:27px}
.entry-title h1{font-size:clamp(2.85rem,5vw,4.35rem);line-height:1.02;margin-bottom:10px}
.entry-title p{color:var(--muted);max-width:36ch}
.entry-help{color:var(--muted);font-size:.85rem;margin-top:21px}
.entry-help a,.entry-footer a,.panel-footer a{color:var(--primary-dark);font-weight:650}
.entry-help a:hover,.entry-footer a:hover,.panel-footer a:hover{text-decoration:underline}
.entry-art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(28px,5vw,59px);min-height:563px;border-radius:0 22px 22px 0;background:#13284e url(launch.webp) 53% 48%/cover no-repeat;color:#f6f9ff}
.entry-art::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d2554 2%,rgba(15,40,90,.93) 20%,rgba(22,58,114,.13) 72%);}
.entry-art-copy{padding-bottom:5px;z-index:1}
.entry-art-copy>span,.dashboard-hero-copy>span{font-size:.75rem;letter-spacing:.14em;font-weight:750;text-transform:uppercase;color:#a7caff}
.entry-art-copy>p{font:700 clamp(3.3rem,5vw,5rem)/.95 var(--heading-font);margin:14px 0 25px}
.art-actions{display:flex;gap:12px;flex-wrap:wrap}
.art-actions a{padding:7px 11px;min-height:36px;border:1px solid #7a93b4;border-radius:7px;background:rgba(17,39,71,.72);color:#f1f6ff;font-weight:630;font-size:.79rem}
.art-actions a:hover{background:#224f8b}
.photo-credit{position:absolute;right:12px;bottom:8px;color:#cad8ea;font-size:.62rem}
.entry-footer{max-width:1180px;min-height:50px;color:var(--muted);font-size:.78rem}
.register-shell{grid-template-columns:minmax(0,1.38fr) minmax(0,.82fr)}
.register-shell .entry-card{padding:37px clamp(29px,4vw,52px)}
.register-shell .entry-art{background-position:45% center}
.register-shell .entry-title h1{font-size:clamp(2.7rem,4.4vw,3.8rem)}
.standalone{display:grid;place-items:start center;padding:45px 20px}
.status-card{max-width:550px;width:100%;display:grid;gap:16px}
.status-card h1{font-size:clamp(2.25rem,6vw,3.15rem)}
.status-card .empty-icon{margin-bottom:1px}

.form-stack{display:grid;gap:15px}
.form-stack>.btn,.form-grid .span-all>.btn{justify-self:start}
.form-stack>.wide{justify-self:stretch}
.form-grid{display:grid;align-items:end;gap:15px;min-width:0}
.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.span-all{grid-column:1/-1}
.field{display:grid;gap:6px;min-width:0;max-width:100%;color:var(--ink);font-size:.85rem;font-weight:670}
.field input,.field select,.field textarea,.search-box input{width:100%;min-width:0;border:1px solid #cbd8e8;background:#fff;color:var(--ink);border-radius:9px;line-height:1.4;min-height:45px;padding:10px 12px;font-size:1rem;font-weight:450}
.field input::placeholder,.search-box input::placeholder{color:#67788e;opacity:1}
.field textarea{resize:vertical;min-height:82px}
.field select{padding-right:27px}
.field input:focus,.field select:focus,.field textarea:focus,.search-box input:focus{border-color:#4f83d8;outline:2px solid #c4dafa;outline-offset:1px}
.field input[type=file]{font-size:.88rem;padding:7px;max-width:100%}
.field input::file-selector-button{border:0;color:#234b89;background:#ebf2ff;padding:7px 10px;border-radius:6px;font-weight:650;margin-right:8px}
.field-static{min-height:45px;display:flex;align-items:center}
.password-wrap{position:relative;display:block;min-width:0}
.password-wrap input{padding-right:48px}
.password-toggle{position:absolute;inset:1px 2px 1px auto;min-width:42px;border:0;background:transparent;border-radius:7px;color:var(--muted)}
.password-toggle:hover{background:#f0f5fb;color:var(--primary)}
.check-list{display:grid;gap:8px;align-content:start}
.check{display:flex;align-items:center;gap:8px;min-height:36px;font-size:.87rem;color:var(--ink);font-weight:610}
.check input{width:18px;height:18px;accent-color:var(--primary)}
.flash{display:flex;align-items:flex-start;gap:9px;background:#eaf8ef;border:1px solid #c3e9cf;border-radius:10px;padding:12px 14px;color:#1b6137;margin-bottom:16px;font-weight:600;font-size:.9rem}
.flash .icon{margin-top:4px}
.flash.error{background:#fff0ef;border-color:#f3cecf;color:#9c2639}
.status-card>.flash{margin-bottom:0}

.app{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100dvh}
.sidebar{background:radial-gradient(ellipse at 0% 0%,#203b72 0,transparent 52%),linear-gradient(166deg,#14284d,#101e3a 60%,#132044);display:flex;flex-direction:column;padding:24px 17px 14px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;color:#e7effd;scrollbar-color:#355074 transparent;z-index:8}
.side-nav{display:grid;gap:3px}
.nav-heading{margin:15px 0 4px 11px;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#a2b7d5}
.nav-heading:first-child{margin-top:2px}
.side-link{min-height:43px;display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:8px;color:#d4e1f6;font-size:.87rem;font-weight:600;border:1px solid transparent}
.side-link>.icon{color:#9dbcf3;font-size:.94rem}
.side-link:hover{background:#20385e;color:white}
.side-link.selected{background:#254f89;border-color:#466eae;color:#fff}
.side-link.selected>.icon{color:#d9e8ff}
.side-link>span:nth-child(2){flex:1;min-width:0}
.nav-count{border-radius:6px;padding:1px 5px;min-width:20px;text-align:center;font-size:.7rem;background:#39639c;color:#fff}
.side-footer{margin-top:auto;padding-top:18px}
.side-footer .side-link{border-top-color:#2e4465;border-radius:0}
.workspace{min-width:0;display:flex;flex-direction:column}
.topbar{min-height:75px;padding:12px clamp(17px,3vw,44px);display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:6}
.topbar-context,.topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}
.topbar-location{color:var(--muted);font-size:.87rem;overflow-wrap:anywhere}
.topbar-location span{margin:0 7px;color:#8293aa}
.topbar-location strong{color:var(--ink);font-weight:680}
.mobile-logo,.menu-toggle{display:none!important}
.icon-button{min-width:43px;min-height:43px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:#244c86;position:relative}
.icon-button:hover{background:#edf4ff}
.indicator{width:9px;height:9px;border-radius:50%;background:#245fce;flex:none}
.icon-button>.indicator{position:absolute;top:8px;right:8px;border:1px solid white}
.profile-menu{position:relative}
.profile-menu summary{list-style:none;display:flex;align-items:center;gap:9px;padding:3px 5px 3px 9px;cursor:pointer;border-radius:8px}
.profile-menu summary::-webkit-details-marker,.compose-details summary::-webkit-details-marker{display:none}
.profile-menu summary strong,.profile-menu summary small{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-menu summary strong{font-size:.82rem}
.profile-menu summary small{font-size:.71rem;color:var(--muted)}
.profile-menu summary>.icon{font-size:.64rem;color:var(--muted);margin-left:2px}
.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:215px;display:grid;gap:2px;z-index:9;background:white;border:1px solid var(--line);box-shadow:var(--shadow);padding:7px;border-radius:12px}
.profile-dropdown a,.profile-dropdown .btn{width:100%;min-height:42px;display:flex;align-items:center;justify-content:flex-start;gap:10px;border-radius:7px;padding:8px 11px;font-size:.88rem;color:var(--ink);text-align:left}
.profile-dropdown a:hover{background:#eef4ff}
.profile-dropdown .inline-form{display:block}
.nav-overlay{display:none}
.panel-main{width:100%;max-width:1510px;margin:0 auto;padding:27px clamp(18px,3.2vw,45px) 24px;flex:1;min-width:0}
.page-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;margin-bottom:19px}
.page-title p{color:var(--muted);margin-top:5px;font-size:.94rem}
.panel-footer{padding:15px clamp(18px,3.2vw,45px) 22px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem;border-top:1px solid #e1e9f3}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,2.25vw,25px);box-shadow:var(--shadow);min-width:0}
.panel-main>.card,.panel-main>.channel-layout,.panel-main>.settings-grid{margin-bottom:16px}
.section-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;min-width:0}
.section-head h2{display:flex;align-items:center;gap:8px;min-width:0}
.section-head .text-link{padding-block:3px}
.dashboard-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;border-radius:20px;background:#173467;color:white;min-height:233px;margin-bottom:16px}
.dashboard-hero-copy{z-index:1;padding:31px clamp(19px,4vw,43px);width:100%}
.dashboard-hero h2{margin:7px 0 19px;font:700 clamp(2.4rem,5vw,3.85rem)/.98 var(--heading-font);letter-spacing:.002em;max-width:19ch}
.dashboard-photo{position:absolute;inset:0 0 0 32%;background:linear-gradient(90deg,#173467 0%,rgba(20,51,107,.83) 20%,rgba(23,59,113,.12) 67%,rgba(14,40,85,.17)),url(launch.webp) 50% 33%/cover no-repeat}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric{min-width:0;display:flex;align-items:center;gap:10px;padding:14px 13px;min-height:87px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}
a.metric:hover{border-color:#a7c5f6}
.metric>.icon{margin-left:auto;color:#627a9d;font-size:.72rem}
.metric-copy{display:grid;min-width:0;gap:1px}
.metric-copy small{color:var(--muted);line-height:1.25;overflow-wrap:anywhere}
.metric-copy strong{font-size:1.22rem;font-weight:760;line-height:1.24}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.37fr) minmax(0,1fr);align-items:start;gap:15px}
.attention-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 15px;background:#fff7e3;border:1px solid #eddab0;border-radius:10px;color:#71500d;font-size:.88rem;font-weight:650;margin-bottom:16px;overflow-wrap:anywhere}
.attention-banner .icon{margin-right:4px}
a.attention-banner:hover{background:#fff0ce}
.content-card .attention-banner,.channel-card .attention-banner{margin-bottom:0}

.chip,.tag{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;width:fit-content;max-width:100%;padding:4px 8px;border-radius:6px;background:var(--tone-bg,#edf2f8);color:var(--tone-text,#435570);font-size:.73rem;font-weight:680;line-height:1.25;overflow-wrap:anywhere}
.chip>.icon,.tag>.icon{font-size:.84em}
.tag{background:var(--badge-bg,#f7f1dd);color:var(--badge-ink,#76520b)}
.tone-blue{--tone-bg:#e9f2ff;--tone-text:#174b9e}
.tone-amber{--tone-bg:#fff1d5;--tone-text:#805408}
.tone-green{--tone-bg:#e2f5ec;--tone-text:#166749}
.tone-red{--tone-bg:#ffe9e9;--tone-text:#a5243a}
.tone-purple{--tone-bg:#f0ebff;--tone-text:#6244a7}
.tone-cyan{--tone-bg:#e1f5f8;--tone-text:#116478}
.tone-neutral{--tone-bg:#edf2f8;--tone-text:#425570}
.tile-icon,.empty-icon{display:inline-grid;place-items:center;flex:none;width:41px;height:41px;border-radius:10px;background:var(--tone-bg,#e9f2ff);color:var(--tone-text,#2356a6)}
.empty-icon{width:49px;height:49px;font-size:1.15rem;border-radius:12px}
.empty-state{display:grid;place-items:center;gap:7px;text-align:center;padding:25px 12px;color:var(--ink);background:#f5f8fc;border:1px dashed #d5e2f1;border-radius:12px}
.empty-state p{color:var(--muted);font-size:.88rem;max-width:54ch}
.empty-state>.empty-icon{margin-bottom:3px}

.stack-list,.record-list{display:grid;min-width:0}
.record-list{gap:11px}
.stack-list:empty,.record-list:empty,.badge-grid:empty,.discussion:empty,.member-grid:empty{display:none}
.list-row{min-width:0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8eef6;padding:11px 6px;min-height:52px}
.list-row:last-child{border-bottom:0}
a.list-row:hover{background:#f3f7fd;border-radius:9px}
.list-row>.icon{margin-left:auto;color:#637895;font-size:.76rem}
.list-primary{display:grid;gap:2px;flex:1;min-width:0;overflow-wrap:anywhere;font-size:.94rem}
.list-primary span,.list-primary small,.list-row small{color:var(--muted)}
.list-primary>span{font-size:.86rem}
.list-primary>small{font-size:.77rem}
.row-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:flex-end}
.list-row.item-row{padding-block:13px}
.record{display:grid;gap:11px;padding:15px;border-radius:12px;border:1px solid #dce6f1;background:#fff;min-width:0}
.record-header{display:flex;align-items:center;gap:11px;min-width:0}
.record-header>.chip{flex:none}
.record-line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.record-line .record-header{flex:1 0 min(100%,230px)}
.record .muted{font-size:.87rem}
.ranking-row .rank-number,.rank-number{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--badge-bg,#fff1d8);color:var(--badge-ink,#805407);font-size:1.08rem;font-weight:760}
.inset{padding:14px;background:#f2f6fb;border:1px solid #e0e9f4;border-radius:10px;min-width:0}
.inset p{margin-top:3px;font-size:.86rem}
.inset .text-link{margin-top:10px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.segmented{display:flex;gap:4px;flex-wrap:wrap;align-items:center;padding:4px;background:#eff4fb;border:1px solid #e0e8f4;border-radius:9px}
.segmented a{border:1px solid transparent;display:inline-flex;align-items:center;min-height:35px;padding:4px 9px;border-radius:6px;color:var(--muted);font-size:.8rem;font-weight:650}
.segmented a:hover{color:var(--primary)}
.segmented a.active{background:#fff;border-color:#dbe6f5;color:var(--primary-dark)}
.search-form{display:flex;gap:6px;align-items:center;max-width:100%;min-width:0}
.search-form>.btn{min-height:41px;padding-inline:12px}
.search-box{position:relative;display:block;min-width:0;flex:1}
.search-box .icon{position:absolute;left:10px;top:13px;font-size:.83rem;color:#617697}
.search-box input{padding:8px 10px 8px 33px;min-height:41px;max-width:245px}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:.81rem;color:var(--muted)}
.pagination .btn{min-height:39px;padding:6px 11px}
.content-card{display:grid;gap:15px}
.content-card h2{font-size:clamp(1.32rem,3vw,2rem);letter-spacing:-.018em}
.author-line{display:flex;align-items:center;gap:9px;min-width:0}
.author-details{min-width:0;overflow-wrap:anywhere}
.author-details>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.author-details small{color:var(--muted);font-size:.72rem;display:block;margin-top:1px}
.author{font-weight:730;overflow-wrap:anywhere;color:var(--name-color,var(--ink));font-size:.93rem}
a.author:hover{text-decoration:underline;text-underline-offset:3px}
.name-blue{--name-color:#194baf}.name-red{--name-color:#a72137}.name-green,.name-emerald{--name-color:#087049}
.name-purple{--name-color:#6344a6}.name-orange{--name-color:#985106}.name-pink,.name-rose{--name-color:#9d3366}
.name-teal,.name-cyan{--name-color:#096270}.name-yellow{--name-color:#805408}.name-indigo{--name-color:#4945a7}
.avatar{display:inline-grid;place-items:center;flex:none;width:45px;height:45px;max-width:none;object-fit:cover;border-radius:50%;border:2px solid #d8e5f8;background:#e6efff;color:#214e96;font-size:.82rem;font-weight:780;line-height:1}
.avatar-xs{width:27px;height:27px;font-size:.61rem}
.avatar-sm{width:37px;height:37px;font-size:.69rem}
.avatar-lg{width:87px;height:87px;font-size:1.4rem;border-width:3px}
.frame-gold{border-color:#d39a2b}.frame-blue{border-color:#65a2fa}.frame-purple{border-color:#ab87ea}
.frame-red{border-color:#ee7e83}.frame-green{border-color:#51ac8b}.frame-holo{border-color:#6d88e1 #cd91d4 #55bcae #d4ab59}
.attachment{display:inline-block;width:fit-content;max-width:100%}
.attachment img{max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:10px}
.discussion{display:grid;gap:10px;margin-top:11px}
.discussion-item{display:grid;gap:9px;border:1px solid #e1e9f4;border-radius:11px;padding:13px;min-width:0}
.discussion-item .prose{font-size:.91rem}
.compose-card{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}
.compose-details>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer;list-style:none;min-height:36px;font-weight:720}
.compose-details>summary>span:first-child{display:inline-flex;align-items:center;gap:8px}
.compose-details>summary>.icon{color:var(--muted);font-size:.75rem}
.compose-details[open]>summary{margin-bottom:13px}
.is-liked{color:#9b2957;background:#faeaf2;border-color:#f4d5e6}

.channel-layout,.message-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.39fr);gap:14px;align-items:start}
.channel-card,.thread{min-width:0}
.channel-log,.message-thread{display:flex;flex-direction:column;gap:11px;height:clamp(280px,49vh,560px);overflow:auto;overscroll-behavior:contain;padding:12px;background:#f3f7fc;border:1px solid #e0eaf6;border-radius:10px}
.channel-message{border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px 12px;display:grid;gap:5px;min-width:0;max-width:min(90%,600px);align-self:flex-start}
.channel-message.mine,.message-bubble.mine{background:#e8f1ff;align-self:flex-end;border-color:#cddffb}
.channel-message .prose,.message-bubble .prose{font-size:.9rem}
.channel-message .inline-form{justify-self:end}
.channel-system{background:#e5edf8;border:1px solid #d7e4f4;padding:7px 10px;border-radius:8px;color:#405674;font-size:.78rem;overflow-wrap:anywhere;display:flex;justify-content:space-between;align-items:center;gap:8px}
.channel-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:13px}
.channel-card .attention-banner{margin-top:13px}
.channel-error{margin-top:8px}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24825e;flex:none}
.online-user{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #e9eef5;min-height:36px}
.online-card h2{font-size:1rem}
.channel-moderation{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.message-layout{grid-template-columns:minmax(220px,.43fr) minmax(0,1fr)}
.contacts .stack-list{margin-top:8px}
.contacts .contact{padding:7px}
.contacts .contact.selected{background:#eaf2ff;border-radius:8px}
.message-bubble{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:white;max-width:87%;align-self:flex-start;min-width:0}
.message-bubble small{color:var(--muted);font-size:.69rem}
.mobile-contacts{display:none}
.notification.unread{background:#f1f6ff;border-radius:8px}

.profile-hero{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.profile-intro{flex:1;min-width:min(175px,100%)}
.profile-intro h1{margin:4px 0}
.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.member-grid,.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.member-card{display:grid;gap:11px;padding:14px;border:1px solid var(--line);border-radius:11px;min-width:0}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}
.settings-grid .card>.muted{margin:10px 0}
.detail-list{display:grid;gap:5px;min-width:0}
.detail-list>div{min-width:0;display:grid;grid-template-columns:minmax(91px,.43fr) minmax(0,1fr);gap:10px;align-items:start;border-bottom:1px solid #e7eef6;padding:7px 0}
.detail-list>div:last-child{border-bottom:0}
.detail-list dt{color:var(--muted);font-size:.85rem;font-weight:620}
.detail-list dd{overflow-wrap:anywhere;font-size:.88rem}
.detail-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 20px}
.detail-inline>div:last-child{border-bottom:1px solid #e7eef6}

.admin-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:15px}
.admin-nav a{padding:7px 11px;min-height:39px;display:inline-flex;align-items:center;border-radius:7px;font-size:.82rem;color:var(--muted);font-weight:670}
.admin-nav a:hover{background:#edf3fc;color:var(--primary)}
.admin-nav a.active{background:#e8f1ff;color:#15469b}
.admin-detail{border-top:1px solid var(--line);padding-top:10px;margin-top:8px}
.review-form{margin-top:2px;background:#f4f7fb;border:1px solid #e2ebf5;padding:12px;border-radius:9px}
.badge-editor-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);align-items:start;gap:17px}
.badge-preview{background:#f1f5fb;border:1px solid #e0e9f4;border-radius:12px;padding:14px;min-width:0}
.badge-preview h3{margin-bottom:10px}
.badge-record{display:grid;align-content:start;gap:9px;padding:9px;border:1px solid var(--line);border-radius:12px;min-width:0}
.badge-owner{margin-right:auto}
.badge-card{--badge-bg:#f8f0db;--badge-ink:#73510f;--badge-edge:#d4a74c;display:flex;gap:11px;min-width:0;padding:13px;border:1px solid var(--badge-edge);border-radius:12px;color:var(--badge-ink);background:linear-gradient(140deg,var(--badge-bg),#fff 130%)}
.badge-emblem{display:grid;place-items:center;flex:none;width:49px;height:53px;border-radius:12px 12px 16px 16px;background:var(--badge-bg);border:1px solid var(--badge-edge);font-size:1.22rem;box-shadow:inset 0 0 0 3px rgba(255,255,255,.49)}
.badge-copy{display:grid;gap:4px;align-content:start;min-width:0;overflow-wrap:anywhere;flex:1}
.badge-copy strong{font-size:1rem;line-height:1.28}
.badge-meta{display:flex;flex-wrap:wrap;gap:4px 9px;justify-content:space-between;font-size:.71rem;font-weight:670}
.badge-tier{width:fit-content;line-height:1.3;padding:2px 6px;background:rgba(255,255,255,.75);border:1px solid var(--badge-edge);border-radius:5px;font-size:.72rem;font-weight:720}
.badge-copy p{font-size:.81rem;line-height:1.5}
.badge-gold{--badge-bg:#f9efda;--badge-ink:#754c08;--badge-edge:#d5af64}
.badge-silver{--badge-bg:#eaf1f7;--badge-ink:#3c566c;--badge-edge:#a9bfcf}
.badge-bronze{--badge-bg:#f8e9dd;--badge-ink:#783b1a;--badge-edge:#d2a486}
.badge-blue{--badge-bg:#e3edff;--badge-ink:#174d9d;--badge-edge:#94b4ea}
.badge-green{--badge-bg:#e1f4e8;--badge-ink:#196142;--badge-edge:#89c8a5}
.badge-purple{--badge-bg:#f0e7fc;--badge-ink:#583788;--badge-edge:#bda4e1}
.badge-red{--badge-bg:#fce7e6;--badge-ink:#94263c;--badge-edge:#eba5a6}
.badge-darkspace{--badge-bg:#e5e8f5;--badge-ink:#272a56;--badge-edge:#a2acd0}
.badge-pink{--badge-bg:#f8e8f3;--badge-ink:#8c2d61;--badge-edge:#dcb1cd}
.badge-orange{--badge-bg:#feeddc;--badge-ink:#934207;--badge-edge:#e6b38a}
.badge-cyan{--badge-bg:#dff5f9;--badge-ink:#126473;--badge-edge:#8ac8d4}
.badge-violet{--badge-bg:#f3e5ff;--badge-ink:#6b3b91;--badge-edge:#c6a2e1}
.badge-lime{--badge-bg:#ebf4db;--badge-ink:#4c631d;--badge-edge:#b5c989}
.badge-sunset{--badge-bg:#fce8dc;--badge-ink:#873d25;--badge-edge:#e2aa98}
.badge-burgundy{--badge-bg:#fae4eb;--badge-ink:#811b40;--badge-edge:#d7a2b4}
.badge-darkcopper{--badge-bg:#f3e7de;--badge-ink:#673e2a;--badge-edge:#c8ab96}
.badge-iceblue{--badge-bg:#e2f4ff;--badge-ink:#1b5078;--badge-edge:#96bedb}
.archive-grid{margin-top:13px}
.archive-list{margin:0;padding-left:19px;color:var(--muted);font-size:.89rem;overflow-wrap:anywhere}

@media(max-width:1150px){
    .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
    .admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
    .app{grid-template-columns:208px minmax(0,1fr)}
    .dashboard-columns{grid-template-columns:minmax(0,1fr)}
    .sidebar{padding-inline:13px}
}

@media(max-width:870px){
    .app{display:block}
    .sidebar{position:fixed;top:0;bottom:0;left:0;width:min(290px,86vw);padding:19px 15px;transform:translateX(-110%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}
    .menu-open .sidebar{transform:translateX(0);visibility:visible}
    .nav-overlay{position:fixed;inset:0;display:block;z-index:7;background:rgba(9,24,45,.55);border:0;width:100%;height:100%}
    body.menu-open{overflow:hidden}
    .topbar{padding:9px 16px;min-height:67px}
    .mobile-logo,.menu-toggle{display:inline-flex!important}
    .mobile-logo{width:112px}
    .topbar-location{display:none}
    .panel-main{padding:21px 16px 22px}
    .panel-footer{padding-inline:16px}
    .entry-shell{margin-top:34px;padding-inline:17px}
    .entry-card{padding-inline:31px}
    .entry-art{padding:26px}
    .entry-art-copy>p{font-size:clamp(3.05rem,6vw,4rem)}
    .register-shell{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
}

@media(max-width:635px){
    .entry-header-inner{min-height:63px}
    .entry-header-inner,.entry-footer{padding-inline:16px}
    .entry-header .brand-logo{width:125px}
    .entry-shell,.register-shell{display:grid;grid-template-columns:minmax(0,1fr);margin:19px auto 9px;gap:13px;padding-inline:14px}
    .entry-card,.register-shell .entry-card{border-radius:16px;padding:22px 17px;min-height:0}
    .entry-switch{margin-bottom:22px}
    .entry-title{margin-bottom:19px}
    .entry-title h1{font-size:clamp(2.7rem,12vw,3.55rem)}
    .entry-art{border-radius:15px;min-height:205px;background-position:50% 65%;padding:22px 16px 25px}
    .entry-art-copy>p{font-size:2.42rem;margin:8px 0 12px}
    .entry-art-copy>p br{display:none}
    .entry-art-copy>span{font-size:.62rem}
    .photo-credit{font-size:.54rem}
    .entry-footer{padding-top:8px}
    .standalone{padding:22px 14px}
    .card{padding:15px;border-radius:13px}
    .topbar{padding:8px 12px}
    .topbar-context,.topbar-actions{gap:7px}
    .desktop-inbox,.profile-menu summary>span:not(.avatar),.profile-menu summary>.icon{display:none}
    .profile-menu summary{padding:3px}
    .icon-button{min-width:40px;min-height:42px}
    .panel-main{padding:18px 12px}
    .page-title{margin-bottom:15px}
    .page-title p{font-size:.88rem}
    .dashboard-hero{min-height:188px;border-radius:14px}
    .dashboard-hero h2{margin-bottom:14px}
    .dashboard-photo{inset-inline-start:25%;opacity:.8;background-position:59% 64%}
    .metrics,.admin-metrics,.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .metric{padding:10px 8px;min-height:76px;gap:7px}
    .metric .tile-icon{width:31px;height:33px;font-size:.82rem}
    .metric>.icon{display:none}
    .metric-copy small{font-size:.72rem}
    .metric-copy strong{font-size:1.04rem}
    .dashboard-columns,.settings-grid,.member-grid,.badge-grid,.badge-editor-layout,.channel-layout,.message-layout{grid-template-columns:minmax(0,1fr)}
    .form-grid.two,.form-grid.three{grid-template-columns:minmax(0,1fr)}
    .search-form{width:100%}
    .search-box input{max-width:none}
    .list-row{padding-inline:2px}
    .list-row.item-row{flex-wrap:wrap;gap:8px}
    .list-row.item-row>.list-primary{flex-basis:calc(100% - 53px)}
    .list-row.item-row>.icon{display:none}
    .list-row.item-row>.row-chips{justify-content:flex-start}
    .row-chips,.list-row.item-row>.chip{margin-left:0}
    .record-header{flex-wrap:wrap;gap:7px}
    .record-header>.list-primary{flex-basis:calc(100% - 55px)}
    .record{padding:11px}
    .record-line .record-header{flex-basis:100%}
    .detail-inline{grid-template-columns:minmax(0,1fr)}
    .channel-message,.message-bubble{max-width:94%}
    .message-layout.with-chat .contacts{display:none}
    .mobile-contacts{display:inline-flex}
    .channel-compose>.btn{padding-inline:9px}
    .thread .compose-card{margin-top:9px}
    .admin-nav{gap:3px}
    .admin-nav a{padding:6px 8px;min-height:39px}
}

@media(max-width:385px){
    .topbar{padding-inline:10px}
    .topbar-context,.topbar-actions{gap:5px}
    .mobile-logo{width:96px}
    .admin-metrics>.metric:last-child{grid-column:1/-1}
}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}

/* Font Awesome Free solid glyphs */
.icon-arrow-left::before{content:"\f060"}
.icon-arrow-right::before{content:"\f061"}
.icon-arrow-up-right-from-square::before{content:"\f08e"}
.icon-award::before{content:"\f559"}
.icon-at::before{content:"\40"}
.icon-bars::before{content:"\f0c9"}
.icon-bell::before{content:"\f0f3"}
.icon-bolt::before{content:"\f0e7"}
.icon-book-open::before{content:"\f518"}
.icon-box-archive::before{content:"\f187"}
.icon-bullhorn::before{content:"\f0a1"}
.icon-calendar-days::before{content:"\f073"}
.icon-certificate::before{content:"\f0a3"}
.icon-check::before{content:"\f00c"}
.icon-chevron-down::before{content:"\f078"}
.icon-chevron-right::before{content:"\f054"}
.icon-circle-check::before{content:"\f058"}
.icon-circle-exclamation::before{content:"\f06a"}
.icon-clock::before{content:"\f017"}
.icon-clock-rotate-left::before{content:"\f1da"}
.icon-cloud-arrow-up::before{content:"\f0ee"}
.icon-comments::before{content:"\f086"}
.icon-compass::before{content:"\f14e"}
.icon-crown::before{content:"\f521"}
.icon-download::before{content:"\f019"}
.icon-envelope::before{content:"\f0e0"}
.icon-eye::before{content:"\f06e"}
.icon-eye-slash::before{content:"\f070"}
.icon-file-import::before{content:"\f56f"}
.icon-file-lines::before{content:"\f15c"}
.icon-file-pdf::before{content:"\f1c1"}
.icon-flag::before{content:"\f024"}
.icon-floppy-disk::before{content:"\f0c7"}
.icon-gear::before{content:"\f013"}
.icon-grid::before{content:"\f009"}
.icon-hand-holding-heart::before{content:"\f4be"}
.icon-handshake::before{content:"\f2b5"}
.icon-heart::before{content:"\f004"}
.icon-lock::before{content:"\f023"}
.icon-magnifying-glass::before{content:"\f002"}
.icon-medal::before{content:"\f5a2"}
.icon-paper-plane::before{content:"\f1d8"}
.icon-pen-to-square::before{content:"\f044"}
.icon-plus::before{content:"\2b"}
.icon-right-from-bracket::before{content:"\f2f5"}
.icon-rocket::before{content:"\f135"}
.icon-rotate::before{content:"\f2f1"}
.icon-shield-halved::before{content:"\f3ed"}
.icon-star::before{content:"\f005"}
.icon-tower-broadcast::before{content:"\f519"}
.icon-trash::before{content:"\f1f8"}
.icon-trophy::before{content:"\f091"}
.icon-upload::before{content:"\f093"}
.icon-user::before{content:"\f007"}
.icon-user-check::before{content:"\f4fc"}
.icon-user-lock::before{content:"\f502"}
.icon-users::before{content:"\f0c0"}
.icon-xmark::before{content:"\f00d"}

@media(max-width:870px){
    html:not(.has-js) .sidebar{position:static;visibility:visible;transform:none;width:auto;height:auto}
    html:not(.has-js) .menu-toggle{display:none!important}
}

.entry-brand,.side-brand { display:inline-flex;align-items:center;gap:12px;min-width:0; }
.entry-brand img { width:104px;flex:none; }
.entry-brand span { color:#355987;border-left:1px solid #cfdeef;padding-left:12px;font-size:.8rem;font-weight:730;line-height:1.23; }
.side-brand { display:grid;justify-items:start;gap:8px;margin:0 5px 20px; }
.side-brand img { width:121px;padding:6px 9px;background:white;border-radius:7px; }
.side-brand span { color:#e1ecfa;font-size:.83rem;font-weight:700; }
.side-link[href$="tab=feed"]>.icon { color:#91c5ff; }
.side-link[href$="tab=rankings"]>.icon { color:#ffd281; }
.side-link[href$="tab=community"]>.icon { color:#d0baff; }
.side-link[href$="tab=channel"]>.icon { color:#69ded1; }
.side-link[href$="tab=admin"]>.icon { color:#ffb27b; }
.portal-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.portal-metrics .metric { min-height:78px; }
.tone-admin { --tone-bg:#ffeadb;--tone-text:#913805; }
.tone-trb { --tone-bg:#dff7f1;--tone-text:#0d6156; }
.avatar-admin { background:#ffe7d8;color:#943707;border-color:#d18452; }
.name-admin { --name-color:#9c3d09; }
.topbar strong[class*="name-"],.profile-intro h1[class*="name-"],.gate-card strong[class*="name-"],.contact strong[class*="name-"] { color:var(--name-color,var(--ink)); }
.official-card { border-inline-start:3px solid #dc8b60;background:linear-gradient(105deg,#fff9f4,white 58%); }
.register-options { padding:10px 12px;border:1px solid #d7e5f6;border-radius:10px;background:#f4f8ff;min-width:0; }
.register-options summary { cursor:pointer;color:#214e8d;font-size:.87rem;font-weight:700; }
.register-options[open]>p,.register-options[open]>.field,.register-options[open]>form { margin-top:10px; }
.settings-note { margin-bottom:13px; }
.settings-grid .register-options { margin-top:14px; }
.member-actions { justify-content:space-between; }
.admin-nav .active[href*="section=trb"] { background:#e7f6f1;color:#0d6156;border-color:#b9e3d6; }
.key-issued { padding:13px;margin-bottom:15px;display:grid;gap:8px;background:#e8f8f4;border:1px solid #c0e9de;border-radius:11px; }
.key-issued p { color:#365b57;font-size:.84rem; }
.key-issued code { background:white;color:#154d45;border:1px solid #c4ded8;border-radius:6px;padding:7px 9px;overflow-wrap:anywhere;font-weight:700; }
.gate-body { background:radial-gradient(ellipse at 82% 12%,#e3effe 0,transparent 48%),#f3f7fd; }
.gate-shell { width:min(100%,890px);margin:0 auto;padding:clamp(18px,5vw,60px) 16px; }
.gate-card { display:grid;gap:15px;padding:clamp(18px,4vw,38px);border-top:4px solid #2467cd; }
.gate-card .flash { margin-bottom:0; }
.gate-card h1 { font-size:clamp(2.45rem,5vw,3.55rem); }
.gate-card .author-line { margin-bottom:3px; }
.gate-content { padding:16px;border-radius:10px;background:#f5f8ff;color:#1f3b62; }
.gate-image { max-height:460px;border-radius:11px;object-fit:contain; }
.gate-actions { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px; }
.gate-actions p { color:var(--muted);font-size:.87rem; }
.ranking-filter { margin-bottom:14px;width:fit-content; }
.score-table { border-collapse:separate;border-spacing:0;width:100%;text-align:left;table-layout:fixed; }
.score-table th,.score-table td { padding:10px 9px;border-bottom:1px solid var(--line);overflow-wrap:anywhere; }
.score-table thead th { background:#eef5ff;color:#234e86;font-size:.82rem; }
.score-table thead th:first-child { width:12%;border-radius:8px 0 0 8px; }
.score-table thead th:last-child { width:21%;border-radius:0 8px 8px 0; }
.score-table tbody th strong,.score-table tbody th small,.score-table tbody th span { display:block; }
.score-table tbody th small,.score-table tbody th span { color:var(--muted);font-weight:500;font-size:.78rem; }
.score-table tbody td:last-child { font-variant-numeric:tabular-nums; }
.icon-key::before { content:"\f084"; }
.icon-copy::before { content:"\f0c5"; }

@media(max-width:870px) {
    .side-brand img { width:111px; }
}
@media(max-width:635px) {
    .entry-brand { gap:7px; }
    .entry-brand img { width:83px; }
    .entry-brand span { padding-left:7px;font-size:.71rem; }
    .entry-art { background-image:url(launch-mobile.webp);background-position:50% 46%; }
    .dashboard-photo { background-image:linear-gradient(90deg,#173467,rgba(23,52,103,.55) 45%,rgba(23,52,103,.13)),url(launch-mobile.webp); }
    .portal-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .portal-metrics .metric { align-items:flex-start;flex-direction:column;min-height:96px; }
    .portal-metrics .metric-copy small { min-height:34px; }
    .score-table th,.score-table td { padding:8px 5px; }
    .score-table thead th:first-child { width:19%; }
    .score-table thead th:last-child { width:23%; }
    .score-table .rank-number { width:31px;height:32px;font-size:.91rem; }
    .gate-card .gate-actions .inline-form,.gate-card .gate-actions .btn { width:100%; }
}