/* Unlocked shared design system — Taste true-black-flat + Impeccable craft floor. */
:root{--bg:#101112;--panel:#191b1d;--raised:#232629;--line:#34383a;--text:#f0f1ef;--muted:#b3b8b1;--green:#bfd9a8;--gold:#e5c988;--radius:12px;--page-width:1240px;--header-height:76px;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color-scheme:dark}
*{box-sizing:border-box;scrollbar-color:#505652 #17191a}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:0}::selection{background:#bfd9a8;color:#15200f}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,.primary-action{min-height:44px;border:1px solid #3e4447;border-radius:8px;padding:9px 16px;background:#24282b;box-shadow:none;color:#e8ece6;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.4;transition:background .16s,border-color .16s}button:hover,.primary-action:hover{border-color:#697268;background:#303638}button:disabled{opacity:.45;cursor:not-allowed}.primary-action,button[type=submit]{background:#e2e9dc;color:#182114;border-color:transparent;font-weight:550}.primary-action:hover,button[type=submit]:hover{background:#f1f5ec;border-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c3d9ac;outline-offset:4px}input,textarea,select{background:#191c1e;border:1px solid #4c5355;color:var(--text);border-radius:8px!important;padding:11px 13px;caret-color:var(--green);min-height:44px;box-shadow:none}input:hover,select:hover,textarea:hover{border-color:#747d75}::placeholder{color:#abb3aa;opacity:1}textarea{resize:vertical;line-height:1.8}input[type=checkbox]{min-height:18px;width:18px;height:18px;accent-color:#c6dcaf}h1,h2,h3{font-weight:560;letter-spacing:-.02em;overflow-wrap:anywhere}h1{font-size:26px;line-height:1.4}h2{font-size:18px;line-height:1.5}h3{font-size:15px;line-height:1.5}p{overflow-wrap:anywhere}small{font-size:12px}.notice,.inline-help,.page-footnote,.repository-note{font-size:12px;line-height:1.9;color:var(--muted)}[role=alert]{color:#f0aaa5}[hidden]{display:none!important}
header,body.immersive-mode header{height:var(--header-height);min-height:var(--header-height);position:relative;display:flex;align-items:center;gap:42px;padding:0 max(32px,calc((100vw - 1376px)/2));background:#101112;border-bottom:1px solid #2b2f31;box-shadow:none;z-index:30}header .brand{display:flex;gap:12px;color:#f0f1ec;font-size:23px;font-weight:650;letter-spacing:-.6px;flex-shrink:0}.puzzle-logo{width:29px;height:29px}header nav{display:flex;align-items:center;gap:30px;overflow:visible;width:auto}header nav a{font-size:14px;font-weight:500;color:#aeb5ad;padding:26px 0;position:relative;white-space:nowrap}header nav a:hover,header nav a.active{color:#fff}header nav a.active:after{content:'';height:3px;width:16px;position:absolute;bottom:13px;left:calc(50% - 8px);background:#d4e5c1;border-radius:2px}.header-search{margin-left:auto;position:relative}.header-search>button{min-width:44px;height:44px;padding:10px;border:0;background:transparent}.header-search svg{width:21px;height:21px;fill:none;stroke:#d5ddd2;stroke-width:1.7}.header-search form{position:absolute;right:0;top:55px;width:350px;display:flex;gap:8px;background:#232729;padding:14px;box-shadow:0 12px 40px #0008;border-radius:10px}.header-search form input{width:100%;min-width:0}.header-search form button{white-space:nowrap}.repository-shortcut{margin-left:-27px;width:40px;height:40px;min-width:40px;display:grid;place-items:center;background:#233328;color:#bce3a3;border:1px solid #4d7751;border-radius:8px;box-shadow:none}.repository-shortcut.is-current{outline:2px solid #9dc881;outline-offset:3px}.repository-shortcut svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}.repository-shortcut+.avatar{margin-left:-27px}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid #687165;box-shadow:none;background:#303b2b;color:#e3ecd9;display:grid;place-items:center;font-size:13px;font-weight:600}.topsearch{display:none!important}.ico{width:17px;height:17px}
main{max-width:var(--page-width);padding:38px 32px 64px;margin:0 auto;min-height:calc(100dvh - var(--header-height))}.page-heading,.feed-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px}.page-heading h1,.feed-heading h1{font-size:26px;margin:0 0 7px;color:#f0f1ef}.page-heading p,.feed-heading span{margin:0;font-size:13px;color:var(--muted)}.page-heading>.primary-action{flex-shrink:0}.directory-tools,.feed-filters{display:flex;gap:12px;align-items:center;margin:0 0 24px}.directory-tools input{width:360px}.directory-tools select{min-width:145px}.feed-filters input{background:#191c1e;border:1px solid #4c5355;width:360px;color:#f0f1ef}.feed-filters select{background:#191c1e;border:1px solid #4c5355;color:#f0f1ef}.feed-filters span{font-size:12px;color:var(--muted)}.blank-panel{padding:48px 28px;background:#191c1e;border-radius:12px;text-align:center;grid-column:1/-1}.blank-panel h2{font-size:19px;margin:0 0 10px}.blank-panel p{color:var(--muted);font-size:13px;max-width:50ch;margin:0 auto 20px}.blank-panel a{color:var(--green);text-decoration:underline}.page-footnote{margin-top:26px}.back-feed{display:inline-block;font-size:12px;color:#b3bcb0;margin-bottom:10px}.back-feed:hover{color:#fff}.view-tabs,.profile-tabs{display:flex;gap:28px;padding:0;margin:25px 0;border-bottom:1px solid var(--line)}.view-tabs button,.profile-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:13px 0}.view-tabs button.is-selected{color:var(--text);border-bottom:2px solid #cbdcbb}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-toolbar h2{margin:0}.section-toolbar small{margin-left:8px;color:var(--muted)}.editor-page{max-width:720px;margin:0 auto}.editor-page h1{margin:23px 0 8px}.editor-page>p{color:var(--muted)}.editor-page label{display:block;margin:24px 0;font-size:13px}.editor-page input,.editor-page textarea,.editor-page select{display:block;width:100%;margin-top:9px}.editor-page textarea{min-height:130px}.reading-page{max-width:800px;margin:0 auto}.reading-page h1{font-size:28px;margin:24px 0 12px}.reading-body{white-space:pre-wrap;line-height:2;font-size:15px;color:#d0d6cc;margin:32px 0 42px}.reading-page section{padding-top:24px;border-top:1px solid var(--line)}.reading-page textarea{display:block;width:100%;min-height:130px;margin:12px 0 20px}
.group-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.group-tile{overflow:hidden;background:#1b1e20;border-radius:12px;display:block;transition:background .15s}.group-tile:hover{background:#252a2c}.group-cover{height:180px;overflow:hidden;background:#233334}.group-cover img{width:100%;height:100%;object-fit:cover;object-position:76% 42%;display:block;transition:transform .3s}.group-tile:hover img{transform:scale(1.025)}.group-cover-letter{display:grid;place-items:center;height:100%;font-size:30px;color:#c2d7be;background:#29352c}.group-tile-content{padding:22px}.group-category{font-size:12px;color:#b3c7ac}.group-tile h2{font-size:19px;margin:7px 0 9px}.group-tile p{font-size:13px;line-height:1.8;color:#b7bfb4;min-height:48px;margin:0}.group-tile-bottom{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:24px;color:#adb7a6}.group-tile-bottom span:last-child{color:#d5e5c9}.group-heading{display:flex;align-items:center;gap:23px;margin:22px 0 36px}.group-avatar{width:86px;height:86px;object-fit:cover;object-position:85% 45%;border-radius:14px;flex-shrink:0}.group-initial{display:grid;place-items:center;background:#2d3b2f;color:#d5e2c9;font-size:30px}.group-heading h1{margin:0 0 6px}.group-heading p{margin:0;color:var(--muted);font-size:13px}.group-heading button{margin-left:auto;flex-shrink:0}.group-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px}.group-about{background:#1a1d1f;padding:24px;border-radius:12px;align-self:start}.group-about h2{font-size:16px;margin:0 0 20px}.group-about dl{display:grid;grid-template-columns:65px 1fr;font-size:12px;gap:14px}.group-about dt{color:var(--muted)}.group-about dd{margin:0}.group-about h3{margin-top:28px}.group-about p{color:var(--muted);font-size:12px;line-height:1.9}.group-post{padding:24px 0;border-top:1px solid var(--line)}.group-post small{color:var(--muted)}.group-post h2{font-size:19px;margin:12px 0}.group-post p{white-space:pre-wrap;color:#c3cbbd;font-size:14px}.group-post>a{font-size:12px;color:var(--green)}
/* Media experience preserves the user's one-at-a-time browsing contract. */
body.immersive-mode{background:#101112;height:100dvh;overflow:hidden}.immersive-mode main{max-width:1440px;min-height:0;height:calc(100dvh - var(--header-height));padding:0 32px}.discovery-toolbar{height:32px;min-height:32px;width:100%;padding:0;margin:0;position:relative}.feed-search-wrap{display:none}.discovery-toolbar>#open-composer{position:fixed;right:max(177px,calc((100vw - 1020px)/2));top:17px;z-index:40;height:42px;min-height:42px;padding:0 14px;font-size:12px;border:0;background:#252b25;color:#d6e4ca}.discovery-toolbar>#open-composer svg{width:15px;height:15px}.discovery-stage{background:#1b1e20;border-radius:12px;width:min(1100px,calc(100% - 100px));grid-template-columns:minmax(0,1fr) 285px}.discovery-caption{background:#1b1e20;padding:28px}.discovery-caption h2{font-size:21px;line-height:1.65}.discovery-caption>p{color:#b8c1b3;font-size:13px}.feed-author>a{font-size:14px}.feed-author button{min-height:36px;color:#d0ddc4;border:1px solid #4c5745}.feed-experience{background:#d4e4c4;color:#24331b;min-height:44px;align-items:center;border-radius:8px}.feed-actions{padding-bottom:20px;gap:20px}.feed-actions button{min-height:54px;border:0;background:transparent}.feed-actions span{font-size:12px}.feed-navigation{right:0}.feed-navigation button{background:#262b2d;border:0;min-height:44px;width:44px}.feed-navigation span{font-size:12px}.feed-example{font-size:11px}.discovery-item{padding-bottom:26px}.text-post{background:#29312b;color:#edf0e4;padding:50px}.text-post h2{font-size:30px}.text-post p{font-size:16px;line-height:2}.feed-composer{max-width:720px;margin:0 auto}.feed-composer input:not([type=checkbox]),.feed-composer textarea,.feed-composer select{background:#191c1e;border:1px solid #4c5355;color:var(--text);font-size:14px}.feed-composer label{font-size:13px}.feed-checkbox{min-height:44px}.feed-composer h1{font-size:26px}.feed-empty{padding:50px 20px}.carousel-controls{background:#202725}.carousel-controls button{min-height:40px}.discovery-caption .feed-author button:hover{background:#303832}
/* Directories, readers and provider forms share the same visual language. */
.tutorial-row{gap:25px;padding:26px 0;border-color:#303537}.tutorial-cover{border-radius:9px;width:140px;height:100px;font:600 21px/1.4 -apple-system,sans-serif}.tutorial-summary h2{font-size:19px;font-weight:550;margin:8px 0}.tutorial-summary p{font-size:13px;color:var(--muted);max-width:70ch}.tutorial-meta,.tutorial-summary small{font-size:12px;color:#b4bdb0}.tutorial-open{font-size:12px;color:#d2e1c5}.tutorial-layout{grid-template-columns:minmax(0,760px) 230px;gap:54px}.tutorial-article>h1{font-size:29px}.tutorial-article section h2{font-size:21px}.tutorial-article section p{font-size:15px;line-height:1.95;color:#ccd2c6}.tutorial-byline{border-color:#303537;font-size:12px;color:#b4beb0}.tutorial-code{background:#181c1e;border:1px solid #343b3e;border-radius:10px}.tutorial-code button{min-height:36px;font-size:12px;margin:10px 10px 0 auto}.tutorial-code pre{font-size:13px;padding:22px;line-height:1.8}.tutorial-outline>button{font-size:12px;color:#c0cabb;min-height:40px;border:0;background:transparent;justify-content:flex-start}.tutorial-resources p{font-size:12px}.tutorial-resources a{color:#d2e1c5}.tutorial-finish{border-color:#303537}.resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.resource-card{border:0;border-radius:12px;background:#1b1e20;padding:26px}.resource-monogram{background:#d7c298;color:#4c3b1f;width:46px;height:46px;border-radius:9px}.resource-monogram.public-resource{background:#aec9ac;color:#2b452c}.resource-card h2{font-size:18px}.resource-type,.resource-card-foot small{font-size:12px;color:#b2bdb0}.resource-card>p{color:var(--muted);font-size:13px}.resource-card-foot{border-color:#343a3d;padding-top:16px}.resource-card-foot a{color:#d2e1c5}.resource-switch{gap:20px;margin-bottom:26px}.resource-switch button{border:0;border-radius:0;background:transparent;color:#b5bdb1;padding:10px 0}.resource-switch button.chosen{color:#f0f1ef;background:transparent;border:0;border-bottom:2px solid #c5d9b1}.resource-disclosure{background:#22282b;border-radius:9px;color:#c0c9ba;font-size:12px}.resource-guidelines{border-color:#343a3d}.resource-guidelines p{color:var(--muted)}.resource-detail,.resource-application{max-width:760px}.resource-application input:not([type=checkbox]),.resource-application textarea,.resource-application select{background:#191c1e;border-color:#4c5355;color:var(--text);font-size:14px}.resource-application label{font-size:13px}.resource-consent{color:#c4cbbb}.resource-detail p,.resource-detail li{color:#c3cbbd}.tag{color:#b9cbb0;border:0;border-radius:4px;background:#2b3427;padding:3px 8px;margin:0;font-size:11px}
/* Repository application. */
.workspacebar{border-color:#333a3c;padding-bottom:24px;font-size:18px}.workspacebar button{background:#e2e9dc;border:0;color:#182114;box-shadow:none;font-size:13px}.content{grid-template-columns:190px minmax(0,1fr);gap:32px;margin-top:30px}.side a{color:#bbc3b7;min-height:44px;border:0;border-radius:7px;margin:4px 0;padding:10px 12px}.side a.selected{background:#272d2e;color:#edf0e8;border:0;box-shadow:none;padding:10px 12px}.side .label{font-size:12px;color:#a8b3a2}.side hr{border-color:#303638}.side .localnote{font-size:12px;color:#a5b09f}.sectionhead h2{font-size:20px}.sectionhead span{font-size:12px;color:var(--muted)}.tabs{background:transparent;border:0;box-shadow:none;padding:0;gap:25px}.tabs button{border:0;border-radius:0;background:transparent;color:#aeb9a7;padding:13px 0;bottom:0;font-size:13px}.tabs button.active{border:0;border-bottom:2px solid #c4d6b1;background:transparent;color:#edf0e8}.filterbar{background:transparent;border:0;padding:20px 0;margin:0}.filterbar input,.filterbar select{background:#191c1e;border:1px solid #4c5355;color:var(--text)}#results{padding:0;background:transparent;border:0;box-shadow:none}.repo{background:transparent;border:0;border-top:1px solid #303638;padding:25px 2px;min-height:160px}.repo:hover{background:#191d1d}.repo h3{font-size:18px;color:#d5e2c8;max-width:calc(100% - 100px)}.repo h3 span{color:#aebaa6}.repo p{font-size:13px;color:#b9c2b2}.star{right:0;top:25px;background:#242a24;border:1px solid #4d5944;box-shadow:none;min-height:36px;font-size:12px}.meta{font-size:12px;color:#abb8a1}.badge{font-size:11px;color:#bfcbb7;border-color:#5a6750;border-radius:4px}.repository-header h1{font-size:24px}.repository-header h1 a{color:#cbdcbd}.repository-header p{font-size:14px;color:var(--muted)}.repository-actions{gap:12px}.repository-tabs{gap:30px;border-bottom:1px solid #343a3d}.repository-tabs a{font-size:13px;color:#aeb9a5;padding:13px 0}.repository-tabs .chosen{color:#edf0e8;border-bottom:2px solid #c5d9b1}.file-toolbar{background:#222729;border:0;border-radius:10px 10px 0 0;padding:16px 20px;font-size:13px}.branch-label{border:1px solid #4e5e43;border-radius:5px;padding:5px 14px}.file-list{background:#191d1f;border-radius:0 0 10px 10px;overflow:hidden}.file-list a{padding:16px 20px;background:transparent;border:0;border-top:1px solid #303638;color:#d7dfcf}.file-list a:hover{background:#262e29}.file-list small{color:#b3bfa9;font-size:12px}.readme,.thread{background:#191d1f;border:0;border-radius:12px;padding:27px;margin-top:28px}.readme h2{border-color:#343a3d;color:#bdcab2}.readme pre,.file-content{font-size:14px;line-height:1.9}.file-content{background:#191d1f;border:0;border-radius:0 0 10px 10px;padding:25px}.thread-row{border:0;border-bottom:1px solid #343a3d;background:#191d1f;padding:22px;gap:10px}.thread-row:hover{background:#262e29}.thread-row small{font-size:12px;color:#b4c0aa}.thread-row p{font-size:13px;color:#c0cbb7;margin:0}.thread-state{color:#c1d5b0}.comment{border-color:#343a3d}.comment p{color:#ccd5c3;white-space:pre-wrap;overflow-wrap:anywhere}#repository-body input,#repository-body textarea{background:#191c1e;border:1px solid #4c5355;color:var(--text)}.bottom{margin-top:40px;border-color:#303638;color:#a7b29e;font-size:12px}
.profile-masthead{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.profile-identity{display:flex;gap:22px;align-items:center}.profile-picture{width:86px;height:86px;border-radius:15px;display:grid;place-items:center;background:#2c3c30;color:#d4e1c8;font-size:30px;border:1px solid #56684d}.profile-identity h1{font-size:27px;margin:0 0 6px}.profile-identity p{font-size:13px;color:var(--muted);margin:0}.profile-summary{display:flex;gap:25px;font-size:13px;color:#b4c1a9}.profile-local-work{display:flex;flex-direction:column;min-height:250px;padding:28px;background:#253029;border-radius:12px;overflow:hidden}.profile-local-work>span{font-size:12px;color:#bed0b4}.profile-local-work h2{font-size:22px;margin:20px 0 12px}.profile-local-work p{font-size:14px;color:#cad6c0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:hidden}.profile-local-work small{font-size:12px;color:#b6c6aa;margin-top:auto}.works-grid{gap:32px 24px}.work-preview{border-radius:12px}.work-info{padding-top:15px}.work-title{font-size:15px}.work-author,.work-category{font-size:12px;color:#aebba3}.like-work{border:0;background:none;min-height:38px;padding:4px 8px}.work-category{margin-top:5px}.work-detail .work-art{border-radius:12px}.work-detail h1{font-size:25px}.work-detail .notice{font-size:12px}.work-next{border-color:#343a3d}.play-area:not(:empty){background:#1e2721;border-radius:12px}.demo-task{display:block}.profile-tabs button{min-height:44px}dialog{background:#1c2224;border:1px solid #58624f;border-radius:12px;padding:28px;color:var(--text);box-shadow:0 22px 70px #0009;max-height:88dvh;overflow:auto}dialog::backdrop{background:#070a0bba}dialog .close{width:40px;min-height:40px;padding:4px;background:#2a3131;float:right}dialog input,dialog textarea{background:#131a16;border:1px solid #536349;width:100%;color:var(--text);font-size:14px}dialog select{width:100%}dialog h2{font-size:22px}#toast{background:#dce9d0;color:#223219;border-radius:8px;font-size:13px;z-index:100}
@media(min-width:1200px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-art{aspect-ratio:4/3}}
@media(max-width:1100px){header,body.immersive-mode header{gap:24px;padding-left:26px;padding-right:26px}header nav{gap:23px}.repository-shortcut,.repository-shortcut+.avatar{margin-left:-10px}.discovery-toolbar>#open-composer{right:178px}.group-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.group-page-layout{gap:25px;grid-template-columns:minmax(0,1fr) 240px}.discovery-stage{grid-template-columns:minmax(0,1fr) 250px}.discovery-caption{padding:23px}.text-post{padding:38px 30px}.text-post h2{font-size:27px}}
@media(max-width:700px){:root{--header-height:112px}header,body.immersive-mode header{height:112px;min-height:112px;padding:12px 18px 0;gap:16px;flex-wrap:wrap;align-content:flex-start}header .brand{font-size:22px;min-height:40px}.puzzle-logo{width:27px;height:27px}.header-search{margin-left:auto}.header-search>button{width:40px;height:40px;min-height:40px}.repository-shortcut{margin-left:-8px;width:36px;height:36px;min-width:36px}.repository-shortcut+.avatar{margin-left:-6px;width:32px;height:32px}header nav{order:5;display:flex;width:100%;justify-content:space-between;gap:18px;overflow:auto;min-height:52px;padding:0}header nav a{font-size:13px;padding:14px 0 17px;min-height:48px}header nav a.active:after{bottom:7px}.header-search form{width:min(340px,calc(100vw - 36px));right:-92px;top:48px}.header-search form input{font-size:13px}main{padding:28px 18px 42px}.page-heading,.feed-heading{gap:15px;margin-bottom:25px;align-items:flex-start}.page-heading h1,.feed-heading h1{font-size:24px}.page-heading p,.feed-heading span{font-size:12px;max-width:38ch}.page-heading>.primary-action{min-height:40px;font-size:12px;padding:9px 13px}.directory-tools,.feed-filters{flex-wrap:wrap;gap:10px;margin-bottom:22px}.directory-tools input,.feed-filters input{flex:1;min-width:150px;width:auto}.directory-tools select,.feed-filters select{min-width:115px;font-size:13px}.feed-filters span{width:100%;margin:0}.blank-panel{padding:35px 22px}.blank-panel h2{font-size:18px}.group-directory{grid-template-columns:1fr;gap:20px}.group-cover{height:195px}.group-tile-content{padding:22px}.group-tile p{min-height:0}.group-tile h2{font-size:20px}.group-heading{gap:15px;flex-wrap:wrap;margin-top:18px}.group-avatar{width:65px;height:65px;border-radius:10px}.group-heading>div{flex:1;min-width:180px}.group-heading h1{font-size:23px}.group-heading button{margin:0;width:100%}.group-page-layout{grid-template-columns:1fr;gap:26px}.group-about{order:2}.group-about dl{font-size:13px}.group-about p{font-size:13px}.group-post h2{font-size:18px}.editor-page h1{font-size:24px}.reading-page h1{font-size:24px}.reading-body{font-size:14px}.section-toolbar button{font-size:12px}.page-footnote{font-size:12px}.resource-list{grid-template-columns:1fr;gap:18px}.resource-card{padding:23px}.resource-switch{gap:23px}.resource-application label{font-size:14px}.tutorial-cover{width:84px;height:94px;font-size:16px;flex-shrink:0}.tutorial-row{gap:16px;padding:22px 0;align-items:flex-start}.tutorial-summary h2{font-size:16px;line-height:1.6;margin:7px 0}.tutorial-summary p{font-size:12px}.tutorial-meta{font-size:11px}.tutorial-open{display:none}.tutorial-layout{display:block;margin-top:22px}.tutorial-outline{display:none}.tutorial-article>h1{font-size:25px}.tutorial-article section h2{font-size:20px}.tutorial-article section p{font-size:14px}.tutorial-code pre{font-size:12px;padding:18px}.content{display:block}.side{display:none}.tabs{gap:22px}.tabs button{font-size:12px}.repo{padding:22px 0}.repo h3{font-size:15px;max-width:calc(100% - 80px)}.repo p{font-size:13px;max-width:100%}.star{right:0;top:22px;min-width:70px;padding:5px 9px}.repository-header h1{font-size:19px;overflow-wrap:anywhere}.repository-header p{font-size:13px}.repository-tabs{gap:24px;overflow:auto}.repository-tabs a{white-space:nowrap;font-size:12px}.file-toolbar{font-size:12px;padding:14px;gap:12px;flex-wrap:wrap}.file-toolbar button{font-size:12px}.file-list a{padding:14px;gap:12px}.file-list a span{overflow-wrap:anywhere}.file-list small{display:none}.readme,.thread{padding:22px 18px}.readme pre{font-size:13px}.profile-picture{width:65px;height:65px;font-size:25px}.profile-identity{gap:15px}.profile-identity h1{font-size:22px}.profile-masthead{gap:14px}.profile-masthead>.primary-action{font-size:12px;padding:9px 12px;min-height:40px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.profile-local-work{padding:18px;min-height:230px}.profile-local-work h2{font-size:18px}.work-title{font-size:13px}.work-author,.work-category{font-size:11px}.work-detail{display:block}.work-detail .work-art{height:300px}.work-detail aside{margin-top:25px}.work-detail h1{font-size:23px}.bottom{font-size:11px}.immersive-mode main{height:calc(100dvh - 112px);padding:0;min-height:0}.discovery-toolbar{height:42px;min-height:42px}.discovery-toolbar>#open-composer{position:absolute;top:4px;right:14px;min-height:32px;height:32px;padding:5px 12px;font-size:11px}.discovery-stage{width:100%;border-radius:0;display:flex;flex-direction:column}.discovery-item{padding:0;position:relative}.discovery-media{flex:1;min-height:0}.discovery-caption{padding:14px 72px 17px 18px;max-height:38%;background:#191e1b}.discovery-caption h2{font-size:14px;margin:8px 0 5px}.discovery-caption>p{font-size:12px;line-height:1.7;max-height:58px}.feed-author>a{font-size:12px}.feed-author button{min-height:30px;padding:4px 10px;font-size:11px}.feed-experience{min-height:40px;margin-top:10px;padding:9px 12px;font-size:12px}.feed-actions{right:8px;bottom:17px;gap:13px;position:absolute;z-index:2;padding:0}.feed-actions button{min-height:44px;min-width:44px;gap:4px}.feed-actions span{font-size:11px}.feed-actions svg{width:23px;height:23px}.feed-navigation{display:none}.feed-example{font-size:10px;top:12px;left:12px}.text-post{padding:28px 23px}.text-post h2{font-size:24px}.text-post p{font-size:14px;line-height:1.95}.carousel-controls{bottom:10px}.discovery-viewport{touch-action:pan-y}.feed-composer h1{font-size:24px}dialog{padding:22px;width:calc(100% - 32px)}.header-search>button svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.group-tile:hover img{transform:none}}
/* Search is an actual overlay, above the navigation and the feed action. */
.header-search{z-index:60}.header-search form{z-index:61;background:#232729}.header-search form input{background:#161b1c}.feed-heading>button{background:#e2e9dc;color:#182114;border-color:transparent;box-shadow:none}.feed-heading>button:hover{background:#f1f5ec}
/* Community entries stay compact as the directory grows. */
.group-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.group-tile{display:flex;align-items:center;gap:13px;padding:16px;border-radius:9px;min-height:98px}.group-cover{width:58px;height:58px;flex:0 0 58px;border-radius:9px}.group-cover img{object-position:85% 42%}.group-cover-letter{font-size:19px}.group-tile-content{padding:0;min-width:0;flex:1}.group-category{font-size:11px}.group-tile h2{font-size:15px;margin:2px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-tile p{display:none}.group-tile-bottom{margin-top:0;font-size:11px;gap:7px}.group-tile-bottom span:last-child{white-space:nowrap}.group-tile:hover img{transform:none}@media(max-width:1100px){.group-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.group-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.group-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.group-tile{padding:13px 11px;gap:9px;min-height:86px}.group-cover{width:40px;height:40px;flex-basis:40px;border-radius:7px}.group-tile h2{font-size:13px;margin:2px 0 4px}.group-category{font-size:10px}.group-tile-bottom{font-size:10px}.group-tile-bottom span:last-child{display:none}}