/* Shared form rhythm: text stays on the page, focus remains visible. */
#main form,#detail form{max-width:100%;min-width:0}
#main form label,#detail form label{line-height:1.65;letter-spacing:-.015em}
#main form input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),#detail form input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),#main form textarea,#detail form textarea,#main form select,#detail form select{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit;padding:10px 0!important;min-width:0;max-width:100%;font-family:inherit;line-height:1.65;letter-spacing:-.015em}
#main form :is(input,textarea,select):focus-visible,#detail form :is(input,textarea,select):focus-visible{outline:0;box-shadow:0 1px 0 #a6a6a6!important}
#main form :is(input,textarea,select):user-invalid,#detail form :is(input,textarea,select):user-invalid{box-shadow:0 1px 0 #cf9990!important}
#main form select,#detail form select{min-height:46px;padding-right:24px!important;color-scheme:dark}
#main form option,#detail form option{background:#141414;color:#eee}
#main form input::placeholder,#detail form input::placeholder,#main form textarea::placeholder,#detail form textarea::placeholder{color:#777;opacity:1}
#main form .actions,#detail form .actions{gap:12px;align-items:center;justify-content:flex-end}
#main form .actions>button,#detail form .actions>button{border:0!important;background:transparent!important;color:#aaa!important;min-height:44px;padding:8px 12px!important;font-size:13px}
#main form .actions>button[type=submit],#detail form .actions>button[type=submit],#main form .actions>button.primary,#detail form .actions>button.primary{color:#eee!important;font-weight:500}
#detail:not(:has(.member-detail)){border:0!important;border-radius:0;max-width:min(720px,96vw)}
#detail .close{border:0!important;background:transparent!important;box-shadow:none;min-width:44px;min-height:44px;line-height:1}
#detail-body>.panel{border:0;padding:14px 0;margin:0;border-bottom:1px solid #ffffff12}
#comment-form{display:flex;align-items:flex-end;gap:12px;margin-top:20px}#comment-form label{flex:1;min-width:0}#comment-form textarea{min-height:48px;height:48px;resize:vertical}#comment-form>button{border:0;background:none;white-space:nowrap}
#hero-form input[type=file]{border:0;padding:12px 0;background:none;font-size:12px;max-width:100%}#hero-form input[type=file]::file-selector-button{border:0;border-bottom:1px solid #777;background:transparent;color:#eee;padding:10px 4px;margin-right:12px;font:inherit;cursor:pointer;min-height:44px}
.content-visits{display:inline-block;color:#858585;font-size:11px;font-weight:400;letter-spacing:.015em;line-height:1.6;white-space:nowrap;font-variant-numeric:tabular-nums}
.story-visit-meta{margin:12px 0 0;min-height:18px}.member-detail-meta .content-visits{margin-left:auto}.member-detail-meta{flex-wrap:wrap;gap:10px!important}.community-post .content-visits{font-size:11px}
@media(max-width:600px){#main form :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select),#detail form :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){font-size:16px}#detail:not(:has(.member-detail)){width:100%;max-width:100%;padding:20px 16px;max-height:94dvh}#detail h2{overflow-wrap:anywhere;line-height:1.35}#main form .actions,#detail form .actions{gap:8px}.content-visits{font-size:11px}}
/* Compact stacked fields without double label margins. */
#main form>label,#detail form>label{margin:0;gap:4px}
#detail #quick-profile-form,#detail #career-form,#detail #profile-links-form{gap:16px}
#detail #quick-profile-form :is(input,textarea){color:#e1e1df;}
#detail #quick-profile-form textarea{min-height:86px;height:86px}
html:has(#detail[open]){overflow:hidden}#detail{overscroll-behavior:contain;scrollbar-width:thin}
#detail .content-composer .composer-title input{font-size:25px!important}
/* Site-wide visual language; the member profile and photo grid keep their layout. */
:root{--crew-text:#e7e7e4;--crew-muted:#999995;--crew-line:#ffffff1c;--crew-heading:clamp(28px,3.8vw,44px);--crew-space:clamp(20px,3vw,32px)}
:is(.archive-page,.artist-directory,.about-page,.board-page,.support-page,.approvals-page,.studio-page){padding-top:clamp(48px,7vw,84px)}
:is(.archive-heading h1,.artist-directory>h2,.about-page>.about-title,.board-page>h2,.community-heading h1,.support-heading h1,.support-page>h1,.approval-heading h1,.studio-page h1){font-family:inherit;font-size:var(--crew-heading);font-weight:400;line-height:1.35;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 24px;color:var(--crew-text)}
:is(.artist-directory,.board-page,.support-page,.approvals-page,.studio-page) .eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.6;color:var(--crew-muted);margin:0 0 12px}
:is(.archive-tabs,.community-nav,.board-page>.filters){display:flex;justify-content:flex-start;align-items:flex-end;gap:24px;border-bottom:1px solid var(--crew-line);padding:0;margin:28px 0;flex-wrap:wrap}
.board-page>.filters button,.archive-tabs a,.community-nav a{border:0!important;border-radius:0!important;border-bottom:1px solid transparent!important;background:transparent!important;color:var(--crew-muted);padding:10px 0 12px!important;min-height:44px;font-size:13px;line-height:1.5}
.board-page>.filters button[aria-pressed=true],.archive-tabs a[aria-current],.community-nav a[aria-current]{color:var(--crew-text)!important;border-bottom-color:var(--crew-text)!important;background:transparent!important}
:is(.story-admin-actions,.about-edit-actions,.board-reading-actions){display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:16px 0 24px}
:is(.story-admin-actions,.about-edit-actions,.board-reading-actions)>button,#edit-about-heading{border:0!important;background:transparent!important;padding:8px 0!important;min-height:44px;font-size:12px;color:#aaa}
.approval-card{padding:24px 0;border:0;border-bottom:1px solid var(--crew-line);border-radius:0;background:transparent}.approval-card.is-requested{border-color:#bca77d55}.approval-actions{gap:20px}.approval-actions button{flex:0 1 auto;border:0!important;background:transparent!important;padding:8px 4px;min-height:44px;color:#ddd!important}.approval-actions button:last-child{color:#aaa!important}
.studio-requests{border:0;border-block:1px solid #bca77d55;border-radius:0;background:transparent;padding:22px 0}.studio-requests strong{font-size:18px}.studio-requests small{line-height:1.7}
.board-reading{min-width:0}.board-reading h2{font-size:clamp(25px,3vw,36px);line-height:1.45;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.025em;margin:24px 0 12px}.board-reading-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--crew-muted);margin:0 0 28px}.board-reading .reading-copy{line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}.board-reading .board-comments-host{padding:0!important;margin-top:32px;max-height:none;overflow:visible}.board-reading .post-media{display:grid;gap:12px}.board-reading .post-media :is(img,video){display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain}.board-reading .member-comments{border-top:1px solid var(--crew-line);padding-top:24px}
.community-actions{gap:8px}.community-actions button{width:44px;height:44px;min-height:44px}.community-actions button:first-child{margin-left:-8px}.community-actions svg{width:23px;height:23px}
:is(button,a,summary):focus-visible{outline:1px solid #c9c9c5;outline-offset:4px}
:is(.empty,.member-empty,.comments-empty){line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:600px){:is(.archive-tabs,.community-nav,.board-page>.filters){gap:20px;margin:24px 0}.board-page>.filters button,.archive-tabs a,.community-nav a{font-size:12px}.approval-card{padding:20px 0}.approval-card dl>div{gap:12px}.story-admin-actions,.about-edit-actions{gap:16px}.board-reading .board-comments-host{margin-top:24px}}
.auth-page>h2{font-size:var(--crew-heading);font-weight:400;line-height:1.35;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 24px}.auth-page .auth-grid>.panel{border:0;padding:24px 0;border-top:1px solid var(--crew-line);border-radius:0}.auth-page .account-section{margin-top:32px}.auth-page #reset{border:0;background:none;padding-left:0;font-size:12px}.auth-page .auth-grid>div>.actions{gap:24px}.auth-page :is(#auth-login-mode,#auth-signup-mode){border:0;border-bottom:1px solid transparent;padding:10px 0;background:transparent;min-height:44px}.auth-page :is(#auth-login-mode,#auth-signup-mode)[aria-pressed=true]{border-bottom-color:#eee;color:#eee}
.drawer-app-tools{display:flex;align-items:center;gap:20px;margin:22px 0 6px;padding-top:18px;border-top:1px solid #ffffff1c}.drawer-app-tools a,.drawer-app-tools button{font-size:12px!important;color:#aaa;padding:8px 0!important;min-height:44px;border:0!important;background:transparent!important;letter-spacing:0}.footer-app-link{font-size:11px;white-space:nowrap}
.app-install-page{max-width:720px;padding-top:72px;padding-bottom:60px}.install-identity{display:flex;align-items:center;gap:22px;margin:24px 0}.install-identity img{width:72px;height:72px;flex:none;border-radius:16px}.install-identity h1{font-size:clamp(26px,4vw,38px);font-weight:400;letter-spacing:-.035em;line-height:1.35;margin:0 0 8px;word-break:keep-all}.install-identity p{color:#999;font-size:12px;margin:0}.app-install-page #install-state{font-size:14px;line-height:1.8;color:#bbb;min-height:25px}.install-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:16px 0 28px;border-bottom:1px solid #ffffff1c}.install-actions button,.install-actions a,#copy-app-link{border:0!important;background:transparent!important;color:#aaa;font-size:13px;min-height:44px;padding:8px 0!important}.install-actions #install-app{color:#eee;border-bottom:1px solid #ddd!important}.app-install-page section{margin-top:32px}.app-install-page h2{font-size:17px;font-weight:400;margin:0 0 18px}.app-install-page p,.app-install-page li{font-size:13px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere;color:#aaa}.app-install-page ol{padding-left:20px}.app-install-page li{padding:5px 0}.app-usage{border-top:1px solid #ffffff1c;padding-top:30px}#copy-app-status{font-size:12px;color:#bbb}#copy-app-status:empty{display:none}
@media(max-width:600px){.app-install-page{padding-top:48px}.install-identity{gap:16px}.install-identity img{width:60px;height:60px;border-radius:13px}.install-actions{gap:20px}.drawer-app-tools{gap:20px;flex-wrap:wrap}.footer-contact{flex-wrap:wrap}}

.push-settings-prominent{margin:24px 0 30px!important;padding:22px 0!important;border:0!important;border-bottom:1px solid #ffffff20!important;background:transparent!important}.push-settings-prominent h3{font-size:17px;font-weight:500;margin:0 0 10px}.push-settings-prominent p{font-size:13px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;color:#aaa}.push-settings-prominent .button{min-height:44px;background:transparent!important;border:0!important;border-bottom:1px solid #ffffff60!important;padding:10px 0!important;color:#eee}.push-settings-prominent #push-environment{font-size:11px;color:#777}.drawer-app-tools{flex-wrap:wrap;column-gap:20px;row-gap:4px}

/* App guide: quiet editorial hierarchy, shared touch targets, no card borders. */
.app-install-page{max-width:760px;padding-top:64px}.app-install-page .eyebrow{font-size:10px;letter-spacing:.18em;color:#777;margin:0 0 22px}.install-identity{gap:18px;margin:0 0 22px}.install-identity img{width:56px;height:56px;border-radius:12px}.install-identity h1{font-size:clamp(25px,3.5vw,34px);margin-bottom:5px}.app-install-page .install-identity p{margin:0;font-size:12px}.app-install-page #install-state{margin:0;color:#aaa;font-size:13px}.install-actions{padding:12px 0 26px;gap:28px}.app-install-page section.guide-section,.app-install-page .guide-notifications{margin:0!important;padding:30px 0!important;border:0!important;border-bottom:1px solid #ffffff18!important;background:none!important}.app-install-page h2,.app-install-page h3{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.02em;margin:0 0 12px}.app-install-page .guide-caption{margin:-4px 0 20px;font-size:12px;color:#777}.app-install-page ol{list-style:none;counter-reset:guide-step;padding:0;margin:18px 0 12px}.app-install-page li{counter-increment:guide-step;display:grid;grid-template-columns:24px 1fr;gap:12px;padding:10px 0;line-height:1.85}.app-install-page li:before{content:counter(guide-step,decimal-leading-zero);font-size:10px;color:#777;padding-top:3px;font-variant-numeric:tabular-nums}.app-install-page #copy-app-link{font-size:12px;color:#ccc;text-decoration:underline;text-underline-offset:5px}.app-install-page #push-help{margin:14px 0 4px;font-size:12px}.app-install-page #push-environment{margin:0;font-size:11px}.guide-tips{margin:0}.guide-tips>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:12px 0}.guide-tips dt{font-size:12px;color:#ddd;line-height:1.9}.guide-tips dd{font-size:13px;color:#999;line-height:1.9;margin:0;word-break:keep-all;overflow-wrap:anywhere}.app-install-page .app-usage{border-bottom:0!important}.app-install-page button:focus-visible,.app-install-page a:focus-visible{outline:1px solid #aaa;outline-offset:5px}
@media(max-width:600px){.app-install-page{padding-top:38px;padding-left:24px;padding-right:24px}.app-install-page .eyebrow{margin-bottom:18px}.install-identity{gap:14px}.install-identity img{width:48px;height:48px;border-radius:10px}.app-install-page section.guide-section,.app-install-page .guide-notifications{padding:25px 0!important}.guide-tips>div{grid-template-columns:1fr;gap:4px;padding:11px 0}.app-install-page li{gap:9px}.app-install-page p{line-height:1.85}}
