html:not([data-theme]) body { margin: 0; background: #22272a; color: #f5f0e8; font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html:not([data-theme]) a { color: inherit; }
html:not([data-theme]) .project-kicker { color: #f39a8d; }
.project-skip-link { position: fixed; left: 16px; top: 12px; z-index: 100; padding: 10px 16px; color: #22272a !important; background: #f5f0e8; border-radius: 8px; transform: translateY(-160%); }
.project-skip-link:focus { transform: translateY(0); }
html:not([data-theme]) a:focus-visible, html:not([data-theme]) summary:focus-visible { outline: 2px solid #f39a8d; outline-offset: 3px; }
.project-list-page { position: relative; max-width: 1240px; margin: 0 auto; padding: 72px 32px 110px; min-height: 60vh; }
.project-intro { max-width: 750px; margin-bottom: 54px; }
.project-kicker { color: #c83832; font: 12px/1.4 ui-monospace, SFMono-Regular, monospace; letter-spacing: .16em; text-transform: uppercase; }
.project-intro h1 { margin: 14px 0; font-size: clamp(38px, 5vw, 68px); line-height: 1.1; letter-spacing: -.05em; }
.project-intro > p:not(.project-kicker) { color: var(--muted, #b9bbb9); line-height: 1.85; }
.project-cta { display: inline-flex; margin-top: 20px; padding: 12px 20px; color: white !important; background: #c83832; border-radius: 8px; text-decoration: none; font-weight: 650; }
.project-toolbar { display: flex; align-items: center; gap: 14px; margin: 0 0 28px; color: var(--muted, #b9bbb9); }
.project-toolbar select { min-width: 230px; padding: 10px 14px; color: var(--fg, #f5f0e8); background: var(--bg, #22272a); border: 1px solid var(--stroke, #5d6263); border-radius: 8px; }
.project-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 22px; }
.project-card { display: block; overflow: hidden; text-decoration: none; color: var(--fg, #f5f0e8); background: var(--glass-soft, #2b3032); border: 1px solid var(--stroke, #494f50); border-radius: 16px; transition: transform .18s, border-color .18s; }
.project-card:hover { transform: translateY(-3px); border-color: #c83832; }
.project-card img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; background: #343a3b; }
.project-card > div { padding: 22px; }
.project-card small { color: #c83832; font: 12px ui-monospace, SFMono-Regular, monospace; }
.project-card h2 { margin: 11px 0 8px; font-size: 24px; line-height: 1.3; }
.project-card p { margin: 0 0 22px; color: var(--muted, #b9bbb9); line-height: 1.7; }
.project-card span { font-weight: 650; }
.project-empty { padding: 44px; border: 1px dashed var(--stroke, #5d6263); border-radius: 14px; color: var(--muted, #b9bbb9); text-align: center; }
.project-pagination { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 30px; }
.project-pagination button { padding: 10px 14px; color: var(--fg, #f5f0e8); background: var(--glass, #303637); border: 1px solid var(--stroke, #5d6263); border-radius: 7px; }
.project-pagination button:disabled { opacity: .4; }
.project-connect-page .token-panel { max-width: 660px; }
.project-connect-page input { margin: 12px 0 20px; font: 20px ui-monospace, SFMono-Regular, monospace !important; letter-spacing: .15em; }
.project-connect-page li { margin-bottom: 8px; }
.project-install-prompt { white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.7 ui-monospace, SFMono-Regular, monospace; padding: 14px; background: var(--bg, #22272a); border: 1px solid var(--stroke, #5d6263); border-radius: 8px; }
.project-account-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr)); gap: 20px; margin: 32px 0; }
.project-account-list { list-style: none; padding: 0; margin: 20px 0 0; }
.project-account-list li { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid var(--stroke, #5d6263); padding: 14px 0; }
.project-account-list li > div:first-child { display: grid; gap: 5px; min-width: 0; }
.project-account-list small { color: var(--muted-foreground, var(--muted, #b9bbb9)); }
.project-account-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.project-admin-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.project-admin-list .token-panel { min-width: 0; }
.project-admin-list .token-card-heading { align-items: flex-start; }
.project-admin-list .token-status { flex: none; }
.project-admin-detail { margin: 24px 0; }
.project-revision { display: grid; grid-template-columns: 170px 1fr; gap: 18px; padding: 20px 0; border-top: 1px solid var(--stroke, #5d6263); }
.project-revision h3, .project-revision details, .project-revision > p { grid-column: 1 / -1; }
.project-revision img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }
.project-revision p { margin: 6px 0; color: var(--muted-foreground, var(--muted, #b9bbb9)); }
.project-revision pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 260px; overflow: auto; padding: 14px; background: var(--bg, #22272a); border-radius: 8px; }
.project-review-note { display: grid; gap: 8px; margin-top: 16px; }
.project-review-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 24px; }
.project-withdraw-review, .project-admin-edit { margin-top: 24px; border-top: 1px solid var(--stroke, #5d6263); padding-top: 18px; }
.project-admin-edit > summary { cursor: pointer; font-weight: 650; }
.project-site-header, .project-site-footer { max-width: 1200px; margin: 0 auto; padding: 22px 32px; }
.project-site-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #ffffff27; }
.project-site-header nav { display: flex; gap: 22px; flex-wrap: wrap; font-size: 14px; }
.project-site-header a { text-decoration: none; }
.project-site-header nav { align-items: center; gap: 12px; }
.project-site-header nav > a, .project-resources > summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; border-radius: 8px; }
.project-site-header nav > a[aria-current] { background: #ffffff12; font-weight: 650; }
.project-resources { position: relative; }
.project-resources > summary { display: list-item; list-style-position: inside; line-height: 44px; cursor: pointer; }
.project-resources > div { position: absolute; right: 0; top: calc(100% + 10px); z-index: 10; width: 250px; max-width: calc(100vw - 40px); padding: 16px; background: #22272a; border: 1px solid #ffffff27; border-radius: 12px; box-shadow: 0 16px 48px #0003; }
.project-resources section + section { margin-top: 12px; padding-top: 12px; border-top: 1px solid #ffffff27; }
.project-resources h2 { margin: 0 0 6px; color: #aeb3b1; font-size: 11px; font-weight: 500; }
.project-resources section a { display: flex; align-items: center; min-height: 44px; padding: 8px; border-radius: 6px; }
.project-resources section a:hover { background: #ffffff12; }
.project-site-header a:focus-visible, .project-resources summary:focus-visible { outline: 2px solid #c83832; outline-offset: 3px; }
.project-brand { font-size: 22px; font-weight: 800; letter-spacing: -.05em; }
.project-brand span { color: #c83832; }
.project-site-footer { border-top: 1px solid #ffffff27; color: #aeb3b1; font-size: 13px; }
.project-detail { max-width: 900px; margin: 0 auto; padding: 65px 32px 100px; }
.project-detail h1 { font-size: clamp(36px, 5vw, 62px); line-height: 1.12; letter-spacing: -.04em; margin: 18px 0; }
.project-lead { max-width: 720px; font-size: 19px; line-height: 1.8; color: #c8cdca; }
.project-cover { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; margin: 42px 0; border-radius: 14px; background: #343a3b; }
.project-private-label { display: inline-block; padding: 5px 10px; background: #c8383233; border: 1px solid #c83832; border-radius: 6px; font-size: 13px; }
.project-markdown { max-width: 760px; overflow-wrap: anywhere; line-height: 1.9; }
.project-markdown h2, .project-markdown h3, .project-markdown h4 { margin: 42px 0 12px; line-height: 1.3; }
.project-markdown h2 { font-size: 30px; }.project-markdown h3 { font-size: 24px; }.project-markdown h4 { font-size: 19px; }
.project-markdown p, .project-markdown li { color: #d5d9d5; }
.project-markdown a { color: #f39a8d; text-underline-offset: 3px; }
.project-markdown blockquote { margin: 22px 0; padding: 6px 22px; border-left: 3px solid #c83832; color: #c8cdca; }
.project-markdown pre { overflow-x: auto; padding: 18px; background: #171b1d; border-radius: 9px; }
.project-markdown code { font: .9em/1.6 ui-monospace, SFMono-Regular, monospace; }
.project-back { display: inline-block; margin-top: 48px; color: #f39a8d !important; }
@media (max-width: 640px) { .project-list-page, .project-detail { padding: 48px 20px 80px; }.project-toolbar { align-items: stretch; flex-direction: column; }.project-site-header { align-items: flex-start; flex-direction: column; }.project-revision { grid-template-columns: 1fr; }.project-revision img { max-width: 260px; }.project-account-list li { align-items: flex-start; flex-direction: column; } }
.project-submit-panel { max-width: 850px; }
.project-submit-cover { display: block; width: min(100%, 400px); aspect-ratio: 16/9; object-fit: cover; border-radius: 10px; margin: 0 0 24px; }
.project-submit-preview { border-top: 1px solid var(--stroke); border-bottom: 1px solid var(--stroke); padding: 18px 0; margin-bottom: 24px; }
.project-submit-preview > summary { cursor: pointer; font-weight: 650; }
html[data-theme] .project-submit-preview .project-markdown p, html[data-theme] .project-submit-preview .project-markdown li { color: var(--fg); }
html[data-theme] .project-submit-preview .project-markdown a { color: var(--accent); }
html[data-theme] .project-submit-preview .project-markdown pre { background: var(--bg); }
.project-submit-methods { align-items: center; gap: 12px; }
.token-page .project-submit-methods > :is(a, span) { display: inline-flex; align-items: center; min-height: 44px; padding: 11px 16px; border: 1px solid transparent; border-radius: 8px; font-size: 13px; background: transparent; color: var(--muted); }
.token-page .project-submit-methods > .is-selected { background: var(--glass); color: var(--fg); border-color: var(--stroke); }
.token-page .project-submit-methods > a:hover { background: var(--glass); color: var(--fg); }

/* Creator pages are rendered by the Worker and share project-page typography. */
.project-byline { color: var(--muted, #b9bbb9); font-size: 14px; margin: 0 0 24px; }
.creator-card { padding: 28px; margin: 36px 0; border: 1px solid var(--stroke, #494f50); background: var(--glass-soft, #2b3032); border-radius: 14px; overflow-wrap: anywhere; }
.creator-identity { display: flex; gap: 20px; align-items: center; }
.creator-avatar { display: grid; place-items: center; width: 56px; height: 56px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--stroke, #494f50); font-size: 24px; }
.creator-identity h1, .creator-identity h2 { margin: 8px 0; font-size: 25px; }
.creator-identity h2 a { text-decoration: none; }
.creator-identity p { margin: 6px 0; }
.creator-bio { white-space: pre-wrap; line-height: 1.9; }
.creator-socials, .creator-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.creator-social { display: inline-flex; padding: 10px 16px; border: 1px solid var(--stroke, #494f50); border-radius: 8px; text-decoration: none; }
.creator-social.is-primary { background: #c83832; color: #fff; border-color: #c83832; }
.creator-tags > span { padding: 4px 10px; border: 1px solid var(--stroke, #494f50); border-radius: 20px; font-size: 12px; }
.creator-page > h1 { margin-bottom: 16px; }
.creator-projects { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.creator-project { display: block; overflow: hidden; border-radius: 12px; border: 1px solid var(--stroke, #494f50); text-decoration: none; }
.creator-project img { width: 100%; display: block; aspect-ratio: 16/9; object-fit: cover; }
.creator-project > div { padding: 20px; }
.creator-project h3 { margin: 8px 0; font-size: 22px; }
.creator-project p { color: var(--muted, #b9bbb9); font-size: 14px; }
.creator-project small { color: #c83832; }
.creator-pagination { display: flex; gap: 24px; align-items: center; justify-content: center; margin-top: 32px; }
.creator-submission-prompt { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--stroke, #494f50); }
.creator-submission-prompt p { font-size: 14px; line-height: 1.8; color: var(--muted, #b9bbb9); }
.creator-card a:focus-visible, .creator-project:focus-visible, .showcase-author a:focus-visible { outline: 2px solid #c83832; outline-offset: 4px; }
@media (max-width: 600px) { .creator-card { padding: 20px 16px; } .creator-projects { grid-template-columns: 1fr; } .creator-identity { gap: 12px; } }