:root{--ink:#191918;--muted:#68645f;--paper:#fff;--warm:#f6f5f1;--warm-2:#edeae3;--blue:#246bfd;--blue-dark:#1756d8;--line:rgba(25,25,24,.11);--success:#157347;--danger:#b42318;--shadow:0 18px 50px rgba(30,28,24,.08),0 3px 12px rgba(30,28,24,.04)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.narrow-shell{width:min(780px,calc(100% - 40px));margin:auto}.site-header{height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.6px;font-size:20px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:white;font-size:16px}.nav-actions{display:flex;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;padding:9px 15px;font-weight:650;font-size:14px;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(36,107,253,.24);outline-offset:2px}.button-primary{background:var(--blue);color:white;box-shadow:0 5px 15px rgba(36,107,253,.2)}.button-primary:hover{background:var(--blue-dark)}.button-ghost{background:transparent}.button-ghost:hover,.button-soft{background:var(--warm)}.button-large{padding:12px 19px;font-size:15px}.button-full{width:100%}.user-chip{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;margin-right:4px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#dce7ff;color:#164bb6;font-weight:800;font-size:12px;flex:0 0 auto}.avatar-dark{background:var(--ink);color:#fff}.avatar-soft{background:var(--warm-2);color:var(--ink)}.flash-stack{position:relative;z-index:20}.flash{margin-top:14px;padding:12px 15px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.flash span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center}.flash.success{background:#ecf9f1;color:var(--success)}.flash.success span{background:#c9efd8}.flash.error{background:#fff0ee;color:var(--danger)}.flash.error span{background:#ffd8d3}.hero{padding:94px 0 88px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:60px}.eyebrow{display:inline-block;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;margin-bottom:16px}.hero h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-4px;margin:0 0 24px;max-width:760px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy{font-size:19px;color:var(--muted);max-width:590px;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.text-link{font-size:14px;font-weight:650;border-bottom:1px solid var(--ink)}.hero-art{height:330px;border-radius:36px;background:linear-gradient(145deg,#edf3ff,#f6f5f1 55%,#e7e0ff);position:relative;box-shadow:inset 0 0 0 1px var(--line)}.orb{width:122px;height:122px;border-radius:36px;background:var(--ink);color:white;font-weight:800;font-size:52px;display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:0 22px 40px rgba(25,25,24,.23)}.bubble{position:absolute;background:white;border:1px solid var(--line);border-radius:16px;padding:13px 16px;font-weight:650;font-size:13px;box-shadow:var(--shadow)}.bubble-one{left:20px;top:28px;transform:rotate(-3deg)}.bubble-two{right:16px;bottom:34px;transform:rotate(4deg)}.topics-section{background:var(--warm);padding:82px 0 100px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head .eyebrow{margin-bottom:8px}.section-head h2{font-size:38px;line-height:1;letter-spacing:-1.5px;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.topic-card{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;min-height:290px;display:flex;flex-direction:column;box-shadow:0 2px 2px rgba(0,0,0,.015);transition:.2s}.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:center}.category{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#1756d8;font-size:11px;font-weight:800;letter-spacing:.2px}.comment-count{font-size:12px;color:var(--muted)}.topic-card h3{font-size:25px;line-height:1.18;letter-spacing:-.7px;margin:20px 0 12px}.topic-card h3 a:hover{color:var(--blue)}.topic-card>p{color:var(--muted);margin:0 0 28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-author{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.card-author div{display:flex;flex-direction:column}.card-author strong{font-size:13px}.card-author small{color:var(--muted);font-size:11px}.card-arrow{margin-left:auto;font-size:21px}.empty-state{grid-column:1/-1;text-align:center;padding:75px 20px;border:1px dashed rgba(25,25,24,.2);border-radius:20px;background:rgba(255,255,255,.6)}.empty-icon{font-size:34px}.empty-state h3{font-size:25px;margin:14px 0 5px}.empty-state p{color:var(--muted);margin:0 0 22px}.form-page{min-height:calc(100vh - 72px);background:var(--warm);padding:65px 20px}.form-shell{width:min(460px,100%);margin:auto}.form-logo{display:flex;justify-content:center;margin-bottom:24px}.form-card{background:white;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:var(--shadow)}.form-card h1{font-size:34px;line-height:1.05;letter-spacing:-1.3px;margin:0 0 10px}.form-card>p{color:var(--muted);margin:0 0 28px}.stack-form{display:grid;gap:18px}label{display:grid;gap:7px;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid rgba(25,25,24,.16);border-radius:10px;background:white;padding:12px 13px;color:var(--ink);transition:.15s}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:3px solid rgba(36,107,253,.11)}textarea{resize:vertical;line-height:1.65}.form-switch{text-align:center;border-top:1px solid var(--line);margin-top:25px;padding-top:22px;font-size:13px;color:var(--muted)}.form-switch a,.login-callout a{color:var(--blue);font-weight:700}.editor-page,.article-page{background:var(--warm);min-height:calc(100vh - 72px);padding:54px 0 90px}.back-link{font-size:13px;color:var(--muted);font-weight:600}.back-link:hover{color:var(--blue)}.editor-heading{margin:38px 0 27px}.editor-heading .eyebrow{margin-bottom:10px}.editor-heading h1{font-size:44px;line-height:1.04;letter-spacing:-2px;margin:0 0 10px}.editor-heading p{color:var(--muted);margin:0}.editor-card{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;display:grid;gap:22px;box-shadow:var(--shadow)}.editor-actions{display:flex;align-items:center;justify-content:space-between}.editor-actions>span{color:var(--muted);font-size:12px}.article-shell{width:min(800px,calc(100% - 40px));margin:auto}.article{background:white;border:1px solid var(--line);border-radius:22px;padding:clamp(28px,6vw,62px);margin-top:35px;box-shadow:var(--shadow)}.article h1{font-size:clamp(35px,6vw,57px);line-height:1.04;letter-spacing:-2.4px;margin:22px 0 28px}.article-author{display:flex;align-items:center;gap:11px;padding-bottom:30px;border-bottom:1px solid var(--line)}.article-author div{display:flex;flex-direction:column}.article-author strong{font-size:13px}.article-author small{font-size:11px;color:var(--muted)}.article-content{font-size:18px;line-height:1.82;padding-top:34px;white-space:pre-wrap;overflow-wrap:anywhere}.comments{margin-top:34px;background:white;border:1px solid var(--line);border-radius:20px;padding:30px}.comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.comments-head h2{font-size:25px;letter-spacing:-.6px;margin:0}.comments-head>span{font-size:12px;color:var(--muted)}.comment-form{display:flex;gap:12px;background:var(--warm);padding:16px;border-radius:14px;margin-bottom:28px}.comment-form>div{flex:1}.comment-form textarea{margin-bottom:8px}.comment-form button{float:right}.comment{display:flex;gap:12px;padding:20px 0;border-top:1px solid var(--line)}.comment-body{flex:1}.comment-body>div{display:flex;align-items:center;gap:10px}.comment-body strong{font-size:13px}.comment-body time{font-size:11px;color:var(--muted)}.comment-body p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.empty-comments{text-align:center;color:var(--muted);padding:25px}.empty-comments span{font-size:26px}.login-callout{display:flex;gap:14px;background:#eef4ff;padding:18px;border-radius:14px;margin-bottom:25px}.login-callout>span{font-size:22px;color:var(--blue)}.login-callout p{margin:2px 0 0;color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);padding:32px 0;background:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.footer-brand{font-size:16px;color:var(--ink)}.footer-brand .brand-mark{width:27px;height:27px;font-size:12px}
.profile-layout{padding:22px 0}.profile-heading{display:flex;align-items:center;gap:22px;margin-bottom:24px}.profile-heading h1,.admin-heading h1{font-size:clamp(34px,5vw,54px);letter-spacing:-2px;line-height:1.05;margin:5px 0 8px}.profile-heading p,.admin-heading p{color:var(--muted);margin:0}.profile-avatar{width:72px;height:72px;font-size:24px;background:var(--ink);color:#fff}.profile-card{max-width:none}.profile-card textarea{resize:vertical}.field-hint{color:var(--muted);font-weight:500;font-size:12px;float:right}.profile-meta{padding:13px 15px;background:var(--warm);border-radius:9px;color:var(--muted);font-size:13px}.admin-page{padding:58px 0 90px;background:var(--warm);min-height:calc(100vh - 72px)}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.admin-badge{background:var(--ink);color:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:var(--shadow)}.stat-card strong{display:block;font-size:34px;letter-spacing:-1px}.stat-card span{color:var(--muted);font-size:13px}.admin-section{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:18px;overflow:hidden;box-shadow:var(--shadow)}.admin-section-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.admin-section-head h2{margin:0;font-size:20px}.admin-section-head span{color:var(--muted);font-size:12px}.admin-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.admin-row:last-child{border-bottom:0}.admin-row>div{min-width:0}.admin-row strong{display:block;margin:5px 0}.admin-row p{margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}.admin-row small,.admin-user small{display:block;color:var(--muted)}.button-danger{background:#fff0ef;color:var(--danger);border:1px solid #ffd4d0}.button-danger:hover{background:#ffe3e0}.admin-empty{padding:22px;color:var(--muted)}.admin-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:20px}.admin-user{display:flex;align-items:center;gap:10px;padding:13px;background:var(--warm);border-radius:12px}
@media(max-width:800px){.hero{padding:62px 0}.hero-grid{grid-template-columns:1fr}.hero-art{height:260px}.topic-grid{grid-template-columns:1fr}.nav-new span{display:none}.hero h1{letter-spacing:-2.5px}.footer-inner{flex-direction:column;gap:10px}.footer-inner p{margin:0}}
@media(max-width:560px){.shell,.narrow-shell,.article-shell{width:min(100% - 26px,1160px)}.site-header{height:64px}.brand>span:not(.brand-mark){display:none}.user-chip{display:none}.button{padding:9px 11px}.hero{padding:48px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-art{height:220px}.bubble{font-size:11px}.topics-section{padding:58px 0}.section-head h2{font-size:31px}.section-head .button{display:none}.topic-card{padding:20px}.form-page{padding:35px 13px}.form-card{padding:27px 21px}.editor-page,.article-page{padding:35px 0 60px}.editor-heading{margin:28px 0 20px}.editor-heading h1{font-size:35px}.editor-card,.comments{padding:20px}.editor-actions{align-items:flex-end;gap:15px}.article{padding:29px 21px}.article h1{letter-spacing:-1.5px}.article-content{font-size:16px}.comment-form{padding:12px}.comment-form>.avatar{display:none}}