:root{--paper:#f8f7f4;--ink:#232624;--line:#dfdfd9;--muted:#777b76}body{background:var(--paper)}.header{background:#202522;height:72px;gap:18px;padding:0 30px}.sidebar-toggle{background:none;color:#a4ada6;border:1px solid #465149;border-radius:5px;width:32px;height:32px;display:grid;place-items:center;padding:0;flex-shrink:0}.sidebar-toggle:hover{background:#333d36;color:white;border-color:#758376}.header nav a{font-size:12px}.header .brand-icon{background:#d44335}.header-actions{gap:18px}.header-product{font-weight:500;font-size:12px}.preview-badge{display:none}.header nav{margin-left:8px;gap:30px}.create-button{background:transparent;border-color:#566059}.global-search{background:transparent;border-color:#4b554e;width:180px}.header .me-avatar{border-color:#6d796e}.header-divider{background:#525c54}main{max-width:1570px}.workspace-shell{--side-width:220px;grid-template-columns:var(--side-width) minmax(0,1fr) 235px;gap:42px;padding-right:36px;transition:grid-template-columns .32s cubic-bezier(.25,.8,.25,1)}.left-sidebar{background:#f5f5f0;border-color:#e1e3db;padding:38px 19px 40px 23px;min-height:calc(100vh - 72px);overflow:hidden}.sidebar-user{margin-bottom:32px}.sidebar-user b{font-weight:500}.sidebar-section-title h2{font-weight:500;font-size:11px}.sidebar-row{color:#747c74;padding:11px 4px;font-size:11px;min-height:37px;white-space:nowrap}.sidebar-row .sidebar-label{background:none;border-radius:0;font-size:inherit;padding:0;margin-left:0}.sidebar-row>span:last-child:not(.sidebar-label){background:#e7e9e1}.sidebar-row:hover{background:#eaede4}.sidebar-row.selected{background:#e8ebe3;color:#39463c}.sidebar-row.selected:before{background:#687965}.sidebar-section-title{gap:8px}.tiny-create{background:#4f6452;border-color:#4f6452;font-size:9px;gap:3px}.tiny-create:hover{background:#3e5242}.sidebar-projects{border-color:#dfe3d8;margin-top:15px;padding:24px 0}.sidebar-projects button{color:#80897c;font-size:10px;padding:10px 3px}.sidebar-projects button b{color:#657d61}.sidebar-add{white-space:nowrap}.sidebar-discovery{padding-top:28px}.sidebar-footnote{font-size:8px;color:#a2a899;margin-top:48px}.workspace-center{padding-top:53px}.workspace-intro{padding:0 0 43px}.intro-eyebrow{font-size:9px;color:#92968a;letter-spacing:1.7px}.workspace-intro h1{font-size:40px;line-height:1.47;font-weight:500;letter-spacing:-1.9px;margin:24px 0 19px}.workspace-intro h1 span{color:#777e70;font-weight:400}.workspace-intro p{font-size:12px;line-height:1.9;color:#8b9083}.intro-network{display:none}.remix-highlight{border:0;border-top:1px solid #e0e3d9;border-bottom:1px solid #e0e3d9;background:transparent;border-radius:0;padding:21px 0;gap:13px;margin-bottom:29px}.highlight-icon{color:#88937e;width:22px}.remix-highlight h2{font-size:11px;color:#707c69;margin-bottom:9px}.highlight-lineage{font-size:10px;gap:10px}.highlight-lineage button{font-size:10px;color:#989e8f}.highlight-lineage b{color:#526c4e;font-weight:500}.highlight-open{color:#9aa18e}.discovery-tabs{border-color:#dfe3d8;height:44px}.discovery-tab{font-size:13px;font-weight:500;gap:8px}.discovery-tab.active:after{background:#8b9f79}.sort-select{border:0;background:transparent;color:#8b9582;font-size:10px;padding:5px 0}.discover-bar{padding:22px 0 23px;border:0;gap:15px}.filter{font-size:11px;color:#8a9181;padding:7px 12px}.filter.active{background:#e7eadf;color:#57674f}.filter:hover{background:#eef0e7}.search{border-color:#dde2d5;background:transparent;border-radius:5px;padding:8px 9px}.search input{width:145px;font-size:10px;color:#626e5c}.search kbd{border-color:#dfe4d6;color:#a1aa97}.search:focus-within{border-color:#849575;box-shadow:0 0 0 2px #687a4f0c}.search input::placeholder{color:#a0a796}.section-head:has(#result-caption:empty){display:none}.section-head p{color:#8f9a83;font-size:10px}.work-grid{gap:28px 26px}.work-card{background:#fff;border-color:#e0e3da;border-radius:8px;padding:18px;box-shadow:none;transition:border-color .2s,box-shadow .2s,transform .24s}.work-card:hover{border-color:#b4c0a6;transform:translateY(-3px);box-shadow:0 8px 25px #43523708}.repo-top{margin-bottom:15px}.repo-owner{font-family:inherit;font-size:10px;color:#85927a;gap:7px}.repo-owner .avatar{width:20px;height:20px}.repo-owner:hover{color:#516d44}.visibility-badge{border-color:#dfe5d6;color:#8d9980;font-size:8px}.title-button{color:#374c2f;font-size:15px;font-weight:500;gap:8px;margin-bottom:17px}.title-button:hover{color:#526d41}.title-button .ui-icon{color:#9aab8b;stroke-width:1.3}.cover-button{aspect-ratio:1.63;border-radius:4px}.cover-button:hover svg{transform:scale(1.025)}.repo-source{margin-top:15px;font-size:8px;font-family:inherit;color:#9ba58e;height:13px}.repo-source button{font-family:inherit;color:#617e48;font-size:8px}.card-bottom{border-top:0;margin-top:13px;padding-top:0;gap:17px;color:#919d83}.star-button,.remix-count{color:#99a58a;font-size:10px}.repo-language{font-size:10px;color:#7d8e6c}.repo-language i{width:6px;height:6px}.repo-version{font-size:9px;color:#b0b9a2}.right-sidebar{padding-top:58px}.right-panel{border:0;padding:0;background:none;border-radius:0;margin-bottom:37px}.panel-title{color:#949f87}.panel-title h2{font-size:12px;font-weight:500;color:#66765c}.live-dot{background:#92aa7d;box-shadow:none;width:4px;height:4px}.activity-list{margin-top:19px}.activity{padding:17px 0;gap:13px;border-color:#e3e7dc;font-size:11px;line-height:2;color:#99a38b}.activity small{display:block;font-size:9px;margin-top:5px;color:#b0b8a3}.activity-icon{color:#9bac8c;margin-top:3px}.activity-icon:after{background:#d8dfcd;height:49px;left:7px;top:27px}.activity b{color:#738568;font-family:inherit;font-weight:500}.activity a{color:#738b60}.panel-link{font-size:10px;color:#7c9666;gap:8px;margin-top:19px}.people-panel{border-top:1px solid #dde4d3;padding-top:30px}.creator-mini{margin-top:24px;gap:9px}.creator-mini b{font-size:11px;color:#697d5c;font-family:inherit;font-weight:400}.creator-mini p{font-size:9px;color:#a4af96;margin-top:5px}.follow-button{border-color:#d8e1cc;background:none;color:#93a67e;font-size:8px;padding:5px 7px;min-height:24px}.follow-button:hover{background:#eaf0e1}.right-footnote{padding:0;font-size:9px;color:#adb6a2;line-height:2.4}.right-footnote a{color:#93a084}.belief-strip{background:none;border:0;border-top:1px solid #dde4d2;border-radius:0;padding:36px 0;margin-top:44px}.belief-strip .eyebrow{color:#a6ac98;font-size:8px}.belief-strip h2{font-size:23px;color:#687d55;font-weight:400;margin:15px 0 11px;letter-spacing:-.7px}.belief-strip p{font-size:11px;line-height:2;color:#a4af92}.belief-strip .text-link{color:#7e9a62;font-size:10px;margin-top:5px}.closing-note{margin-top:0;border:0;padding:0;font-size:8px;color:#aab699}.closing-note span:first-child,.closing-note span:last-child{color:#aab699}footer{background:#f8f7f4;border-color:#e2e6da;padding-top:26px;max-width:1570px}.footer-brand{color:#859574}.footer-brand .brand-dot{color:#a3b591}footer p,footer div{color:#a1b08e}.primary-button{background:#566e49;border-color:#566e49}.primary-button:hover{background:#435b37}.detail-actions .star-button{color:#879a76}.lineage{background:#f4f6ef;border-color:#e0e6d4}.detail-body{padding:33px;background:#fcfcf9}.detail-columns h3{font-weight:500}.detail-columns p{color:#8b987f}.detail-tag{color:#99a98a;border-color:#dce5d1}.detail-heading h2{font-weight:500}.version-row{color:#929f86}.create-form-wrap{background:#fcfcf9}.create-form-wrap .primary-button{background:#566e49}.create-form-wrap input,.create-form-wrap textarea,.create-form-wrap select{border-color:#dce5d1;background:#fff}.profile-back{color:#849777}.page-intro{padding-top:60px;padding-bottom:39px}.page-intro h1{font-size:38px;line-height:1.5;font-weight:400;margin-top:25px;color:#45553b}.page-intro p{font-size:12px;color:#929f83}.creator-grid{gap:29px}.creator-card{border-color:#dce5d0;padding:30px;background:#fdfdfa}.creator-card h2{color:#4c6840;font-weight:500}.creator-card p{color:#92a082;font-size:11px}.creator-meta{color:#a1ad93}.profile-hero{padding-top:52px;padding-bottom:44px}.profile-hero h1{font-weight:500;color:#536d44}.profile-hero p{color:#97a789}.profile-tabs{border-color:#dce5d0;gap:28px}.profile-tab.active{color:#59754a}.profile-tab.active:after{background:#9cb384}.profile-sidebar{border-color:#dce5d0}.profile-sidebar h3{color:#7f966c;font-weight:400}.profile-sidebar .sidebar-note,.growth-caption{color:#a4b293}#toast{background:#34432c;font-size:11px;box-shadow:0 8px 26px #46593415}
/* A collapsible rail retains navigation and remembers the chosen width. */
body.sidebar-collapsed .workspace-shell{--side-width:74px}body.sidebar-collapsed .left-sidebar{padding-left:17px;padding-right:17px}body.sidebar-collapsed .sidebar-user{justify-content:center;margin-bottom:26px}body.sidebar-collapsed .sidebar-user b,body.sidebar-collapsed .sidebar-user>span:last-child,body.sidebar-collapsed .sidebar-section-title h2,body.sidebar-collapsed .sidebar-label,body.sidebar-collapsed .left-sidebar label,body.sidebar-collapsed .sidebar-row>span:last-child,body.sidebar-collapsed .sidebar-projects button>span,body.sidebar-collapsed .sidebar-footnote{display:none}body.sidebar-collapsed .sidebar-section-title{justify-content:center}body.sidebar-collapsed .tiny-create{width:31px;height:31px;justify-content:center;padding:0}body.sidebar-collapsed .sidebar-row{justify-content:center;padding:12px 0;min-height:40px;width:38px;margin-left:0}body.sidebar-collapsed .sidebar-projects button{justify-content:center;padding:12px 0}body.sidebar-collapsed .sidebar-discovery{padding-top:22px}body.sidebar-collapsed .sidebar-row.selected:before{margin-left:-40px}body.sidebar-collapsed .sidebar-projects{padding-top:12px;padding-bottom:17px;margin-top:12px}body.sidebar-collapsed .sidebar-projects svg{width:16px;height:16px}#sidebar-scrim{display:none}
/* The page changes as one surface; navigation remains stable. */
#main{view-transition-name:page}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(page){animation:page-out .15s ease both}::view-transition-new(page){animation:page-in .26s cubic-bezier(.2,.7,.2,1) both}::view-transition-group(page){animation-duration:.26s}::view-transition{pointer-events:none}@keyframes page-out{to{opacity:0;transform:translateY(-4px)}}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
dialog{opacity:0;transform:translateY(16px) scale(.985);transition:opacity .2s ease,transform .27s cubic-bezier(.2,.7,.2,1),display .27s allow-discrete,overlay .27s allow-discrete;border-color:#dfe7d3;border-radius:12px;box-shadow:0 35px 100px #2f402c25}dialog[open]{opacity:1;transform:translateY(0) scale(1)}dialog::backdrop{background:#24342000;backdrop-filter:blur(0);transition:background .25s,backdrop-filter .25s,display .27s allow-discrete,overlay .27s allow-discrete}dialog[open]::backdrop{background:#24342055;backdrop-filter:blur(6px)}@starting-style{dialog[open]{opacity:0;transform:translateY(16px) scale(.985)}dialog[open]::backdrop{background:#24342000;backdrop-filter:blur(0)}}.dialog-close{border-color:#dce6cf;color:#889f71;transition:background .16s,transform .16s}.dialog-close:hover{background:#edf3e3;transform:rotate(90deg)}button:active:not(.cover-button){transform:translateY(1px)}.star-button{transition:color .2s,transform .2s}.star-button:active{transform:scale(.9)}.filter,.profile-tab{transition:background .2s,color .2s}.cover-arrow{transition:opacity .2s,transform .2s}.creator-card{transition:transform .24s,border-color .24s}.creator-card:hover{transform:translateY(-3px);border-color:#b8c9a4}
@media(min-width:1600px){.workspace-shell{gap:45px;grid-template-columns:var(--side-width) minmax(0,1fr) 250px}.workspace-center{padding-top:55px}.workspace-intro h1{font-size:45px}.cover-button{aspect-ratio:1.65}.work-card{padding:19px}.title-button{font-size:16px}.right-sidebar{padding-top:62px}}
@media(max-width:1250px){.workspace-shell{--side-width:200px;grid-template-columns:var(--side-width) minmax(0,1fr) 210px;gap:29px;padding-right:27px}.left-sidebar{padding-left:20px;padding-right:16px}.workspace-intro h1{font-size:35px}.work-card{padding:15px}.work-grid{gap:22px 20px}.right-sidebar{padding-top:57px}.search input{width:117px}.header{gap:14px;padding:0 23px}.header nav{gap:22px}.global-search{width:145px}.header-actions{gap:13px}.highlight-lineage{gap:6px}.highlight-lineage button{font-size:9px}.intro-eyebrow{font-size:8px}.title-button{font-size:14px}.repo-owner{font-size:9px}.creator-mini b{font-size:10px}}
@media(max-width:1050px){.workspace-shell{--side-width:185px;grid-template-columns:var(--side-width) minmax(0,1fr);gap:34px;padding-right:30px}.right-sidebar{display:none}.workspace-intro h1{font-size:37px}.workspace-center{padding-top:43px}.workspace-intro{padding-bottom:34px}.header .header-product{display:none}.header nav{gap:24px}}
@media(max-width:740px){.header{position:sticky;top:0;z-index:60;height:105px;padding:0 18px 43px;gap:12px;flex-wrap:nowrap}.sidebar-toggle{width:29px;height:29px}.header .brand{font-size:20px;gap:8px}.header nav{position:absolute;left:18px;right:18px;bottom:0;height:39px;gap:30px;margin:0;border-top:1px solid #3b473a;justify-content:center}.header nav a{font-size:11px;height:39px;display:flex;align-items:center}.header nav a.active:after{display:block;position:absolute;bottom:0;left:0;right:0;background:#a8ba97;height:2px}.header-actions{gap:10px}.header .create-button{display:flex;width:29px;height:29px;padding:0;justify-content:center;font-size:0}.header .create-button span{font-size:20px}.header .me-avatar{width:28px;height:28px}.header .header-divider,.header-product,.global-search{display:none}.workspace-shell{display:block;padding:0 22px}.workspace-center{padding-top:34px}.workspace-intro{padding-bottom:31px}.workspace-intro h1{font-size:34px;letter-spacing:-1.1px;line-height:1.55;margin:20px 0 14px}.workspace-intro p{font-size:11px}.intro-eyebrow{font-size:8px}.remix-highlight{padding:19px 0;margin-bottom:21px;gap:10px}.remix-highlight h2{font-size:10px}.highlight-lineage{gap:5px}.highlight-lineage button{font-size:8px}.highlight-icon{width:20px}.highlight-open{padding:3px}.discovery-tabs{height:43px}.discovery-tab{font-size:12px;height:43px}.discover-bar{flex-wrap:wrap;gap:15px;padding:21px 0}.filter{padding:7px 11px;font-size:10px}.filters{gap:3px}.search{width:100%;padding:9px 10px}.search input{width:100%;font-size:11px}.sort-select{font-size:10px}.work-grid{grid-template-columns:1fr;gap:25px}.work-card{padding:18px}.repo-top{margin-bottom:17px}.repo-owner{font-size:11px}.title-button{font-size:16px;font-weight:500;margin-bottom:19px}.cover-button{aspect-ratio:1.6}.repo-source{font-size:9px;margin-top:17px}.repo-source button{font-size:9px}.card-bottom{margin-top:14px;gap:20px}.repo-language,.star-button,.remix-count{font-size:10px}.repo-version{font-size:9px}.right-sidebar{display:none}.belief-strip{margin-top:36px;padding:30px 0}.belief-strip h2{font-size:23px}.belief-strip p{font-size:11px}.closing-note{font-size:8px;line-height:1.8}.closing-note span:last-child{max-width:110px}.left-sidebar,body.sidebar-collapsed .left-sidebar{display:block;position:fixed;top:105px;bottom:0;left:0;width:245px;min-height:0;padding:26px 22px;z-index:55;overflow:auto;background:#f5f6ef;border-right:1px solid #d6dfcb;transform:translateX(-100%);visibility:hidden;transition:transform .28s cubic-bezier(.25,.8,.25,1),visibility .28s;box-shadow:15px 0 40px #43563315}body.sidebar-mobile-open .left-sidebar{transform:translateX(0);visibility:visible}body.sidebar-collapsed .sidebar-user b,body.sidebar-collapsed .sidebar-user>span:last-child,body.sidebar-collapsed .sidebar-section-title h2,body.sidebar-collapsed .sidebar-label,body.sidebar-collapsed .left-sidebar label,body.sidebar-collapsed .sidebar-row>span:last-child,body.sidebar-collapsed .sidebar-projects button>span,body.sidebar-collapsed .sidebar-footnote{display:initial}body.sidebar-collapsed .sidebar-user{justify-content:flex-start;margin-bottom:30px}body.sidebar-collapsed .sidebar-section-title{justify-content:space-between}body.sidebar-collapsed .tiny-create{width:auto;height:auto;padding:5px 7px;gap:4px}body.sidebar-collapsed .sidebar-row{justify-content:flex-start;width:100%;padding:11px 4px}body.sidebar-collapsed .sidebar-projects button{justify-content:flex-start;padding:10px 3px}body.sidebar-collapsed .sidebar-row.selected:before{margin-left:-15px}body.sidebar-collapsed .sidebar-projects{padding:24px 0}#sidebar-scrim{display:block;position:fixed;top:105px;left:0;right:0;bottom:0;z-index:54;border:0;background:#25382055;backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}body.sidebar-mobile-open #sidebar-scrim{opacity:1;visibility:visible}body.sidebar-mobile-open{overflow:hidden}.sidebar-row .sidebar-label{background:none!important;padding:0!important;border-radius:0;font-size:inherit!important}.sidebar-footnote{font-size:9px}.profile-hero{padding-top:37px}.page-intro{padding-top:39px;padding-bottom:28px}.page-intro h1{font-size:31px}.creator-grid{gap:25px}.creator-card{padding:27px}.detail-body{padding:25px 21px}.detail-cover{height:230px}.profile-sidebar{padding-top:22px}.belief-strip .text-link{font-size:11px}.form-note{font-size:10px}footer{padding:24px 22px}}
@media(max-width:380px){.header{padding:0 15px 43px;gap:10px}.header .brand{font-size:18px}.workspace-shell{padding:0 18px}.workspace-intro h1{font-size:31px}.highlight-lineage button{font-size:7px}.work-card{padding:15px}.title-button{font-size:15px}.header .brand-icon{width:24px;height:24px}.create-button{display:flex}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}dialog{transform:none!important}}
/* Quiet color should still leave the remaining text easy to read. */
.workspace-intro h1 span{color:#7d8177}.title-button{color:#343d31}.title-button:hover{color:#53664b}.sidebar-row{font-size:12px;color:#697264}.sidebar-projects button{color:#828b79}.sidebar-projects button b{color:#5f7255}.sidebar-footnote{color:#949e89}.right-panel .panel-title h2{font-size:13px;color:#596650}.activity{font-size:12px;color:#737e69}.activity b{color:#58684e}.activity a{color:#657c55}.activity small{font-size:10px;color:#9ba88d}.creator-mini b{font-size:12px;color:#627555}.creator-mini p{font-size:10px;color:#8e9d7e}.panel-link{font-size:11px;color:#70895d}.repo-owner{font-size:11px;color:#839477}.right-footnote{font-size:10px;color:#98a58c}.right-footnote a{color:#7d916a}.filter{font-size:11px;color:#7d8b70}.search input{font-size:11px}.highlight-lineage button{font-size:10px}.remix-highlight h2{font-size:12px;color:#74836a}.belief-strip p{color:#8d9f7a}.follow-button{font-size:9px;color:#7c9664;min-height:27px}.sidebar-section-title h2{font-size:12px}.work-card .title-button{font-size:16px}.repo-source{color:#91a280}.repo-source button{color:#667f4e}.repo-version{color:#9aab8a}.remix-count,.star-button{color:#849c6f}.card-bottom{min-height:15px}
@media(max-width:1250px){.right-panel .panel-title h2{font-size:12px}.activity{font-size:11px}.creator-mini b{font-size:11px}.creator-mini p{font-size:9px}.sidebar-row{font-size:11px}.work-card .title-button{font-size:15px}.repo-owner{font-size:10px}.highlight-lineage button{font-size:9px}}
@media(max-width:740px){.sidebar-row{font-size:12px}.sidebar-section-title h2{font-size:12px}.highlight-lineage button{font-size:8px}.remix-highlight h2{font-size:11px}.work-card .title-button{font-size:16px}.repo-owner{font-size:11px}.belief-strip p{font-size:11px}}