:root{--purple:#6039a3;--deep:#432a78;--lilac:#efeaf8;--light:#f7f5fc;--ink:#252039;--muted:#665e73;--line:#ddd4ed;--blue:#245aa8;--white:#fff;--green:#157653}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.55 Inter,"Segoe UI",Arial,sans-serif;background:linear-gradient(125deg,#ebeffb 0%,#f6f1fd 44%,#fffaf4 100%);color:var(--ink);min-height:100vh}a{color:#59309b;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1150px,calc(100% - 30px));margin:0 auto}
.site-bar{background:#1d293e;color:#f4f4ff}.site-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;font-size:12px}.site-bar a{color:#fff}.site-bar span{color:#dae3fd}
.masthead{display:flex;justify-content:space-between;align-items:center;padding:32px 0 24px;gap:12px}.masthead h1{font-size:clamp(38px,7vw,68px);line-height:1.02;letter-spacing:-2px;margin:6px 0 5px;color:#5c349c;font-weight:850}.masthead h1 span:first-child{color:#2970b8}.mast-dot{font-size:15px;vertical-align:top;color:#f5b74c;margin-left:4px}.masthead p{margin:0;color:#71677f}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-weight:750;font-size:11px;color:#6b538d}.mast-visual{font-size:45px;background:#fff8;border:1px solid #fff;padding:10px 28px;border-radius:24px;white-space:nowrap;box-shadow:0 5px 22px #2e1c6920}.mast-visual span{color:#c99a1a;font-size:25px}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr) 245px;gap:16px;align-items:start}.two-cols{display:grid;grid-template-columns:1.25fr .85fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 8px 28px #4c367b0a;min-width:0}.panel +.panel{margin-top:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.panel h2{font-size:20px;line-height:1.3;margin:0 0 12px;color:#3a2763}.panel h3{font-size:16px;line-height:1.35;margin:4px 0 10px;color:#452e75}.panel p{margin:7px 0 13px}.muted{color:var(--muted)}.small{font-size:12px}.tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;color:#58378e;background:#f0eafa}.tag.green{background:#e6f6ed;color:#08704b}.tag.gray{background:#f0eff2;color:#555}.banner{background:linear-gradient(120deg,#5f3aa7,#8b65c1);color:white;border-radius:15px;padding:20px;margin-bottom:15px;box-shadow:0 10px 25px #5f3aa72e}.banner h2{color:white;margin:3px 0 7px;font-size:22px}.banner p{margin:0;color:#eee6ff}.banner .tag{background:#ffffff24;color:#fff}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid transparent;cursor:pointer;font:700 13px/1.3 inherit;font-size:13px;font-weight:700;letter-spacing:.1px;border-radius:9px;padding:10px 12px;min-height:37px;color:#fff;background:#6040a3;vertical-align:middle}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#f0eafa;color:#55318f;border-color:#dfd3f0}.btn.blue{background:#265fa5}.btn.danger{background:#fff0f0;color:#9c2834;border-color:#f0bec3}.btn.small{font-size:12px;padding:7px 9px;min-height:30px}.btn.block{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}.field label{font-weight:650;font-size:13px;color:#41375a}.field input,.field textarea,.field select{width:100%;background:#fff;border:1px solid #cfc5e2;border-radius:9px;padding:10px 11px;color:#2b2343;font:inherit;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#724aad;box-shadow:0 0 0 3px #cdb4ee61}.field textarea{min-height:92px;resize:vertical}.divider{border:0;border-top:1px solid #e6e0ee;margin:17px 0}.nav-btn{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:transparent;border:0;cursor:pointer;color:#453c56;font:600 13px inherit;text-align:left}.nav-btn:hover,.nav-btn.active{background:#eee8f8;color:#522f8c}.nav-btn span{max-width:170px}.list-row{padding:12px 0;border-top:1px solid #e9e3f0}.list-row:first-child{border-top:0}.list-row h3{margin:0 0 3px}.list-row p{margin:4px 0}.topic-link{font-weight:800;color:#50348f;cursor:pointer;background:none;border:0;padding:0;font:inherit;text-align:left}.topic-link:hover{text-decoration:underline}.avatar{display:inline-grid;place-items:center;background:linear-gradient(145deg,#b7a0df,#613b9c);color:white;border:2px solid white;border-radius:13px;font-weight:850;width:42px;height:42px;flex-shrink:0}.avatar.sm{height:32px;width:32px;border-radius:9px;font-size:12px}.person-line{display:flex;gap:10px;align-items:center}.person-line button{border:0;background:none;padding:0;text-align:left;cursor:pointer;color:#53329b;font:inherit;font-weight:750}.stack{display:flex;flex-direction:column;gap:12px}.mini-card{border:1px solid #e9e2f5;border-radius:12px;padding:12px;background:#fcfaff}.mini-card h3{margin:0 0 4px}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.empty{text-align:center;padding:27px 12px;border:1px dashed #ddd0ef;border-radius:12px;color:#78698d}.status{padding:10px 13px;border-radius:10px;background:#f4eefe;border:1px solid #ded1f4;margin-bottom:15px;color:#523087}.status.success{color:#12633d;background:#e8f9ef;border-color:#b9e9ca}.status.error{color:#922532;background:#fff0f1;border-color:#f5bdc4}.right-meta{font-size:11px;color:#716580}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{background:#fff;border:1px solid #e1d8ed;padding:17px;border-radius:13px}.feature .emoji{font-size:26px;display:block;margin-bottom:7px}.feature strong{display:block;color:#472977}.feature p{font-size:13px;color:#655b70}.pill-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.pill-nav .btn{background:#fff;color:#5e4389;border:1px solid #e2d8ef}.pill-nav .btn.active{background:#5f3aa7;color:#fff}.welcome-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.hero-mark{font-size:15px;letter-spacing:1px;font-weight:700;color:#8e6cc0;text-transform:uppercase}.limit{max-width:710px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.count{font-size:22px;font-weight:850;color:#5c379a}.code{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:#f2edf9;padding:7px;border-radius:8px;overflow-wrap:anywhere;display:block}.post-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.inside{margin-top:12px}details summary{cursor:pointer;color:#54368d;font-weight:700;margin-bottom:8px}footer{padding:32px 0;color:#706981;text-align:center;font-size:12px}footer p{margin:3px 0}
@media(max-width:1000px){.layout{grid-template-columns:200px minmax(0,1fr)}.aside-right{grid-column:1/-1}.welcome-grid{grid-template-columns:1fr 1fr}}@media(max-width:690px){.layout,.two-cols,.welcome-grid,.grid3{grid-template-columns:1fr}.masthead{padding:23px 0 17px}.mast-visual{display:none}.site-bar-inner{font-size:11px}.panel{padding:15px}.banner{padding:16px}.masthead h1{font-size:45px}}