:root{--honey:#f8ba35;--ink:#191916;--panel:#22221d;--line:#3c3a31;--muted:#b8b3a8;--paper:#fff8e8}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100svh}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--honey)}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--honey);outline-offset:4px}.site-header{max-width:1400px;margin:auto;padding:22px 40px;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand,.site-header{display:flex;align-items:center}.brand{gap:8px;font-size:29px;font-weight:850;letter-spacing:-1.5px;text-decoration:none}.brand span{color:var(--honey);margin-left:-8px}nav{display:flex;align-items:center;gap:24px;font-size:14px}nav a{text-decoration:none}nav form{margin:0}.site-body{max-width:1320px;padding:52px 40px 80px;margin:auto;min-height:calc(100svh - 170px)}.feed-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.3fr);gap:80px}.welcome{padding:32px 0;position:sticky;top:24px;align-self:start}.eyebrow{color:var(--honey);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700}h1{font-size:clamp(48px,5vw,72px);line-height:1.05;letter-spacing:-.06em;margin:24px 0}h1 span{color:var(--honey)}h2{font-size:23px;letter-spacing:-.025em;margin:0 0 14px}p{line-height:1.8;color:var(--muted);font-size:16px}.welcome p{max-width:380px}.bee-card{display:flex;align-items:center;gap:12px;margin:36px 0;background:var(--honey);color:var(--ink);border-radius:28px;padding:12px 22px;max-width:360px}.bee-card p{color:var(--ink);font-weight:700;line-height:1.5}.preview-tag{font-size:12px!important;color:#c6a66a}.timeline{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#1d1d19}.section-heading{padding:25px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.section-heading h2{margin:0}.section-heading span{font-size:12px;color:var(--muted)}.guest-banner{padding:20px 28px;border-bottom:1px solid var(--line);font-size:14px;display:flex;flex-direction:column;gap:8px}.guest-banner a{color:var(--honey);font-weight:650}.empty{padding:62px 30px;text-align:center}.empty h2{margin-top:18px}.empty p{max-width:350px;margin:12px auto}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;min-height:46px;border-radius:99px;border:0;text-decoration:none;font-size:14px;font-weight:750}.primary{background:var(--honey);color:var(--ink)}.primary:hover{background:#ffcd5c;color:var(--ink)}.small-button{padding:11px 20px;min-height:42px}.text-button{padding:7px 0;background:none;border:0;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--honey)}.account-card,.profile-card{max-width:560px;margin:12px auto;padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:26px}.wide-card{max-width:680px}.account-card h1,.profile-card h1{font-size:44px;margin-top:12px}.form-stack{display:flex;flex-direction:column;gap:20px;margin-top:24px}.form-stack p{margin:0}.form-stack label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.form-stack input:not([type=radio]):not([type=checkbox]),.form-stack select,.form-stack textarea{width:100%;background:#171814;border:1px solid #565447;border-radius:10px;padding:12px;color:var(--paper);min-height:46px}.form-stack textarea{resize:vertical;line-height:1.6}.form-stack small{font-size:12px;color:var(--muted);font-weight:400;line-height:1.6}.form-section{display:flex;flex-direction:column;gap:18px;padding-top:20px;border-top:1px solid var(--line)}.form-section h2{font-size:20px;margin-bottom:0}.form-section p{font-size:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{padding:18px;border:1px solid var(--line);border-radius:14px}legend{padding:0 8px;font-size:15px;font-weight:650}.form-stack .choice{display:flex;flex-direction:row;gap:12px;align-items:flex-start;font-weight:400;line-height:1.6;margin:10px 0}.choice input{accent-color:var(--honey);width:18px;height:18px;flex-shrink:0;margin-top:4px}.choice small,.choice strong{display:block}.message,.notice{padding:15px;border-radius:12px;background:#343023;color:#f1dfb7;font-size:14px;line-height:1.7}.message.error{background:#402821;color:#ffccbd}.message.success{background:#233c2b;color:#c0e6cb}details{padding-top:20px;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:14px}.composer{padding:24px 28px;border-bottom:1px solid var(--line)}.composer .form-stack{margin:0}.composer button{align-self:flex-end}.post{padding:25px 28px;border-bottom:1px solid var(--line)}.post:last-child{border:0}.post-heading{display:flex;gap:12px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;background:#f8ba3520;color:var(--honey);display:grid;place-items:center;font-weight:800}.post-name{font-weight:700;text-decoration:none}.post-meta{font-size:12px;color:var(--muted);margin-top:4px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--paper);margin:16px 0}.large-avatar{width:72px;height:72px;font-size:32px}.profile-card{max-width:720px}.profile-card .posts{margin-top:30px;border-top:1px solid var(--line)}dl{line-height:1.8}dt{font-weight:650;margin-top:16px}dd{margin-left:0}.prose li,dd{color:var(--muted)}.prose li{line-height:1.8;margin-bottom:12px}.prose h2{margin-top:28px}footer{max-width:1320px;margin:auto;padding:24px 40px;border-top:1px solid var(--line);justify-content:space-between;color:var(--muted);font-size:12px}footer,footer div{display:flex;gap:20px}@media(max-width:850px){.site-header{padding:18px 22px}.site-body{padding:28px 20px 50px}.feed-layout{grid-template-columns:1fr;gap:28px}.welcome{position:static;padding:0}.welcome h1{font-size:54px}.bee-card{display:none}.welcome p{max-width:560px}.preview-tag{margin-bottom:0}nav{gap:14px;font-size:12px}.brand{font-size:25px}.brand img{width:34px;height:34px}.small-button{padding:10px 14px}footer{padding:24px 20px;flex-wrap:wrap}}@media(max-width:480px){.account-card{padding:24px 20px}.account-card h1{font-size:36px}.field-grid{grid-template-columns:1fr}.site-header nav{gap:12px}.site-header nav>a:first-child:not(.button){font-size:12px}.composer,.guest-banner,.post,.section-heading{padding-left:20px;padding-right:20px}.section-heading span{font-size:11px}}