/* Firstlight local redesign: quiet surfaces, useful density, and room for makers. */
/* Animate UI roots share the original icon box so controls never shift. */
.animated-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;pointer-events:none;line-height:0;overflow:visible}
.animated-icon>.ui-icon{display:block;width:100%!important;height:100%!important;overflow:visible}
.animated-icon [stroke-dasharray="1px 1px"]{stroke-dasharray:1px 0px!important}
:root{--rail:212px;--page-width:1440px;--heading-font:'Space Grotesk',Arial,sans-serif;--body-font:'Manrope',Arial,sans-serif;--welcome:#faf1e6;--welcome-ink:#4a3527;--warm:#bb7146;--brand-wash:#f9eee4;--soft-shadow:0 4px 24px #17171705}
:root[data-theme=dark]{--welcome:#28201c;--welcome-ink:#f3d4bd;--warm:#efb283;--brand-wash:#29221c;--soft-shadow:0 4px 24px #00000012}
body{background:var(--paper);font-size:14px;line-height:1.65;letter-spacing:-.015em}
#app{max-width:var(--page-width);margin:0 auto;min-height:100vh}
button,input,textarea,select{font-family:var(--body-font)}
.app-navigation{position:fixed!important;top:0;bottom:0;left:max(0px,calc((100vw - var(--page-width))/2));width:var(--rail);height:auto!important;padding:0!important;background:var(--surface)!important;border:0!important;border-right:1px solid var(--line)!important;z-index:30;box-shadow:none!important;backdrop-filter:none!important}
.navigation-inner{height:100%;display:flex;flex-direction:column;padding:27px 18px 18px;box-sizing:border-box;gap:0}
.app-navigation .brand{display:flex;align-items:center;gap:7px;padding:0 4px;font:700 25px/1 var(--heading-font);letter-spacing:-1.6px;color:var(--ink);border:0;background:transparent;min-width:0;box-shadow:none!important}
.app-navigation .brand-symbol{height:36px;width:36px;background:transparent;box-shadow:none;border:0;border-radius:0;padding:0}
.app-navigation .brand-symbol img{width:36px;height:36px;object-fit:contain;filter:none}
.brand-period{color:var(--warm)}
.navigation-caption{font-size:10px;color:var(--muted);padding:11px 8px 35px;letter-spacing:0}
.app-navigation nav{display:flex;flex-direction:column;gap:6px;align-items:stretch;width:100%;border:0;padding:0;margin:0}
.app-navigation nav button{position:relative;display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;box-shadow:none;transition:background .18s,color .18s,transform .18s}
.app-navigation nav button::after{display:none}
.app-navigation nav button .ui-icon{width:18px;height:18px;flex-shrink:0}
.app-navigation nav button:hover{background:var(--surface-soft);color:var(--ink);transform:translateX(2px)}
.app-navigation nav button.active{background:var(--surface-soft);color:var(--ink);font-weight:800}
.app-navigation nav button.active .ui-icon{color:var(--warm)}
.btn{background:var(--ink);border:1px solid var(--ink);color:var(--surface);border-radius:7px;font-size:12px;font-weight:700;min-height:40px;padding:10px 16px;box-shadow:none;gap:8px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--surface);transform:translateY(-1px);box-shadow:0 3px 10px #00000014}
.btn.light{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn.light:hover{background:var(--surface-soft);border-color:var(--muted);color:var(--ink)}
.btn.small{min-height:35px;font-size:11px;padding:8px 12px}
.navigation-launch{margin-top:22px;width:100%;display:flex;justify-content:center}
.navigation-bottom{margin-top:auto;padding-top:32px}
.beta-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;letter-spacing:0;padding:0 6px 14px}
.beta-dot{display:inline-block;width:5px;height:5px;background:var(--warm);border-radius:50%;flex-shrink:0}
.navigation-links{display:flex;flex-wrap:wrap;gap:4px 13px;padding:0 6px 19px}
.navigation-links button{border:0;padding:0;background:none;color:var(--muted);font-size:9px;line-height:1.8}
.navigation-links button:hover{color:var(--ink)}
.rail-account{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:10px 8px;background:var(--surface);color:var(--ink);width:100%;text-align:left;transition:background .18s}
.rail-account:hover{background:var(--surface-soft)}
.rail-account>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.rail-account strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rail-account small{font-size:9px;color:var(--muted)}
.rail-account>.ui-icon{width:14px}
.guest-avatar,.compose-avatar{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;background:var(--surface-soft);border:1px solid var(--line);border-radius:50%;color:var(--muted)}
.app-topbar{height:78px;margin-left:var(--rail);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:var(--surface)}
.app-topbar>div:first-child{display:flex;align-items:center;gap:14px}
.topbar-title{font-weight:750;font-size:13px}
.topbar-divider{color:var(--line);font-size:16px}
.topbar-context{font-size:11px;color:var(--muted)}
.topbar-actions{display:flex;align-items:center;gap:14px}
.mobile-account{display:none}
.beta-label{font-size:8px;font-weight:800;letter-spacing:1.6px;border:1px solid var(--line);border-radius:4px;padding:3px 5px;color:var(--muted)}
main.shell{margin:0 0 0 var(--rail);padding:30px 32px 0;max-width:none;width:auto;min-height:calc(100vh - 155px)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:32px;align-items:start}
.discovery-list{min-width:0}
.community-welcome{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;min-height:193px;box-sizing:border-box;padding:24px 27px;border:1px solid color-mix(in srgb,var(--warm) 16%,var(--line));border-radius:10px;background:var(--welcome);color:var(--welcome-ink);margin:0 0 18px;gap:12px}
.community-welcome>div{position:relative;z-index:1}
.welcome-kicker{display:flex;align-items:center;gap:7px;font:700 8px/1.5 var(--body-font);letter-spacing:1.5px;margin-bottom:12px}
.community-welcome h1{font:650 25px/1.16 var(--heading-font);letter-spacing:-.95px;margin:0 0 12px;color:var(--welcome-ink);max-width:none}
.community-welcome p{font-size:11px;line-height:1.7;color:var(--welcome-ink);opacity:.78;margin:0 0 12px}
.welcome-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:750;border:0;padding:0;background:none;color:var(--welcome-ink)}
.welcome-link .ui-icon{width:13px;height:13px}
.welcome-illustration{width:180px!important;height:auto!important;max-width:37%;filter:none!important;mix-blend-mode:normal!important;margin:0!important;opacity:1!important}
.launch-composer{display:flex;align-items:center;gap:12px;width:100%;padding:14px 17px;margin:0 0 25px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:left;color:var(--ink);box-shadow:var(--soft-shadow);transition:border-color .2s,background .2s}
.launch-composer:hover{border-color:var(--muted);background:var(--surface-soft);transform:none}
.composer-copy{display:flex;flex-direction:column;flex:1;gap:2px}
.composer-copy strong{font-size:12px;font-weight:700}
.composer-copy small{font-size:10px;color:var(--muted)}
.compose-label{font-size:10px;color:var(--muted);font-weight:650;display:flex;gap:6px;align-items:center}
.compose-label .ui-icon{width:13px;height:13px}
.feed-toolbar{padding:0;margin:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin:0 0 15px;border-bottom:1px solid var(--line);height:47px}
.feed-tabs{display:flex;align-items:stretch;gap:22px;height:100%}
.feed-tabs button{position:relative;white-space:nowrap;border:0;background:none;color:var(--muted);padding:0 0 11px;font-size:12px;font-weight:650;display:flex;align-items:center}
.feed-tabs button.on{color:var(--ink);font-weight:800}
.feed-tabs button.on::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--warm);border-radius:2px}
.search{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:0;width:170px;max-width:43%;min-height:28px;margin:0 0 10px;box-shadow:none}
.search .ui-icon{width:14px;height:14px;flex-shrink:0;color:var(--muted)}
.search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--ink);font-size:11px!important;padding:3px!important;min-height:28px;border-radius:4px;box-shadow:none}
.search input:focus-visible{outline:2px solid var(--warm);outline-offset:2px}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:0;overflow:visible}
.chip{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);padding:5px 9px;font-size:9px;font-weight:600;min-height:29px;white-space:nowrap;box-shadow:none;transition:background .18s,color .18s,border-color .18s}
.chip.selected{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.chip:hover{border-color:var(--muted);transform:none}
.feed-status{display:flex;align-items:center;justify-content:space-between;margin:15px 0 13px;font-size:9px;color:var(--muted)}
.feed-status>span:last-child{display:flex;align-items:center;gap:5px}
.feed-status .ui-icon{width:12px;height:12px}
.grid{display:flex;flex-direction:column;gap:18px;margin:0}
.community-post.card{display:block;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--soft-shadow);overflow:hidden;transition:border-color .2s,box-shadow .2s;transform:none!important}
.community-post.card:hover{border-color:color-mix(in srgb,var(--muted) 40%,var(--line));box-shadow:0 6px 25px #00000008;transform:none!important}
.post-top{display:flex;align-items:center;gap:9px;padding:16px 20px 0;border:0;min-height:34px;margin:0;background:transparent}
.maker-avatar{height:32px;width:32px;border-radius:50%;font-size:12px;font-weight:750;flex-shrink:0;border:1px solid #00000006;box-shadow:none}
.post-author{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1;text-align:left;padding:0;border:0;background:none;min-width:0}
.post-author strong{font-size:10px;font-weight:750;color:var(--ink)}
.post-author>span{font-size:9px;color:var(--muted);font-weight:400}
.author-dot{padding:0 3px}
.save{margin-left:auto;width:28px;height:28px;border:0;background:transparent;color:var(--muted);border-radius:5px;display:grid;place-items:center;padding:4px;box-shadow:none}
.save .ui-icon{width:16px;height:16px}
.save:hover{color:var(--ink);background:var(--surface-soft)}
.save.saved{color:var(--warm);background:var(--brand-wash)}
.save.saved svg{fill:color-mix(in srgb,var(--warm) 15%,transparent)}
.post-main{padding:19px 20px 0;overflow:visible}
.post-product-line{display:flex;align-items:center;gap:12px;margin:0 0 11px}
.post-product-mark{width:45px;height:45px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:var(--surface-soft);font:650 23px/1 var(--heading-font);overflow:hidden;box-shadow:none;color:var(--ink);transition:transform .2s}
.post-product-mark img{width:100%;height:100%;object-fit:cover;border-radius:0}
.community-post:hover .post-product-mark{transform:rotate(-2deg)}
.product-heading{min-width:0;flex:1}
.product-heading h3{margin:0 0 2px;font:650 20px/1.25 var(--heading-font);letter-spacing:-.6px}
.product-name{font:inherit;color:var(--ink);padding:0;background:transparent;border:0;letter-spacing:inherit;text-align:left}
.product-name:hover{color:var(--warm)}
.product-subline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:9px;color:var(--muted);margin:0}
.post-category{background:transparent;padding:0;font:inherit;border:0;color:inherit}
.post-stage{position:static;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:8px;font-weight:600;text-transform:capitalize;padding:3px 6px;white-space:nowrap;margin:0}
.post-description{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 17px;max-width:none;min-height:0}
.post-description{font-size:13px}
.post-banner-button{display:block;width:100%;padding:0;margin:0 0 17px;border:1px solid var(--line);border-radius:7px;background:transparent;overflow:hidden;box-shadow:none;transform:none}
.post-banner-button:hover{box-shadow:none;border-color:var(--muted);transform:none}
.product-banner{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none;border-radius:0;transform:none!important;margin:0}
.post-media-wrap{border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:17px;background:var(--surface-soft)}
.post-media-wrap .launch-gallery{margin:0;border:0;border-radius:0;display:block}
.post-media-wrap .launch-gallery img,.post-media-wrap .launch-gallery video{width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:0;display:block}
.link-preview{margin:0 0 17px;border-radius:7px;background:var(--surface-soft);border:1px solid var(--line);padding:23px 20px;display:flex;align-items:center;justify-content:space-between;min-height:100px;box-shadow:none}
.link-preview-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.link-preview-copy small{font-size:8px;color:var(--muted);letter-spacing:1px}
.link-preview-copy strong{font:650 21px var(--heading-font)}
.link-preview-copy>span{font-size:10px;color:var(--muted)}
.maker-question{background:var(--surface-soft);border:0;border-left:2px solid var(--warm);border-radius:0 5px 5px 0;padding:12px 14px;margin:0 0 16px;box-shadow:none}
.question-label{display:flex;align-items:center;gap:6px;font:700 9px var(--body-font);letter-spacing:0;text-transform:none;color:var(--ink)}
.question-label .ui-icon{width:13px;height:13px;color:var(--warm)}
.maker-question p{font-size:11px;line-height:1.65;margin:5px 0 0;color:var(--muted)}
.maker-question p{font-size:12px}
.post-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -20px;padding:12px 20px;border-top:1px solid var(--line);background:transparent}
.task-duration{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;color:var(--muted)}
.task-duration .ui-icon{width:13px;height:13px}
.post-actions{display:flex;align-items:center;gap:14px}
.conversation-link,.post-primary{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:650;display:flex;align-items:center;gap:5px;padding:5px 0;border-radius:3px;min-height:0;box-shadow:none}
.post-primary{color:var(--ink)}
.conversation-link .ui-icon,.post-primary .ui-icon{width:14px;height:14px}
.conversation-link:hover,.post-primary:hover{color:var(--warm);background:transparent;transform:none}
.sidebar{position:sticky;top:28px;display:flex;flex-direction:column;gap:23px;margin:0;padding:0}
.side-section{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
.side-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.side-heading h3{font:650 14px/1.4 var(--heading-font);letter-spacing:-.25px;margin:0}
.side-heading>.ui-icon{width:14px;height:14px;color:var(--muted)}
.little-spark{color:var(--warm);font-size:22px;line-height:1}
.side-subtitle{font-size:10px;color:var(--muted);margin:5px 0 12px}
.maker-list{display:flex;flex-direction:column;gap:3px}
.maker-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 0;background:transparent;border:0;border-radius:6px;color:var(--ink)}
.maker-row>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.maker-row strong{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.maker-row small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.maker-row>.ui-icon{width:13px;color:var(--muted);transition:transform .2s}
.maker-row:hover>.ui-icon{transform:translateX(3px);color:var(--warm)}
.launch-invite.side-section{padding:23px 22px 20px;background:var(--welcome);border:1px solid color-mix(in srgb,var(--warm) 15%,var(--line));border-radius:9px;min-height:0;color:var(--welcome-ink);position:relative;overflow:hidden}
.launch-invite .side-label{font-size:7px;letter-spacing:1.25px;color:var(--welcome-ink);opacity:.7}
.launch-invite h3{font:650 22px/1.2 var(--heading-font);letter-spacing:-.65px;margin:12px 0 9px;color:var(--welcome-ink)}
.launch-invite p{font-size:10px;line-height:1.7;color:var(--welcome-ink);opacity:.75;margin:0}
.invitation-illustration{position:static!important;width:100%!important;height:auto!important;filter:none!important;mix-blend-mode:normal!important;margin:6px 0 10px!important;opacity:1!important;max-width:none!important}
.launch-invite .btn{position:relative;width:100%;justify-content:center;font-size:10px;min-height:35px;background:var(--surface);color:var(--ink);border-color:color-mix(in srgb,var(--warm) 15%,var(--line))}
.topic-section .topic-list{margin-top:12px;display:flex;flex-direction:column;gap:3px}
.topic-link{display:flex;align-items:center;gap:9px;padding:7px 0;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:10px;text-align:left;font-weight:500;width:100%;box-shadow:none}
.topic-link>span:nth-child(2){flex:1}
.topic-link:hover,.topic-link.on{background:transparent;color:var(--ink)}
.topic-symbol{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}
.topic-symbol .ui-icon{width:13px;height:13px}
.topic-count{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:4px;min-width:19px;text-align:center;padding:1px 3px}
.topic-caption{font-size:8px;color:var(--muted);margin:9px 0 0}
.sidebar-note{font-size:10px;line-height:1.8;color:var(--muted);display:block;margin:0;padding:17px 0 0;border-top:1px solid var(--line)}
.sidebar-note .ui-icon{width:12px;height:12px;vertical-align:middle;margin-right:3px;color:var(--warm)}
.feed-endnote{margin:30px 0 22px;text-align:center;font-size:10px;color:var(--muted)}
.feed-endnote span{display:inline-block;color:var(--warm);font-size:17px;margin-right:7px;vertical-align:middle}
.collection-intro{padding:0 0 24px}
.collection-intro h1{font:650 29px/1.2 var(--heading-font);letter-spacing:-1px;margin:8px 0}
.collection-intro p{color:var(--muted);font-size:12px;margin:0}
.empty{width:100%;border:1px dashed var(--line);border-radius:8px;padding:38px 22px;box-sizing:border-box;background:var(--surface)}
.illustrated-empty .empty-art{width:130px;height:auto}
.empty h3{font:650 19px var(--heading-font);margin:12px 0 7px;letter-spacing:-.4px}
.empty p{font-size:12px;line-height:1.7;color:var(--muted)}
.load-more{margin:24px auto 0;display:flex}
#app>footer{margin-left:var(--rail);padding:20px 32px;border-top:1px solid var(--line);font-size:10px;background:transparent;width:auto;max-width:none;gap:12px}
#app>footer .brand{display:none}
#app>footer .footer-wordmark{display:none}
#app>footer>span{color:var(--muted)}
#app>footer .text-btn{font-size:10px}
/* Carry the same scale and materials through the rest of the product. */
.intro{margin:0 0 25px;padding:12px 0 24px;border-bottom:1px solid var(--line);min-height:0;gap:24px}
.intro-copy .eyebrow{font-size:8px;letter-spacing:1.5px}
.intro h1,.terms-heading h1,.messages-intro h1{font:650 34px/1.14 var(--heading-font);letter-spacing:-1.25px;max-width:650px;margin:12px 0}
.intro h1 em,.terms-heading h1 em,.messages-intro h1 em{font:inherit;color:var(--warm)}
.intro-copy p,.messages-intro p{font-size:12px;line-height:1.8;color:var(--muted);max-width:520px}
.intro-art{width:170px;height:140px;flex:0 0 170px;border:0;box-shadow:none;background:transparent;margin:0;padding:0}
.intro-art .illustration{width:170px;max-height:140px;object-fit:contain}
.intro-art .art-orbit,.intro-art figcaption,.intro-notes{display:none}
.page-panel{border:1px solid var(--line);border-radius:9px;padding:26px;background:var(--surface);box-shadow:var(--soft-shadow)}
.page-panel h2{font:650 22px/1.3 var(--heading-font);letter-spacing:-.5px}
.page-panel h3{font:650 16px/1.4 var(--heading-font)}
.page-panel form{gap:18px}
.notice{border:1px solid var(--line);border-left:2px solid var(--warm);background:var(--surface-soft);font-size:11px;padding:13px 16px;border-radius:0 6px 6px 0;line-height:1.8}
.page-panel label{font-size:11px;line-height:1.7;font-weight:650;gap:7px}
.page-panel input,.page-panel textarea,.page-panel select{border-radius:6px;padding:11px 12px;background:var(--surface);font-size:13px!important;border:1px solid var(--line);color:var(--ink)}
.page-panel input:focus,.page-panel textarea:focus,.page-panel select:focus{border-color:var(--warm);box-shadow:none}
.help{font-size:10px;line-height:1.7;color:var(--muted)}
.text-btn{color:var(--ink);font-size:11px}
.text-btn:hover{color:var(--warm)}
.messages-intro{min-height:0;padding:8px 0 25px;margin:0}
.messages-intro>.illustration{width:180px;max-height:160px;object-fit:contain}
.inbox-row{border-radius:7px;padding:18px 12px}
.terms-heading{padding:10px 0 30px;margin:0}
.terms-layout{gap:30px}
.rules-page h2{font-size:20px}
dialog#modal{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #00000030;padding:32px;max-height:88vh;max-width:min(1030px,calc(100vw - 40px));width:500px}
dialog#modal[data-kind=product]{width:990px}
dialog#modal::backdrop{background:#11111155;backdrop-filter:blur(5px)}
#modal .close{width:28px;height:28px;position:absolute;top:13px;right:13px;border:1px solid var(--line);border-radius:50%;font-size:18px;line-height:1;color:var(--muted);background:var(--surface);z-index:2;transition:background .15s,transform .2s}
#modal .close:hover{background:var(--surface-soft);transform:rotate(90deg)}
#modal-body h2{font:650 29px/1.2 var(--heading-font);letter-spacing:-.9px;margin:10px 0}
#modal-body>p{font-size:12px;color:var(--muted);line-height:1.8}
#modal-body .dialog-art{width:110px;height:auto;margin:0 0 10px}
.product-detail .detail-heading{gap:15px;padding:0 0 22px;margin:0 0 23px;border-bottom:1px solid var(--line);align-items:center}
.detail-heading .post-product-mark{width:60px;height:60px;border-radius:12px}
.detail-heading .eyebrow{font-size:9px;letter-spacing:.7px;color:var(--muted)}
.detail-host{font-size:11px;color:var(--muted)}
.detail-grid{grid-template-columns:minmax(0,1fr) 248px;gap:25px}
.detail-description{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 20px}
.product-detail .product-banner{border:1px solid var(--line);border-radius:7px;box-sizing:border-box}
.product-story{padding:22px 0;font-size:13px}
.product-story h2,.product-story h3{font-family:var(--heading-font)}
.detail-sidebar .task-box{padding:20px;background:var(--welcome);border:1px solid color-mix(in srgb,var(--warm) 15%,var(--line));border-radius:8px;color:var(--welcome-ink)}
.task-box .eyebrow{font-size:7px;letter-spacing:.7px;color:var(--welcome-ink)}
.task-box h3{font:650 22px var(--heading-font);letter-spacing:-.5px;margin:12px 0 10px;color:var(--welcome-ink)}
.task-box p{font-size:11px;line-height:1.8;color:var(--welcome-ink)}
.task-box .btn{font-size:10px;width:100%;justify-content:center;box-sizing:border-box;margin-top:8px}
.detail-facts{padding:22px 0;font-size:11px}
.detail-facts h3{font:650 14px var(--heading-font);margin:0 0 16px}
.detail-facts>div>span{font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.detail-facts p{line-height:1.8;color:var(--muted)}
.meet-maker{border:1px solid var(--line);border-radius:8px;padding:15px;margin:20px 0 0;background:var(--surface)}
.meet-maker>span{font-size:11px}
.meet-maker small{font-size:8px;letter-spacing:.8px}
.discussion{border-top:1px solid var(--line);margin-top:0;padding-top:22px}
.post-comments{border-radius:8px;padding:20px;background:var(--surface-soft);border:1px solid var(--line);margin-bottom:28px}
.post-comments .section-top h3,.discussion-heading h3{font:650 18px var(--heading-font);letter-spacing:-.4px}
.post-comments textarea{background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:13px!important}
.discussion-message{gap:11px;padding:16px 0}
.discussion-message p{font-size:12px;line-height:1.8}
.feedback-byline strong{font-size:11px}
.feedback-byline>span{font-size:9px;color:var(--muted)}
.feedback-context{font-size:9px}
.feedback-context span{border-radius:4px}
.chat-heading h2{font-size:22px!important}
.chat-message{border-radius:8px;font-size:12px;background:var(--surface-soft)}
.chat-message.own{background:var(--brand-wash);color:var(--ink)}
.chat-message time{font-size:8px}
@media(min-width:1440px){.community-welcome h1{font-size:30px}.welcome-illustration{width:210px!important}.layout{grid-template-columns:minmax(0,1fr) 284px}}
@media(max-width:1120px){:root{--rail:184px}.navigation-inner{padding:25px 13px 15px}.app-navigation .brand{font-size:23px}.app-navigation .brand-symbol,.app-navigation .brand-symbol img{width:30px;height:30px}.app-navigation nav button{font-size:11px;padding:11px 9px}.app-topbar{padding:0 25px}main.shell{padding:25px 25px 0}.layout{gap:24px;grid-template-columns:minmax(0,1fr) 225px}.community-welcome{padding:22px}.community-welcome h1{font-size:23px}.welcome-illustration{width:150px!important}.compose-label{font-size:0;gap:0}.compose-label .ui-icon{width:16px;height:16px}.launch-invite.side-section{padding:20px}.launch-invite h3{font-size:20px}}
@media(max-width:940px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.community-welcome{padding:26px 28px}.welcome-illustration{max-width:40%;width:210px!important}.community-welcome h1{font-size:28px}.compose-label{font-size:10px;gap:6px}.detail-grid{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.topbar-context,.topbar-divider{display:none}}
@media(max-width:680px){:root{--rail:0px}.app-navigation{position:sticky!important;top:0;bottom:auto;left:0;width:100%;border-right:0!important;border-bottom:1px solid var(--line)!important;height:62px!important;background:var(--surface)!important}.navigation-inner{padding:12px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;height:62px}.app-navigation .brand{font-size:23px;padding:0;gap:5px}.app-navigation .brand-symbol,.app-navigation .brand-symbol img{width:30px;height:30px}.navigation-caption,.navigation-launch,.navigation-bottom{display:none}.app-navigation nav{position:fixed;bottom:0;left:0;right:0;top:auto;flex-direction:row;align-items:center;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:7px 6px max(8px,env(safe-area-inset-bottom));box-sizing:border-box;gap:2px;z-index:40}.app-navigation nav button{flex:1;width:auto;justify-content:center;flex-direction:column;gap:4px;padding:7px 2px;border-radius:6px;font-size:8px;line-height:1.4}.app-navigation nav button .ui-icon{width:18px;height:18px}.app-navigation nav button:hover{transform:none}.app-topbar{height:52px;position:absolute;top:5px;right:15px;width:auto;max-width:45%;margin:0;padding:0;border:0;z-index:31;background:transparent}.app-topbar>div:first-child,.topbar-actions .beta-label{display:none}.topbar-actions .btn{font-size:9px;min-height:31px;padding:6px 9px}.topbar-actions .btn .ui-icon{width:12px;height:12px}main.shell{padding:18px 16px 0;margin:0;min-height:calc(100vh - 120px)}.community-welcome{padding:22px 20px;min-height:186px;margin-bottom:14px}.community-welcome h1{font-size:23px;letter-spacing:-.8px}.community-welcome p{font-size:10px}.welcome-kicker{font-size:7px;letter-spacing:1px}.welcome-illustration{width:140px!important;max-width:35%;margin-right:-8px!important}.welcome-link{font-size:9px}.launch-composer{padding:13px;margin-bottom:20px;gap:10px}.composer-copy strong{font-size:11px}.composer-copy small{font-size:9px}.compose-label{font-size:0;gap:0}.list-heading{gap:10px;height:42px;margin-bottom:13px}.feed-tabs{gap:18px}.feed-tabs button{font-size:11px;padding-bottom:9px}.search{max-width:40%;width:135px;margin-bottom:9px;gap:4px}.search input{font-size:10px!important}.filters{gap:5px}.chip{font-size:8px;min-height:27px;padding:5px 8px}.feed-status{font-size:8px;margin:14px 0 11px}.grid{gap:15px}.post-top{padding:15px 16px 0}.post-main{padding:16px 16px 0}.post-product-mark{width:40px;height:40px}.product-heading h3{font-size:19px}.product-subline{font-size:8px}.post-description{font-size:11px;margin-bottom:15px}.post-banner-button{margin-bottom:15px}.post-footer{margin:0 -16px;padding:11px 16px;gap:8px}.post-actions{gap:12px}.post-primary,.conversation-link{font-size:9px}.task-duration{font-size:8px}.maker-question{padding:11px 12px}.maker-question p{font-size:10px}.question-label{font-size:8px}.feed-endnote{font-size:9px;margin:25px 0}.collection-intro h1{font-size:26px}#app>footer{margin:0;padding:17px 16px 95px;font-size:9px;flex-wrap:wrap}.intro{padding:5px 0 20px;gap:8px}.intro h1,.messages-intro h1,.terms-heading h1{font-size:27px}.intro-copy .eyebrow{font-size:7px}.intro-copy p{font-size:11px}.intro-art{width:90px;height:105px;flex-basis:90px}.intro-art .illustration{width:90px;max-height:105px}.page-panel{padding:20px 17px}.notice{font-size:10px;padding:11px 12px}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .full{grid-column:auto}.messages-intro>.illustration{width:100px}.terms-layout{grid-template-columns:minmax(0,1fr)}.terms-layout>aside{display:none}dialog#modal,dialog#modal[data-kind=product]{padding:25px 18px 20px;border-radius:10px;max-width:calc(100vw - 24px);width:calc(100vw - 24px);box-sizing:border-box;max-height:90dvh;margin:auto}.detail-heading .post-product-mark{width:48px;height:48px}.detail-heading h2{font-size:25px!important}.detail-grid{grid-template-columns:minmax(0,1fr);gap:20px}.detail-sidebar{grid-row:auto}.discussion{grid-column:1}.post-comments{padding:17px 13px}.detail-sidebar .task-box{padding:18px}.detail-facts{padding:20px 0}.product-detail .detail-heading{padding-bottom:16px;margin-bottom:18px}.detail-description{font-size:12px}.detail-main .launch-gallery{grid-template-columns:minmax(0,1fr)}.chat-panel #chat-log{max-height:45dvh}#toast{bottom:86px}}
@media(max-width:360px){.welcome-illustration{display:none}.community-welcome h1{font-size:24px}.post-actions{gap:8px}.conversation-link .ui-icon{display:none}.topbar-actions .btn span{display:none}}
@media(max-width:1100px){.app-navigation nav button{padding:11px 9px!important}}
@media(max-width:680px){.app-navigation nav button{padding:7px 2px!important}.topbar-actions{gap:8px}.mobile-account{width:29px;height:29px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink)}.mobile-account .maker-avatar{width:27px;height:27px;font-size:10px;border:0}.mobile-account>.ui-icon{width:15px;height:15px}.page-panel input,.page-panel select,.page-panel textarea,#modal input,#modal select,#modal textarea{font-size:16px!important}.post-description{font-size:12px}.maker-question p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.community-post,.btn,.save,.chip,.post-product-mark,.app-navigation nav button,.maker-row>.ui-icon,#modal .close{transition:none!important;animation:none!important}.community-post:hover .post-product-mark{transform:none}}
.post-footer .post-meta{display:flex;align-items:center;gap:12px}
.post-footer{flex-wrap:wrap}
@media(max-width:680px){.post-footer .post-meta{gap:8px}}
@media(max-width:400px){.post-footer .post-meta{width:100%;justify-content:space-between}.post-footer .post-actions{width:100%;justify-content:space-between}}