@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&display=swap');
/* Quiet surfaces, consistent trim, and a lighter wordmark. */
.brand{font-family:'Space Grotesk',Inter,Arial,sans-serif;font-weight:600;font-size:25px;letter-spacing:-1.3px;gap:9px}.brand svg{width:30px;height:30px}.brand>span{margin-left:-8px}.platform-header{box-shadow:0 1px 0 #0001}.platform-header nav a{border-radius:7px}.platform-header nav svg{stroke-width:1.65}.primary.compact{gap:3px;font-size:12px;font-weight:500}.create-plus{font-size:19px;line-height:1}.platform-header nav a.active:after{height:2px}.post-author strong{font-weight:500}.post-copy h3{font-weight:500;letter-spacing:-.3px}.post-copy>p{font-size:13px;line-height:1.75}.sidebar-account strong,.social-sidebar nav a{font-weight:500}.sidebar-note h3{font-weight:600;letter-spacing:-.7px;font-size:23px}.space-stories{gap:10px}.space-story{border-color:color-mix(in srgb,var(--line) 75%,transparent);box-shadow:0 2px 5px #0001;border-radius:10px}.story-art{background:radial-gradient(circle at 85% 0%,#fff4,transparent 65%),var(--story-color,var(--pink))}.space-story .avatar{border-color:color-mix(in srgb,var(--lime) 75%,var(--panel));font-weight:500}.create-space .story-art{background:radial-gradient(color-mix(in srgb,var(--pink) 22%,transparent) .7px,transparent .7px) 0 0/10px 10px,color-mix(in srgb,var(--pink) 8%,var(--panel))}.composer,.build-card{border-color:color-mix(in srgb,var(--line) 76%,transparent);border-radius:10px;box-shadow:0 2px 8px #0001}.composer-actions button{font-weight:500}.compose-prompt{background:color-mix(in srgb,var(--text) 5%,var(--panel));font-size:14px}.build-actions button{font-weight:400}.follow{background:color-mix(in srgb,var(--lime) 9%,var(--bg));font-weight:500}.sidebar-note{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--lime) 11%,transparent),transparent 80%),var(--panel);border-color:color-mix(in srgb,var(--line) 70%,transparent)}.visual-custom{background:linear-gradient(125deg,color-mix(in srgb,var(--lime) 70%,#efe6de),color-mix(in srgb,var(--pink) 72%,#e8ddd9))}.custom-symbol{font-weight:500}.sidebar-shortcut .shortcut-code{background:color-mix(in srgb,var(--pink) 5%,var(--panel));border-color:color-mix(in srgb,var(--line) 65%,transparent)}.rail-title h3{font-weight:500}.mini-profile .mini-title{font-weight:600;letter-spacing:-1px}.secondary,.follow,.editor-toolbar button,.editor-toolbar label{border-radius:7px}.profile-controls .primary{font-weight:500}.code-tabs{display:flex;align-items:center;gap:7px;background:var(--panel);border-bottom:1px solid var(--line);padding:9px 13px}.code-tabs button{padding:6px 12px;border-radius:6px;font-size:12px;color:var(--muted)}.code-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--lime) 12%,var(--panel));color:var(--lime)}.code-tabs>span{margin-left:auto;font-size:10px;color:var(--muted)}.code-panel{display:flex;flex:1;min-height:0}.code-panel[hidden]{display:none}.code-panel textarea{min-height:0;height:100%;line-height:1.75}.editor-toolbar{padding:12px 19px;gap:8px;flex-wrap:wrap}.editor-toolbar label,.editor-toolbar button{font-size:11px;border-color:var(--line);padding:6px 9px}.editor-toolbar span{font-size:11px}.editor-help{font-size:11px}.editor-details .field input{font-size:12px}.modal-header h2{font-weight:600;letter-spacing:-.8px}.sidebar-disclosure{font-size:10px}
@media(max-width:1100px){.platform-header .compact{font-size:12px;padding:0;width:36px;height:36px}.create-label{display:none}.create-plus{font-size:23px}}
@media(max-width:850px){.brand{font-size:0;gap:0}.brand svg{width:30px;height:30px}}
@media(max-width:720px){.platform-header .compact{width:32px;height:32px}.create-plus{font-size:21px}.brand svg{width:29px;height:29px}.space-stories{gap:7px}.compose-prompt{font-size:13px}.code-tabs{padding:8px 11px}.code-tabs button{min-height:36px}.editor-toolbar{padding:11px 15px;gap:7px}.editor-toolbar>span{width:100%}.editor-toolbar label,.editor-toolbar button{min-height:36px;font-size:11px}.editor-details .field input{font-size:16px}.code-pane{height:330px}}