:root{--ink:#24254b;--sub:#6f7392;--plum:#775bed;--rose:#f777a7;--sky:#51b9ed;--mint:#e2f8f2;--ivory:#f8f9ff;--line:#e8eaf4;--white:#fff;--soft:0 14px 40px rgba(55,62,108,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#f9f5ff 0%,#f7fbff 50%,#fff9f5 100%);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .15s,background .15s}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #76befe;outline-offset:2px}a{color:#6152bb}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(27px,3.4vw,45px);line-height:1.17;letter-spacing:-.04em}h3{font-size:19px;letter-spacing:-.018em}.muted,.subtle,.lead{color:var(--sub)}.lead{max-width:680px;font-size:17px}.small{font-size:12px}.hidden{display:none!important}.topstripe{padding:9px 20px;background:linear-gradient(100deg,#6348cc,#9458b7,#e585aa);color:white;text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em}.shell{display:flex;max-width:1640px;min-height:calc(100vh - 37px);margin:auto}.sidebar{position:sticky;top:0;align-self:flex-start;min-height:100vh;width:252px;flex-shrink:0;padding:28px 17px;display:flex;flex-direction:column;background:rgba(255,255,255,.89);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;padding:4px 11px}.brand b{font-size:20px;letter-spacing:-.04em}.brand small{display:block;font-size:10px;font-weight:700;letter-spacing:.32em;color:#7c77a0;margin-top:-3px}.mark{width:44px;height:44px;display:grid;place-items:center;color:#fff;font-size:28px;border-radius:15px;background:linear-gradient(130deg,#4bbfec 0%,#7b59de 48%,#f57bae 85%);box-shadow:0 8px 15px #bfb4f388}.beta{color:#7366ac;font-size:10px;font-weight:800;letter-spacing:.11em;margin:24px 12px}.nav{display:grid;gap:7px}.navitem{text-align:left;border:0;border-radius:14px;background:transparent;color:#505577;font-weight:700;padding:13px 15px;font-size:14px}.navitem:first-letter{font-size:20px}.navitem span{padding-left:12px}.navitem.active,.navitem:hover{background:linear-gradient(90deg,#ece5ff,#fce8f4);color:#5e4ac0}.navfoot{display:flex;align-items:flex-start;gap:12px;margin-top:auto;padding:18px 13px;border-radius:19px;background:var(--mint)}.navfoot p{font-size:12px;color:#477d76;margin:3px 0 0}.safe-icon{display:grid;place-items:center;background:#39a991;color:#fff;border-radius:30px;width:26px;height:26px;flex-shrink:0}.main{flex:1;min-width:0;padding:31px clamp(18px,3vw,43px)}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.header h1{font-size:clamp(20px,2.3vw,31px);line-height:1.2;letter-spacing:-.035em;margin:4px 0}.greeting,.intro,.heroKicker,.smallpurple{font-size:11px;letter-spacing:.13em;color:#7e6cbe;font-weight:800}.headerRight{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.chip{font-size:11px;color:#7763b5;border-radius:999px;background:#ece6fb;padding:8px 12px;font-weight:700}.who{font-size:12px;color:var(--sub)}.notice{padding:13px 17px;border-radius:15px;background:#edf6ff;color:#4b6588;border:1px solid #dfeafb;font-size:12px;line-height:1.6;margin-bottom:24px}.notice.warm{background:#fff5e8;color:#795c44;border-color:#fae5c7}.hero{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:27px;min-height:330px;background:linear-gradient(120deg,#ece3ff 0%,#fef0f5 59%,#fcecc9 100%);margin-bottom:30px;box-shadow:var(--soft)}.heroText{padding:clamp(24px,4vw,51px);position:relative;z-index:2}.hero h2{font-size:clamp(30px,4.5vw,56px);margin:12px 0 12px}.hero em{font-style:normal;color:#6e57cd}.hero p{max-width:450px;color:#666482;font-size:15px}.heroArt{position:relative;overflow:hidden;min-height:320px;background:linear-gradient(180deg,#ded5fe 0%,#d5edff 55%,#ffdaca 100%)}.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#ffe1b5;right:15%;top:10%;box-shadow:0 0 90px 30px #fff4d7}.mountain{position:absolute;bottom:-28px;width:90%;height:66%;background:linear-gradient(#c2bbf8,#96baeb);clip-path:polygon(0 100%,39% 17%,52% 48%,65% 20%,100% 100%)}.m1{left:0}.m2{left:27%;height:49%;background:linear-gradient(#d7abdf,#aaade3)}.cloud{position:absolute;border-radius:100%;width:110px;height:28px;opacity:.58;background:#fff;top:21%;left:9%}.cloud.two{top:12%;left:72%;width:80px}.float{position:absolute;background:#fffefedd;box-shadow:0 7px 22px #a591be44;padding:12px 15px;border-radius:16px;font-weight:700;font-size:13px;color:#675baa}.float1{right:8%;top:25%}.float2{bottom:20%;left:8%}.solid,.outline{border:0;border-radius:13px;padding:11px 18px;font-weight:700;white-space:nowrap}.solid{background:linear-gradient(130deg,#7661e9,#955fe6);color:white;box-shadow:0 6px 12px #b3a7ed55}.outline{background:#fff;color:#6550c2;border:1px solid #dcd7f6}.textbutton{border:0;background:transparent;color:#6853c3;font-weight:700}.view{display:none}.view.active{display:block}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 14px}.sectionHead h3{margin:0}.composer,.stackcard,.sidecard,.feedcard,.topic,.communitycard,.shopcard,.casecard{border:1px solid var(--line);background:white;border-radius:20px;box-shadow:0 4px 14px #5564940a}.composer{padding:17px;margin-bottom:18px}.profileIcon{float:left;border-radius:50%;background:#f0e8ff;color:#785ed7;font-size:21px;display:grid;place-items:center;width:40px;height:40px;margin-right:12px}.composer textarea{width:calc(100% - 55px);border:0;resize:vertical;outline:0;min-height:55px;padding:8px}.composeActions{clear:both;display:flex;justify-content:space-between;align-items:center;padding-top:9px;border-top:1px solid var(--line);gap:10px}.composeActions select{max-width:190px}.feedgrid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px}.sidepanels{display:grid;align-content:start;gap:15px}.sidecard{padding:19px}.sidecard h3{margin:6px 0 9px}.sidecard.mint{background:#e5faf5}.sidecard p,.sidecard li{color:var(--sub);font-size:13px}.sidecard ul{padding-left:19px}.topic{display:flex;gap:11px;align-items:center;box-shadow:none;padding:9px;border:0;border-radius:10px;font-size:20px}.topic b{display:block;font-size:13px}.topic small{display:block;font-size:11px;color:var(--sub)}.feedcard{padding:20px;margin-bottom:14px}.feedhead{display:flex;align-items:center;gap:11px}.avatar{height:43px;width:43px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(130deg,#b2dbfd,#e3c0fa);color:#554db2;border-radius:50%;font-weight:800}.feedname{font-weight:800}.feedmeta{color:var(--sub);font-size:12px}.feedbody{white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}.feedactions{display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:13px}.feedactions button{border:0;background:#f6f5fe;border-radius:10px;padding:7px 12px;color:#6455a5}.tilegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:24px}.communitycard,.shopcard{padding:23px;min-width:0}.communitycard .emoji{font-size:31px}.communitycard h3,.shopcard h3{margin:10px 0 5px}.communitycard p,.shopcard p{color:var(--sub);font-size:13px}.shopcard .price{font-size:27px;font-weight:900;margin:10px 0;color:#6451b7}.shopcard .price small{font-size:12px;color:var(--sub)}.stackcard{padding:22px;margin:20px 0}.stackcard label,.dialog label{font-size:13px;color:#50567c;font-weight:700;display:block;margin:8px 0 6px}.stackcard input,.stackcard textarea,.stackcard select,.dialog input,.dialog select,select{width:100%;border:1px solid #dbe0ed;border-radius:12px;background:#fff;padding:12px;color:var(--ink)}.inlineform{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inlineform input,.inlineform textarea{flex:1;min-width:170px}.list{margin-top:15px}.listrow{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:0}.listrow p{margin:0;color:var(--sub);font-size:12px}.safetygrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:19px}.safetygrid .stackcard{margin-top:0}.safetygrid button{margin-top:15px}.chatpanel{max-width:800px}.chatlog{min-height:200px;max-height:380px;overflow:auto;background:#f8f8ff;border-radius:15px;padding:15px;margin-bottom:15px}.bubble{margin:8px 0;padding:12px 15px;border-radius:15px;max-width:82%;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.bot{background:white}.bubble.me{background:#eae4ff;margin-left:auto}.messageView{max-height:250px;overflow:auto;min-height:70px;margin:12px 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:#fff;border-radius:19px;padding:18px;border:1px solid var(--line)}.metric .number{display:block;font-size:27px;font-weight:850;color:#6b5ac6}.metric small{color:var(--sub)}.casecard{padding:16px;margin:12px 0}.casehead{display:flex;justify-content:space-between;gap:8px;align-items:center}.priority{border-radius:99px;background:#f7e8d9;color:#8a5c2d;padding:4px 10px;font-size:11px;font-weight:800}.priority.critical{background:#ffe2e2;color:#a33b3b}.priority.urgent{background:#ffefdc;color:#965923}.priority.high{background:#f8e9c8}.casecard p{color:var(--sub);font-size:13px;overflow-wrap:anywhere}.casecard textarea{margin:8px 0}.casecard .inlineform select{width:auto}.empty{padding:35px 20px;text-align:center;border:1px dashed #d9d6ef;border-radius:16px;color:var(--sub)}footer{border-top:1px solid var(--line);padding:23px 0;margin-top:35px;color:#8c88a4;font-size:11px}footer b{color:#5245a1}.dialogWrap{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#2b265d75;padding:20px}.dialog{background:#fff;border-radius:24px;padding:26px;width:min(94vw,490px);max-height:92vh;overflow-y:auto;box-shadow:0 28px 70px #21254f45}.dialogHead{display:flex;justify-content:space-between;align-items:center}.dialogHead h2{font-size:25px;margin:4px 0}.close{border:0;background:#f4f2fa;border-radius:50%;width:36px;height:36px;font-size:21px}.switch{display:flex;background:#f4f2ff;border-radius:15px;padding:5px;gap:4px;margin:15px 0}.switch button{flex:1;border:0;padding:10px;background:transparent;border-radius:10px;font-weight:700;color:#71668e}.switch .selected{color:#5747af;background:#fff;box-shadow:0 2px 8px #9689bf24}.dialog label input,.dialog label select{display:block;width:100%;margin-top:5px}.dialog .wide{width:100%;margin-top:15px}.toast{position:fixed;bottom:24px;right:22px;z-index:101;padding:16px 21px;background:#322a64;color:#fff;max-width:370px;border-radius:14px;box-shadow:0 12px 34px #20224a66;font-size:13px}#registerFields label{display:block}.spinner{opacity:.6;pointer-events:none}@media(max-width:1050px){.sidebar{width:206px}.main{padding:22px}.tilegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedgrid{grid-template-columns:minmax(0,1fr) 220px}.hero{grid-template-columns:1fr 0.75fr}.heroText{padding:27px}.header .chip{display:none}}@media(max-width:740px){.shell{display:block}.sidebar{position:relative;min-height:auto;width:100%;padding:13px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:2px}.beta,.navfoot{display:none}.nav{display:flex;overflow-x:auto;gap:3px;margin-top:10px}.navitem{flex-shrink:0;font-size:12px;padding:8px 11px;white-space:nowrap}.navitem span{padding-left:3px}.main{padding:18px 15px}.header{align-items:flex-start}.headerRight{gap:6px}.header h1{font-size:20px}.header .outline{padding:8px 10px;font-size:11px}.hero{grid-template-columns:1fr;min-height:auto}.heroText{padding:28px}.heroArt{min-height:170px}.hero h2{font-size:35px}.feedgrid,.safetygrid{grid-template-columns:1fr}.sidepanels{grid-template-columns:1fr 1fr}.tilegrid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.topstripe{font-size:10px}.header{display:block}.headerRight{justify-content:flex-start;margin:12px 0}.sidepanels,.tilegrid{grid-template-columns:1fr}.heroArt{min-height:150px}.composeActions{flex-wrap:wrap}.composeActions button{width:100%}.inlineform .solid{width:100%}.casehead{align-items:flex-start}.sectionHead h3{font-size:16px}}

/* Advertising module: responsive, native app visual hierarchy */
.adgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;align-items:start}
.adgrid .stackcard{margin:0;min-width:0}.adgrid .stackcard button{margin-top:14px}.featureline{border-bottom:1px solid var(--line);padding:12px 0}.featureline:last-child{border-bottom:0}.featureline p{margin:4px 0 0;color:var(--sub);font-size:13px}.campaignlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.campaignlist .stackcard{min-width:0;margin:0}.sponsored{border:1px solid #b9a7fb;background:linear-gradient(165deg,#fff,#faf7ff)}.sponsoredLabel{color:#5a3aaa;letter-spacing:.08em;font-size:10px;font-weight:900;margin-bottom:12px}.campaigncard p{overflow-wrap:anywhere}@media(max-width:850px){.adgrid,.campaignlist{grid-template-columns:1fr}}