:root{
  --navy:#073b75; --navy2:#06284e; --blue:#0b63ce; --cyan:#00a6c8; --green:#16a765; --gold:#f4ba1b; --orange:#ed7624; --red:#df3d3d; --purple:#7046d8;
  --ink:#102033; --muted:#667892; --soft:#eef5fc; --line:#dde8f3; --card:#fff; --bg:#f5f9fd; --glass:rgba(255,255,255,.86);
  --shadow:0 18px 44px rgba(7,33,70,.13); --shadow2:0 8px 22px rgba(7,33,70,.09); --radius:22px; --radius2:16px;
  --rail:286px; --aside:342px; --top:74px; --mobileBar:72px; --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box} html{height:100%;font-size:clamp(14px, .85vw + 8px, 16px)} body{height:100%;margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 12% 0,#fff 0,#f6fbff 34%,#edf4fb 100%);overflow:hidden}
button,input,textarea,select{font:inherit} button{border:0;background:transparent;color:inherit;cursor:pointer} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} textarea{resize:vertical}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted)}.tiny{font-size:.78rem}.micro{font-size:.7rem}.strong{font-weight:900}.row{display:flex;align-items:center;gap:.7rem}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:.85rem}.scroll-x{overflow-x:auto;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}
.logo{width:58px;height:58px;object-fit:contain}.logo.sm{width:38px;height:38px}.logo.xs{width:24px;height:24px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#e9f2ff,#fff);border:2px solid #fff;box-shadow:0 6px 14px rgba(7,33,70,.13);font-weight:950;color:var(--navy);overflow:hidden}.avatar.sm{width:32px;height:32px;font-size:.78rem}.avatar.xs{width:24px;height:24px;font-size:.68rem}.avatar.lg{width:86px;height:86px;font-size:1.45rem}.avatar.online{position:relative}.avatar.online:after{content:"";position:absolute;right:0;bottom:2px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#13b970}.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.26rem .55rem;background:#eaf4ff;color:#0a5bbd;font-size:.68rem;font-weight:950;letter-spacing:.01em}.badge.green{background:#e9f9f2;color:#0a7f4c}.badge.purple{background:#f1edff;color:#6134cc}.badge.orange{background:#fff2e7;color:#bb5812}.badge.red{background:#fff0f1;color:#c52e39}.badge.gray{background:#edf2f7;color:#52657b}.chip{border:1px solid var(--line);background:#f8fbff;border-radius:999px;padding:.55rem .75rem;font-weight:850;color:#36536f;display:inline-flex;align-items:center;gap:.4rem;transition:.18s}.chip:hover,.chip.active{background:#fff;box-shadow:var(--shadow2);transform:translateY(-1px);color:var(--blue)}.chip.danger{color:#c03131;background:#fff3f3}.btn{border-radius:14px;padding:.74rem 1rem;background:linear-gradient(135deg,var(--navy),#0a62ca);color:#fff;font-weight:950;box-shadow:0 12px 25px rgba(6,51,111,.23);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:var(--shadow2)}.btn.ghost{background:#eef6ff;color:var(--navy);box-shadow:none}.btn.green{background:linear-gradient(135deg,#0d9257,#16b66e)}.btn.red{background:linear-gradient(135deg,#bc2f38,#ef4a55)}.icon-btn{width:44px;height:44px;border-radius:15px;background:#f3f8ff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 4px 12px rgba(7,33,70,.05);position:relative}.icon-btn:hover{background:#fff;transform:translateY(-1px)}.dot{position:absolute;right:7px;top:6px;min-width:17px;height:17px;border-radius:99px;background:var(--red);color:#fff;border:2px solid #fff;font-size:.62rem;display:grid;place-items:center;font-weight:900}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow2)}.card.pad{padding:1rem}.glass{background:var(--glass);backdrop-filter:blur(18px);border:1px solid rgba(221,232,243,.92);box-shadow:var(--shadow)}
.auth-wrap{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:1.4rem;padding:clamp(1rem,2vw,1.8rem)}.auth-visual,.auth-card{border-radius:32px}.auth-visual{position:relative;overflow:hidden;padding:clamp(1.3rem,3vw,3rem);color:#fff;background:linear-gradient(135deg,rgba(6,40,78,.97),rgba(7,59,117,.9)),url('assets/interface_showcase.png') center/cover;display:flex;flex-direction:column;justify-content:space-between;min-height:660px}.auth-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(0,166,200,.42),transparent 38%),radial-gradient(circle at 20% 70%,rgba(244,186,27,.25),transparent 34%)}.auth-visual>*{position:relative;z-index:1}.auth-visual h1{font-size:clamp(2.1rem,5.3vw,5.2rem);line-height:.93;letter-spacing:-.055em;margin:.9rem 0}.auth-visual p{font-size:clamp(1rem,1.6vw,1.25rem);max-width:760px;line-height:1.45;color:#dceeff}.auth-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem}.auth-feature{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:1rem;min-height:102px}.auth-feature b{display:block;margin-bottom:.35rem}.auth-card{align-self:center;padding:1.1rem}.auth-panel{padding:1rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf5ff;border-radius:18px;padding:.3rem;margin:1rem 0}.auth-tabs button{border-radius:14px;padding:.75rem;font-weight:950}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:var(--shadow2)}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.75rem;font-weight:900;color:#405b76}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:.8rem .85rem;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#99c6f7;box-shadow:0 0 0 4px rgba(11,99,206,.12)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.role-option{text-align:left;border:1px solid var(--line);border-radius:16px;padding:.85rem;background:#fff;font-weight:900}.role-option.active{border-color:#8fc2fa;box-shadow:0 0 0 4px rgba(11,99,206,.1);color:var(--blue)}.step-dots{display:flex;gap:.4rem;margin-bottom:.9rem}.step-dots span{width:30px;height:6px;background:#dbe9f7;border-radius:99px}.step-dots span.active{background:var(--blue)}.onboarding-step{display:none}.onboarding-step.active{display:block;animation:fadeUp .24s ease both}
.app-shell{height:100dvh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--aside);gap:1rem;padding:1rem;overflow:hidden}.rail,.surface,.aside{border-radius:28px}.rail{padding:1rem;display:flex;flex-direction:column;min-width:0;overflow:hidden}.brand{display:flex;gap:.75rem;align-items:center;padding:.2rem .45rem 1rem;border-bottom:1px solid var(--line)}.brand h1{font-size:1rem;letter-spacing:.06em;margin:0;color:var(--navy);font-weight:950}.brand small{display:block;margin-top:.2rem;color:var(--muted);font-size:.72rem;letter-spacing:0}.nav{display:flex;flex-direction:column;gap:.28rem;margin:1rem 0;overflow:auto;padding-right:.15rem}.nav button{display:flex;align-items:center;gap:.75rem;border-radius:16px;padding:.74rem .75rem;font-weight:900;color:#38536e;transition:.18s}.nav button:hover{background:#eef7ff;transform:translateX(2px)}.nav button.active{background:linear-gradient(135deg,var(--navy),#0d62c8);color:#fff;box-shadow:0 12px 22px rgba(7,59,117,.22)}.nav .ico{width:28px;height:28px;border-radius:10px;background:#edf5ff;color:var(--navy);display:grid;place-items:center}.nav button.active .ico{background:rgba(255,255,255,.18);color:#fff}.rail-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:.9rem}.user-chip{display:flex;gap:.75rem;align-items:center;background:#f5f9ff;border-radius:18px;padding:.65rem}.surface{display:grid;grid-template-rows:var(--top) minmax(0,1fr);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.72)}.top-title h2{margin:0;font-size:clamp(1.25rem,1.2vw + .8rem,1.9rem);letter-spacing:-.02em}.top-title span{display:block;margin-top:.15rem;color:var(--muted);font-size:.78rem}.top-actions{display:flex;align-items:center;gap:.55rem}.search{position:relative;min-width:min(26vw,320px)}.search input{width:100%;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.78rem .9rem .78rem 2.35rem;outline:none}.search:before{content:"⌕";position:absolute;left:.9rem;top:.55rem;color:var(--muted);font-size:1.1rem}.content{min-height:0;overflow:auto;padding:1rem;scroll-behavior:smooth}.aside{padding:1rem;overflow:auto}.mobile-bar{display:none}.fab{display:none}.feed-layout{display:grid;grid-template-columns:minmax(0,700px) minmax(250px,1fr);gap:1rem;align-items:start}.feed-col,.side-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.story-row{display:flex;gap:.75rem;overflow-x:auto;padding:.2rem .1rem .9rem;scrollbar-width:none}.story-row::-webkit-scrollbar{display:none}.story{min-width:74px;text-align:center;font-size:.72rem;font-weight:850;color:#39546e}.story .ring{width:62px;height:62px;margin:0 auto .35rem;padding:3px;border-radius:50%;background:conic-gradient(from 130deg,#e83340,#f4ba1b,#1cb66c,#00a6c8,#7046d8,#e83340);box-shadow:0 8px 17px rgba(7,33,70,.12)}.story .avatar{width:100%;height:100%;border:3px solid #fff}.story.add .ring{background:#edf6ff}.story.add .avatar{font-size:1.45rem;border-style:dashed;background:#fff}.composer{padding:.9rem}.composer-top{display:flex;align-items:center;gap:.75rem}.composer-input{flex:1;min-height:48px;border:1px solid var(--line);border-radius:18px;background:#f7fbff;color:#55708a;text-align:left;padding:.85rem}.composer-input:hover{background:#fff}.composer-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;border-top:1px solid var(--line);margin-top:.8rem;padding-top:.75rem}.mini-action{border:1px solid var(--line);background:#fff;border-radius:13px;padding:.65rem .5rem;font-weight:900;color:#3e5874;display:flex;align-items:center;justify-content:center;gap:.35rem}.mini-action:hover{background:#f2f8ff;color:var(--blue)}.post{padding:1rem;animation:popIn .23s ease both}.post-head{display:flex;align-items:flex-start;gap:.75rem}.post-head .meta{flex:1;min-width:0}.post h4{margin:0;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.98rem}.post-text{line-height:1.48;margin:.8rem 0;color:#1d3048;white-space:pre-wrap}.post-media{height:clamp(170px,28vw,270px);border-radius:18px;background:linear-gradient(135deg,#e8f2ff,#fff);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;color:var(--navy);font-weight:950;position:relative}.post-media.event{background:linear-gradient(135deg,rgba(7,59,117,.94),rgba(0,166,200,.72)),url('assets/interface_showcase.png') center/cover;color:#fff}.video-thumb{background:linear-gradient(135deg,rgba(7,59,117,.88),rgba(112,70,216,.7)),url('assets/interface_showcase.png') center/cover;color:#fff}.play{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--navy);font-size:1.6rem;box-shadow:var(--shadow)}.support-box{display:flex;gap:.75rem;align-items:center;border:1px solid #cfe3ff;background:linear-gradient(135deg,#f4faff,#fff);border-radius:18px;padding:.85rem;margin:.8rem 0}.support-box .symbol{width:52px;height:52px;border-radius:17px;background:#eaf4ff;color:var(--navy);display:grid;place-items:center;font-size:1.35rem;flex:0 0 auto}.post-stats{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.78rem;border-bottom:1px solid var(--line);padding-bottom:.65rem}.reaction-stack{display:inline-flex;vertical-align:middle;margin-right:.35rem}.reaction-stack span{width:21px;height:21px;border-radius:50%;background:#fff;border:1px solid #fff;display:grid;place-items:center;margin-left:-5px;box-shadow:0 2px 5px rgba(0,0,0,.08);font-size:.72rem}.reaction-stack span:first-child{margin-left:0}.post-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.5rem 0 0}.post-actions button{border-radius:12px;padding:.58rem .25rem;color:#49657f;font-weight:900;font-size:.78rem}.post-actions button:hover,.post-actions button.active{background:#eef7ff;color:var(--blue)}.comments{border-top:1px solid var(--line);margin-top:.65rem;padding-top:.65rem;display:flex;flex-direction:column;gap:.5rem}.comment{display:flex;gap:.5rem}.comment-bubble{flex:1;background:#f2f7fd;border-radius:16px;padding:.55rem .7rem;font-size:.82rem}.comment-bubble b{display:block;font-size:.76rem}.comment-entry{display:flex;gap:.5rem;margin-top:.6rem}.comment-entry input{flex:1;border:1px solid var(--line);border-radius:999px;padding:.7rem .9rem;background:#fff}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.panel-title h3{margin:0;font-size:1rem}.list{display:flex;flex-direction:column;gap:.65rem}.list-item{display:flex;gap:.7rem;align-items:center;padding:.72rem;border:1px solid var(--line);border-radius:16px;background:#fff}.list-item:hover{box-shadow:var(--shadow2);transform:translateY(-1px)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.circle-card,.person-card,.resource-card,.event-card,.service-card{padding:1rem}.cover{height:96px;border-radius:18px;margin:-.2rem -.2rem .8rem;background:linear-gradient(135deg,#083a76,#10a9cb);position:relative;overflow:hidden}.cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 16%,rgba(255,255,255,.45),transparent 34%),linear-gradient(135deg,transparent,rgba(112,70,216,.35))}.circle-people{display:flex}.circle-people .avatar{margin-left:-9px}.circle-people .avatar:first-child{margin-left:0}.profile-hero{border-radius:28px;overflow:hidden}.profile-banner{min-height:210px;background:linear-gradient(135deg,#073b75,#00a6c8 56%,#7046d8);position:relative;padding:1rem;color:#fff;display:flex;align-items:flex-end}.profile-banner.theme-sunset{background:linear-gradient(135deg,#073b75,#ed7624,#f4ba1b)}.profile-banner.theme-forest{background:linear-gradient(135deg,#073b75,#16a765,#00a6c8)}.profile-banner.theme-rainbow{background:linear-gradient(120deg,#073b75,#00a6c8,#16a765,#f4ba1b,#ed7624,#7046d8)}.profile-main{display:flex;align-items:flex-end;gap:1rem;margin-bottom:-50px}.profile-main .avatar{width:112px;height:112px;font-size:2rem;border-width:5px}.profile-body{padding:4rem 1rem 1rem}.profile-tabs{display:flex;gap:.5rem;overflow:auto;border-bottom:1px solid var(--line);padding:.8rem 1rem 0}.profile-tabs button{font-weight:950;padding:.7rem .8rem;border-radius:12px 12px 0 0;color:#49657f}.profile-tabs button.active{background:#f2f8ff;color:var(--blue)}.myspace-box{background:linear-gradient(135deg,#f7fbff,#fff);border:1px dashed #bcd6f4;border-radius:18px;padding:.9rem}.friend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.friend-tile{text-align:center;border:1px solid var(--line);border-radius:15px;background:#fff;padding:.65rem}.conversation-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:1rem;min-height:calc(100dvh - var(--top) - 2rem)}.conversation-list{overflow:auto}.chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.chat-head{padding:.8rem 1rem;border-bottom:1px solid var(--line)}.chat-body{padding:1rem;overflow:auto;display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(#fff,#f7fbff)}.bubble{max-width:76%;padding:.75rem .85rem;border-radius:18px;background:#eef5ff;line-height:1.42}.bubble.me{margin-left:auto;background:linear-gradient(135deg,var(--navy),#0b63ce);color:#fff}.bubble.system{align-self:center;background:#fff9e8;border:1px solid #f6dda1;color:#6c5415;max-width:92%;font-size:.78rem}.chat-form{display:flex;gap:.55rem;padding:.75rem;border-top:1px solid var(--line)}.chat-form input{flex:1;border:1px solid var(--line);border-radius:999px;padding:.8rem 1rem}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem}.video-room{background:#071629;border-radius:28px;padding:1rem;min-height:470px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.8rem;color:#fff}.video-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:.75rem}.video-tile{border-radius:20px;background:linear-gradient(135deg,#123a6e,#15243e);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;position:relative;overflow:hidden}.video-tile.main{grid-row:1/3}.video-tile .avatar{width:86px;height:86px;font-size:1.5rem}.video-label{position:absolute;left:.7rem;bottom:.7rem;background:rgba(0,0,0,.35);border-radius:99px;padding:.35rem .55rem;font-size:.72rem}.call-controls{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.call-btn{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-size:1.2rem}.call-btn.active{background:#fff;color:var(--navy)}.call-btn.end{background:#e3424b}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.tool-card{padding:1rem;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.breathing-orb{width:112px;height:112px;border-radius:50%;margin:1rem auto;background:radial-gradient(circle at 30% 30%,#fff,#8edfff 38%,#0b63ce 78%);box-shadow:0 0 0 14px rgba(11,99,206,.08);animation:breathe 5s ease-in-out infinite}.library-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1rem}.filter-panel{position:sticky;top:0}.resource-card .thumb{height:120px;border-radius:17px;background:linear-gradient(135deg,#eaf4ff,#fff);border:1px solid var(--line);display:grid;place-items:center;font-size:2rem;color:var(--navy);margin-bottom:.7rem}.map-box{height:300px;border-radius:22px;background:linear-gradient(135deg,#eaf5ff,#fff);border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center}.map-box:before{content:"";width:54%;height:78%;border:8px solid rgba(7,59,117,.18);border-radius:42% 54% 48% 58%;transform:rotate(-12deg);background:rgba(0,166,200,.08)}.map-pin{position:absolute;transform:translate(-50%,-50%);background:#fff;border:2px solid var(--blue);box-shadow:var(--shadow2);border-radius:999px;padding:.3rem .55rem;font-weight:950;color:var(--navy);font-size:.7rem}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.portal-card{padding:1rem;display:flex;gap:.8rem;align-items:center}.portal-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#eaf4ff;color:var(--navy);font-size:1.4rem}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(5,20,40,.28);z-index:40;animation:fade .18s ease both}.drawer{position:fixed;right:1rem;top:1rem;bottom:1rem;width:min(440px,calc(100vw - 2rem));border-radius:28px;z-index:50;padding:1rem;overflow:auto}.modal-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 1.5rem));max-height:88dvh;overflow:auto;border-radius:30px;z-index:60;padding:1rem}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:.9rem}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:90;display:flex;flex-direction:column;gap:.5rem}.toast{background:#102033;color:#fff;border-radius:16px;padding:.75rem .9rem;box-shadow:var(--shadow);max-width:min(360px,calc(100vw - 2rem));animation:toast .24s ease both}.progress{height:10px;border-radius:99px;background:#e5eef8;overflow:hidden}.progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--blue));width:50%}.status-dot{width:10px;height:10px;border-radius:50%;background:#12ba70;display:inline-block}.kpi{padding:.85rem;border:1px solid var(--line);border-radius:18px;background:#fff}.kpi b{font-size:1.35rem;display:block;color:var(--navy)}
body.large-text{font-size:1.12rem} body.high-contrast{--bg:#fff;--card:#fff;--line:#8497ab;--muted:#314357} body.high-contrast .glass{background:#fff} body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important} body.quiet .post:not(.support-priority),body.quiet .story-row{opacity:.45} body.support-mode .support-priority{outline:3px solid rgba(11,99,206,.28)}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes popIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes toast{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes breathe{0%,100%{transform:scale(.82)}50%{transform:scale(1.12)}}
@media (max-width:1220px){:root{--rail:88px;--aside:300px}.brand h1,.nav .label,.rail-footer .user-chip div:not(.avatar){display:none}.brand{justify-content:center}.nav button{justify-content:center}.nav button:hover{transform:none}.rail{padding:.75rem}.logo{width:48px;height:48px}.feed-layout{grid-template-columns:minmax(0,1fr)}.side-col{display:none}.grid3{grid-template-columns:repeat(2,1fr)}.video-layout{grid-template-columns:1fr}.video-room{min-height:420px}.library-layout{grid-template-columns:1fr}.filter-panel{position:static}.portal-grid{grid-template-columns:1fr}}
@media (max-width:820px){body{overflow:auto}.auth-wrap{display:block;padding:.7rem}.auth-visual{min-height:auto;margin-bottom:.7rem}.auth-feature-grid{grid-template-columns:1fr}.auth-card{padding:.7rem}.app-shell{display:block;height:auto;min-height:100dvh;padding:0;background:#f6f9fd}.rail,.aside{display:none}.surface{border-radius:0;min-height:100dvh;display:block;box-shadow:none;border:0;background:transparent}.topbar{position:sticky;top:0;z-index:20;height:auto;min-height:64px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);padding:.7rem .75rem}.top-title span{display:none}.search{display:none}.content{padding:.75rem .75rem calc(var(--mobileBar) + 1.1rem);overflow:visible}.mobile-bar{position:fixed;left:0;right:0;bottom:0;height:var(--mobileBar);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-top:1px solid var(--line);z-index:30;padding:.35rem max(.35rem,env(safe-area-inset-left)) max(.35rem,env(safe-area-inset-bottom))}.mobile-bar button{border-radius:16px;font-weight:900;color:#536a82;font-size:.68rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.mobile-bar button .ico{font-size:1.15rem}.mobile-bar button.active{background:#eaf4ff;color:var(--blue)}.fab{position:fixed;right:1rem;bottom:calc(var(--mobileBar) + .8rem);z-index:31;width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,var(--navy),#0b63ce);color:#fff;display:grid;place-items:center;font-size:1.55rem;box-shadow:var(--shadow)}.feed-layout,.grid,.grid3,.conversation-layout,.video-grid,.tool-grid,.form-grid,.role-grid{grid-template-columns:1fr}.post-actions{grid-template-columns:repeat(5,1fr);overflow:auto}.composer-actions{grid-template-columns:repeat(2,1fr)}.friend-grid{grid-template-columns:repeat(3,1fr)}.profile-main{align-items:flex-end}.profile-main .avatar{width:96px;height:96px}.drawer{left:.5rem;right:.5rem;top:.5rem;bottom:calc(var(--mobileBar) + .5rem);width:auto}.modal-card{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.toast-region{left:.75rem;right:.75rem;bottom:calc(var(--mobileBar) + .75rem)}.toast{max-width:none}.video-room{border-radius:22px;min-height:520px}.video-grid{grid-template-rows:1fr 1fr 1fr}.video-tile.main{grid-row:auto}.portal-grid{grid-template-columns:1fr}}
@media (max-width:420px){.top-actions .icon-btn:nth-child(1),.top-actions .icon-btn:nth-child(2){display:none}.post-actions button{font-size:.68rem}.friend-grid{grid-template-columns:repeat(2,1fr)}}

/* v5 integrated social network additions */
.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;background:linear-gradient(135deg,#ffffff,#f0f8ff)}
.eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:var(--blue);margin-bottom:.35rem}
.hero-panel h3{font-size:1.45rem;margin:.1rem 0 .45rem;color:var(--navy)}
.hero-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.doc-grid{align-items:stretch}.document-card,.production-card,.tool-op-card{padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:100%}
.doc-head{display:flex;gap:.8rem;align-items:flex-start}.doc-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#eaf4ff;color:var(--navy);font-size:1.5rem;font-weight:950;flex:0 0 auto}.document-card h3,.production-card h3,.tool-op-card h3{margin:.35rem 0;color:var(--navy)}
.mini-list{display:flex;gap:.45rem;flex-wrap:wrap}.mini-list span{background:#f5f8fc;border:1px solid var(--line);border-radius:999px;padding:.35rem .55rem;font-size:.74rem;color:var(--muted);font-weight:800}.doc-meta{display:flex;gap:.6rem;flex-wrap:wrap;color:var(--muted);font-size:.72rem;font-weight:800;margin-top:auto}.doc-meta span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.28rem .5rem}.mini-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:.9rem;box-shadow:0 6px 18px rgba(11,36,64,.05)}
.studio-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pipeline{display:flex;gap:.45rem;flex-wrap:wrap}.pipeline.vertical{flex-direction:column}.pipe-step{border:1px dashed #b7c6d7;border-radius:999px;padding:.35rem .55rem;font-size:.72rem;font-weight:850;color:var(--muted);background:#fff}.pipe-step.done{border-style:solid;background:#eaf8f4;color:#047857}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.tool-op-card .portal-icon{margin-bottom:.4rem}.btn.red{background:#d83b48;color:#fff}.chip.active,.btn.secondary.active{background:#eaf4ff;color:var(--blue);border-color:rgba(11,99,206,.35)}
@media (max-width:1220px){.studio-board{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.split-layout{grid-template-columns:1fr}}
@media (max-width:820px){.studio-board,.metric-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.doc-head{display:block}.doc-icon{margin-bottom:.6rem}}