/* Layout and motion tokens shared by the homepage, gallery, and account surfaces. */
:root{color-scheme:dark;--page:#17191b;--surface:#24282b;--text:#f1f2ef;--muted:#a4aaa9;--line:#373c3e;--accent:#72c6bc;--amb-albedo:#42494c;--amb-key-light-intensity:.7;--amb-fill-light-intensity:.8;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button svg,a svg,summary svg{height:20px;width:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h2{font-size:25px;font-weight:550;letter-spacing:-.6px;line-height:1.3}h3{font-size:18px;font-weight:550}p{line-height:1.6}.muted{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:12px;padding:12px;background:var(--page);transform:translateY(-150%);z-index:10}.skip-link:focus{transform:none}
.hero{height:58svh;min-height:340px;max-height:720px;position:relative;isolation:isolate;overflow:hidden;background:#41483b}.slides,.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slides{overflow:hidden}.slide{opacity:0;transition:opacity 2s ease;transform:scale(1.08);object-position:center 45%;will-change:transform,opacity}.slide.active{opacity:1}.slide.moving{animation:drift 14s linear both}.slide:nth-child(2).moving{animation-name:drift-other}.hero.paused .slide{animation-play-state:paused}.brand{position:absolute;top:24px;left:32px;z-index:2}.brand img{width:174px;height:auto;display:block;filter:drop-shadow(0 3px 6px #0008)}.artist-credit{position:absolute;right:36px;top:28px;text-align:right;display:grid;gap:1px;text-shadow:0 1px 8px #000b}.artist-credit span:first-child{font-size:11px;letter-spacing:.08em;opacity:.75}.artist-credit span:last-child{font-size:14px}.placeholder-label{position:absolute;inset:50% 20px auto;text-align:center;font-size:14px;color:#fff;text-shadow:0 1px 8px #000b;pointer-events:none}.slideshow-controls{position:absolute;bottom:20px;left:32px;right:32px;display:flex;align-items:center;justify-content:center}.slide-dots{display:flex;gap:0}.slide-dots button{width:30px;height:30px;border:0;background:none;position:relative}.slide-dots button:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff6}.slide-dots button[aria-pressed=true]:before{background:#fff}.icon-button{border:1px solid #fff3;border-radius:50%;width:36px;height:36px;display:inline-grid;place-items:center;background:#17191b66;color:white;padding:0}.slideshow-controls>#pause{position:absolute;right:0;bottom:0}.main-actions{position:relative;display:flex;justify-content:center;gap:14px;padding:38px 20px 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border:1px solid #fff1;border-radius:9px;background:var(--surface);color:var(--text);font-size:14px;font-weight:550;line-height:1.4;min-height:46px;box-shadow:inset 0 1px 0 #fff1,0 3px 8px #0002;transition:filter .15s,transform .15s}.button:hover{filter:brightness(1.13)}.button:active{transform:translateY(1px)}.button.primary{background:#337f78;--amb-albedo:#43988e;color:#fff}.main-actions>.button{min-width:212px;min-height:52px;font-size:16px}.main-actions:has(#account-menu:not([hidden])){display:grid;grid-template-columns:repeat(2,minmax(0,212px)) auto}.small{min-height:38px;padding:8px 14px;font-size:12px}.quiet{padding:8px 0;border:0;background:transparent;color:var(--muted);text-align:left}.quiet:hover{color:var(--text)}.danger{color:#f4a69e;border-color:#ac655c55}.gallery{padding:0 32px;max-width:2100px;margin:auto;outline:none}.gallery-toolbar{display:flex;align-items:center;gap:16px;justify-content:space-between;min-height:56px;margin-bottom:12px}.gallery-toolbar nav{display:flex;gap:22px}.gallery-toolbar nav button{padding:12px 5px;border:0;border-bottom:2px solid transparent;background:none;font-size:14px;color:var(--muted)}.gallery-toolbar nav button[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}#feed-note{font-size:12px;margin-left:auto}.art-grid{columns:4;column-gap:6px}.art-tile{position:relative;margin:0 0 6px;break-inside:avoid;overflow:hidden;border-radius:4px;background:#272e30}.artwork-link{display:block;line-height:0}.art-tile img{display:block;width:100%;height:auto;min-height:140px;max-height:580px;object-fit:cover;transition:transform .5s ease}.art-tile:hover img{transform:scale(1.02)}.tile-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:38px 15px 12px;background:linear-gradient(transparent,#0009);opacity:0;transition:opacity .2s;pointer-events:none}.art-tile:hover .tile-overlay,.art-tile:has(:focus-visible) .tile-overlay{opacity:1}.tile-overlay a,.tile-overlay button{pointer-events:auto}.tile-overlay a{font-size:13px;text-shadow:0 1px 3px #0008}.star{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:6px;background:none;border:none;color:#fff;font-size:13px}.star[aria-pressed=true]{color:#f0cf85}.star[aria-pressed=true] svg{fill:currentColor}.tile-demo{position:absolute;top:10px;left:12px;color:#fff9;font-size:10px;letter-spacing:.04em;pointer-events:none}.load-more{display:flex;margin:30px auto}.empty{padding:70px 20px;text-align:center;max-width:600px;margin:auto;color:var(--muted)}.empty h2{color:var(--text)}.empty a{color:var(--accent)}.toast{position:fixed;inset:auto;margin:0;color:var(--text);bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:13px 20px;border-radius:10px;background:#303a3a;border:1px solid #ffffff20;box-shadow:0 10px 30px #0006;z-index:20;text-align:center}
dialog{padding:0;border:1px solid var(--line);border-radius:14px;background:var(--page);color:var(--text);box-shadow:0 20px 100px #0008;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}dialog::backdrop{background:#060809d9;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:14px;top:14px;z-index:3;background:#17191bbb}.art-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:480px}#art-dialog{width:min(1200px,calc(100vw - 64px));overflow:auto}#art-stage{background:#111315;display:flex;align-items:center;justify-content:center;min-width:0}#art-stage img{display:block;max-width:100%;max-height:calc(100dvh - 66px);object-fit:contain}#art-info{padding:65px 28px 28px;display:flex;flex-direction:column;align-items:stretch;gap:14px}#art-info p{font-size:14px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 16px}#art-info h2{margin:0;overflow-wrap:anywhere}.artist-link{display:flex;gap:12px;align-items:center}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#5a7067;font-size:16px;color:#f1f2ef}.artist-link strong{display:block;font-size:13px;font-weight:550}.artist-link small{font-size:12px;color:var(--muted)}.art-actions{display:grid;gap:10px;margin-top:auto}.post-stats{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.post-stats .star{padding-left:0;justify-content:flex-start}.post-management{display:flex;gap:20px}#auth-dialog{width:540px;height:min(850px,calc(100dvh - 32px));overflow:hidden}#account-frame{border:0;display:block;width:100%;height:100%;background:var(--page)}#auth-dialog.account-wide{width:760px}#edit-dialog,#profile-dialog,#remove-dialog{width:500px;padding:32px}dialog form{display:grid;gap:9px}dialog form h2{margin:0 35px 6px 0}dialog form>p{font-size:13px;margin:0 0 12px}label{font-size:13px;margin-top:8px}label .muted{font-size:12px;float:right}input,textarea,select{width:100%;color:var(--text);background:#1e2224;border:1px solid #444b4e;border-radius:6px;padding:12px;outline:none;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #72c6bc22}textarea{resize:vertical}input[type=file]{font-size:12px}input::file-selector-button{border:0;border-radius:4px;background:#384542;color:var(--text);padding:7px;margin-right:10px}#post-preview{width:auto;max-width:100%;max-height:190px;object-fit:contain;justify-self:center;border-radius:4px}.form-error{color:#f4a69e!important;min-height:0;white-space:pre-wrap}.form-error:empty{display:none}.dialog-actions{display:flex;gap:12px}.profile{max-width:1000px;margin:10px auto 34px;padding:0 32px;display:flex;align-items:center;gap:22px}.profile .avatar{height:78px;width:78px;font-size:25px}.profile h2{margin-bottom:2px}.profile p{color:var(--muted);font-size:14px;max-width:560px;margin:10px 0 0;overflow-wrap:anywhere}.profile small{color:var(--muted)}.profile-content{flex:1;min-width:0}.profile-actions{display:flex;gap:10px}.profile-page .hero{height:144px;min-height:0;background:var(--page)}.profile-page .slides,.profile-page .artist-credit,.profile-page .placeholder-label,.profile-page .slideshow-controls{display:none}.profile-page .brand img{width:138px}.profile-page .main-actions{padding-top:0}.profile-page .gallery-toolbar nav{display:none}#account-menu{align-self:stretch;position:relative;aspect-ratio:1;height:100%}#account-menu summary{width:100%;height:100%;list-style:none;background:var(--surface);border-color:var(--line);cursor:pointer}#account-menu summary::-webkit-details-marker{display:none}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:5;width:200px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 10px 40px #0005}.account-menu button{display:block;width:100%;text-align:left;padding:12px;border:0;border-radius:5px;background:none;font-size:13px}.account-menu button:hover{background:#ffffff0b}
@keyframes drift{from{transform:scale(1.08) translate(-1%,1%)}to{transform:scale(1.17) translate(1%,-1%)}}@keyframes drift-other{from{transform:scale(1.16) translate(1%,-1%)}to{transform:scale(1.07) translate(-1%,1%)}}
@media(min-width:1800px){.art-grid{columns:5}}@media(max-width:1100px){.art-grid{columns:3}.brand{left:24px;top:22px}.gallery{padding:0 24px}#art-dialog{width:calc(100vw - 32px)}.art-dialog-layout{grid-template-columns:minmax(0,1fr) 250px}#art-info{padding:58px 20px 22px}}
@media(max-width:650px){body{font-size:14px}.hero{height:43svh;min-height:270px;max-height:480px}.brand{top:18px;left:16px}.brand img{width:114px}.artist-credit{top:24px;right:18px}.artist-credit span:last-child{font-size:12px}.placeholder-label{font-size:12px;inset:auto 16px 43px;text-align:left;max-width:240px}.slideshow-controls{left:12px;right:16px;bottom:12px}.main-actions{padding:22px 16px 18px;gap:10px}.main-actions:has(#account-menu:not([hidden])){grid-template-columns:repeat(2,minmax(0,220px)) auto}.main-actions>.button{min-width:0;flex:1;max-width:220px;min-height:47px;font-size:13px;padding:12px}.gallery{padding:0 12px}.gallery-toolbar{min-height:48px;gap:8px;margin-bottom:10px}.gallery-toolbar nav{gap:18px}.gallery-toolbar nav button{font-size:13px}.art-grid{columns:2;column-gap:4px}.art-tile{margin-bottom:4px;border-radius:3px}.art-tile img{min-height:115px;max-height:350px}.tile-overlay{opacity:1;padding:32px 8px 5px}.tile-overlay a{font-size:11px;max-width:calc(100% - 42px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.star{gap:4px;padding:4px;font-size:11px}.star svg{height:17px;width:17px}.tile-demo{top:7px;left:8px;font-size:9px}#feed-note{font-size:10px}dialog{max-width:100vw;max-height:100dvh;border-radius:12px}#art-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0}.art-dialog-layout{display:flex;flex-direction:column;min-height:100%}#art-stage{min-height:240px;padding-top:36px}#art-stage img{max-height:62svh;width:auto;max-width:100%}#art-info{padding:24px;gap:12px}.art-actions{grid-template-columns:1fr 1fr;margin-top:12px}.art-actions>.button{font-size:12px;padding:11px}.post-stats .star{font-size:14px}#auth-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}#edit-dialog,#profile-dialog,#remove-dialog{width:calc(100vw - 20px);padding:28px 20px}.profile{padding:0 16px;gap:14px;flex-wrap:wrap}.profile .avatar{width:56px;height:56px;font-size:19px}.profile h2{font-size:23px}.profile-actions{width:100%;padding-left:70px}.profile-page .hero{height:120px}.profile-page .brand img{width:114px}.profile-page #feed-note{margin-left:0}.dialog-actions{flex-direction:column}}
@media(hover:none){.tile-overlay{opacity:1}}@media(max-width:340px){.art-grid{columns:1}.gallery-toolbar nav{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.slide{transform:none}}
/* Prompt lists retain their artwork, readable text and a shared gallery. */
.community-nav{display:flex;justify-content:center;gap:32px;margin:0 0 24px;font-size:15px}.community-nav a{padding:10px 4px;border-bottom:2px solid transparent}.prompts-page #prompts-entry{border-color:var(--accent)}.prompts-page .hero{height:144px;min-height:0;background:var(--page)}.prompts-page .slides,.prompts-page .artist-credit,.prompts-page .placeholder-label,.prompts-page .slideshow-controls{display:none}.prompts-page .brand img{width:138px}.prompts-page .main-actions{padding-top:0}.prompts-hub{max-width:1400px;margin:auto;padding:0 32px 32px}.prompt-eyebrow{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:600}.prompt-index-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0}.prompt-index-heading h1{font-size:clamp(30px,4vw,48px);margin:8px 0 14px}.prompt-index-heading p{max-width:600px;line-height:1.6}.prompt-tabs{display:flex;gap:10px;margin:10px 0 26px}.prompt-tabs [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.prompt-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.prompt-list-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.prompt-list-card>a{display:block}.prompt-card-copy{padding:22px}.prompt-card-copy h2{font-size:21px;overflow-wrap:anywhere}.prompt-card-copy p,.prompt-card-copy small{color:var(--muted);font-size:13px}.prompt-card-status{margin-top:18px!important;color:var(--accent)!important}.prompt-poster{aspect-ratio:4/5;background:#e9e1ca;color:#414b3d;padding:9% 10% 7%;display:flex;flex-direction:column;align-items:stretch;border:10px solid #637b6c;outline:1px solid #abb099;outline-offset:-19px;box-shadow:inset 0 0 70px #78643712;overflow:hidden;position:relative}.prompt-poster:before,.prompt-poster:after{content:'✦';position:absolute;color:#637b6c;font-size:30px;top:22px}.prompt-poster:before{left:25px}.prompt-poster:after{right:25px}.prompt-poster .prompt-eyebrow{text-align:center;color:#637b6c;font-size:clamp(8px,.8vw,11px);letter-spacing:.1em}.prompt-poster h3{font-family:Georgia,serif;text-align:center;font-weight:400;font-size:clamp(20px,3vw,42px);line-height:1.1;margin:18px 0 28px;overflow-wrap:anywhere}.prompt-poster ol{padding-left:24px;margin:0;columns:2;column-gap:30px;font-family:Georgia,serif;line-height:1.7;font-size:clamp(10px,1.3vw,18px);flex:1}.prompt-poster li{break-inside:avoid;overflow-wrap:anywhere}.prompt-poster-footer{font-size:10px;text-align:center;letter-spacing:.06em;margin-top:14px}.prompt-poster.compact h3{font-size:26px;margin:14px 0 20px}.prompt-poster.compact ol{font-size:12px;line-height:1.5}.prompt-poster-image{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#282e2b}.prompt-list-card .prompt-poster-image{aspect-ratio:4/5;object-fit:cover}.prompt-detail-head{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:clamp(24px,5vw,76px);align-items:center;margin:24px 0 42px}.prompt-poster-wrap{max-width:470px;width:100%}.prompt-intro h1{font-family:Georgia,serif;font-size:clamp(30px,4.3vw,58px);font-weight:400;line-height:1.08;overflow-wrap:anywhere;margin:14px 0 18px}.prompt-host{font-size:14px;color:var(--accent)}.prompt-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:var(--muted);margin:24px 0}.prompt-status{font-size:14px;line-height:1.6}.prompt-actions{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.prompt-progress{font-size:13px;color:var(--accent)}#prompt-entries{border-block:1px solid var(--line);padding:20px 0}#prompt-entries>summary{font-size:18px;cursor:pointer;padding:8px 0;min-height:44px}.prompt-entry-list{list-style:none;padding:0;margin:16px 0}.prompt-entry-list>li{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:16px 10px}.prompt-entry-list>li.selected{background:#72c6bc0e}.prompt-entry-list strong{font-weight:500;overflow-wrap:anywhere}.prompt-entry-list small{display:block;color:var(--muted);margin-top:6px}.prompt-row-actions{display:flex;gap:8px;flex-shrink:0}.prompt-gallery-toolbar{display:flex;align-items:center;gap:14px;padding:30px 0 18px}.prompt-gallery-toolbar h2{font-size:24px;margin:0 auto 0 0}.prompt-gallery-toolbar select{width:auto;max-width:300px}.prompt-submissions .art-grid{columns:3}.prompt-remove{padding:10px;width:100%;text-align:center;background:var(--surface)}.prompt-loading{padding:60px 20px;text-align:center;color:var(--muted)}.prompt-badge{display:grid;gap:8px;border-left:2px solid var(--accent);padding:8px 12px}.prompt-badge a{color:var(--accent);font-size:13px;line-height:1.5}.prompt-corrections{padding:14px 0;color:var(--muted);font-size:13px}#prompt-editor{width:880px;padding:32px;max-height:calc(100dvh - 32px)}#prompt-form{gap:18px}#prompt-form input,#prompt-form textarea,#prompt-form select{font-size:16px;min-height:48px}#prompt-form fieldset{border:1px solid var(--line);border-radius:8px;padding:18px;margin:20px 0}#prompt-form legend{padding:0 8px;font-size:15px}.prompt-steps{display:flex;border-bottom:1px solid var(--line);gap:22px}.prompt-steps button{border:0;border-bottom:2px solid transparent;background:transparent;padding:14px 2px;font-size:14px;color:var(--muted)}.prompt-steps button[aria-current=step]{border-color:var(--accent);color:var(--text)}.prompt-field{display:grid;gap:7px;margin-bottom:15px}.prompt-field small{color:var(--muted);font-size:12px}.prompt-field label{margin:8px 0 0}.prompt-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 55px;gap:12px;align-items:center}.prompt-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-bulk summary{padding:10px 0;cursor:pointer;font-size:14px}.prompt-bulk label{display:block;margin:15px 0 7px}.prompt-bulk button{margin:10px 0}.prompt-check{display:flex;gap:12px;align-items:center;font-size:14px}.prompt-check input{width:20px;min-height:20px!important;flex-shrink:0;accent-color:var(--accent)}.prompt-poster-step:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.prompt-poster-step p{font-size:14px;line-height:1.7}.prompt-poster-step .prompt-poster h3{font-size:26px}.prompt-poster-step .prompt-poster ol{font-size:12px}.prompt-form-actions{display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid var(--line)}.prompt-form-actions>span{flex:1}.prompt-form-actions button{padding:12px 18px}#post-prompt-note{font-size:12px;line-height:1.5}[hidden]{display:none!important}.community-nav a:focus-visible,.prompts-hub a:focus-visible,.prompts-hub button:focus-visible,#prompt-form button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.prompt-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-detail-head{gap:28px}.prompt-row-actions{flex-wrap:wrap;justify-content:flex-end}.prompt-submissions .art-grid{columns:2}}
@media(max-width:650px){.prompts-hub{padding:0 16px 24px}.prompts-page .hero{height:120px}.prompt-index-heading{display:block;padding:8px 0}.prompt-index-heading>.button{margin:8px 0 18px}.prompt-list-grid{grid-template-columns:1fr;gap:20px;max-width:430px;margin:auto}.prompt-list-card .prompt-poster{max-height:400px;aspect-ratio:auto;min-height:300px}.prompt-list-card .prompt-poster ol{font-size:13px}.prompt-detail-head{grid-template-columns:1fr;gap:22px;margin-top:20px}.prompt-poster-wrap{max-width:310px;margin:auto}.prompt-poster ol{font-size:12px}.prompt-poster h3{font-size:28px}.prompt-intro h1{font-size:36px}.prompt-entry-list>li{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 0}.prompt-row-actions{justify-content:flex-start}.prompt-gallery-toolbar{flex-wrap:wrap}.prompt-gallery-toolbar h2{width:100%;font-size:22px}.prompt-gallery-toolbar select{flex:1;min-width:0;max-width:none}.prompt-gallery-toolbar .button{padding:10px}.prompt-submissions .art-grid{columns:2}.prompt-actions .button{font-size:14px;min-height:48px;padding:12px 16px}#prompt-editor{width:calc(100vw - 12px);padding:24px 16px;max-height:calc(100dvh - 12px)}#prompt-editor-title{font-size:22px}.prompt-steps{gap:18px}.prompt-edit-row{grid-template-columns:minmax(0,1fr) 55px;gap:0 12px;border-bottom:1px solid var(--line);padding-bottom:12px}.prompt-edit-row .prompt-field:nth-child(2){grid-row:2;grid-column:1}.prompt-date-fields{grid-template-columns:1fr;gap:0}.prompt-poster-step:not([hidden]){grid-template-columns:1fr}.prompt-poster-step>div:first-child{max-width:300px;width:100%;margin:auto}.prompt-form-actions{flex-wrap:wrap}.prompt-form-actions button{font-size:13px;padding:12px}.prompt-form-actions>span{display:none}.prompt-card-copy h2{font-size:22px}.prompt-card-copy{padding:20px}}

.prompts-page .hero{height:110px;min-height:0}.prompts-page .brand img{width:114px}.prompt-detail-head{grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr)}.prompt-poster-wrap{max-width:390px;justify-self:end}.prompt-poster-wrap>summary{min-height:48px;padding:14px 0;color:var(--accent);cursor:pointer}.prompt-poster-wrap>.prompt-poster{margin:0}@media(min-width:651px){.prompt-poster-wrap>summary{display:none}}@media(max-width:650px){.prompts-page .hero{height:105px}.prompt-detail-head{grid-template-columns:1fr}.prompt-poster-wrap{max-width:none;justify-self:stretch}.prompt-poster-wrap>img,.prompt-poster-wrap>.prompt-poster{max-width:310px;margin:auto}.prompt-intro h1{margin-top:10px}.prompt-detail-head{margin-bottom:20px}}

#auth-dialog::backdrop{background:#06080999;backdrop-filter:blur(3px)}

/* One compact masthead and content-aligned community navigation on every route. */
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-inline-size: 2100px;
  margin-inline: auto;
  padding: 12px 32px;
  min-block-size: 84px;
  position: relative;
  z-index: 6;
}
.site-header .brand { position: static; flex: 0 0 auto; }
.site-header .brand img { inline-size: 94px; filter: none; }
.site-header .main-actions,
.site-header .main-actions:has(#account-menu:not([hidden])) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0;
  min-inline-size: 0;
}
.site-header .main-actions > .button {
  min-inline-size: 0;
  min-block-size: 44px;
  font-size: 14px;
  padding: 10px 18px;
}
.site-header .account-entry { background: none; border-color: transparent; box-shadow: none; }
.site-header #account-menu { flex: 0 0 44px; block-size: 44px; inline-size: 44px; align-self: center; }
.site-header #account-menu summary { background: var(--surface); }
.prompts-page .hero, .profile-page .hero { display: none; }
#community { outline: none; }
.community-nav {
  justify-content: flex-start;
  gap: 28px;
  max-inline-size: 2036px;
  margin: 18px 32px 0;
  border-block-end: 1px solid var(--line);
  font-size: 17px;
}
.community-nav a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 0 9px;
  margin-block-end: -1px;
  color: var(--muted);
}
.community-nav a svg { inline-size: 19px; block-size: 19px; }
.community-nav a[aria-current=page] { color: var(--text); border-color: var(--accent); }
.prompts-hub { max-inline-size: 2100px; padding: 0 32px 40px; }
.prompt-index-heading { gap: 20px; padding: 26px 0 8px; align-items: center; }
.prompt-index-heading h1 { font-size: clamp(22px, 2.5vw, 30px); font-weight: 550; line-height: 1.3; margin: 0; }
.prompt-index-heading > .button { flex-shrink: 0; }
.prompt-tabs { gap: 24px; margin: 6px 0 22px; }
.prompt-tab {
  min-block-size: 44px;
  padding: 10px 0 7px;
  background: none;
  border: 0;
  border-block-end: 2px solid transparent;
  color: var(--muted);
  font-size: 14px;
}
.prompt-tabs [aria-pressed=true] { color: var(--text); border-color: var(--accent); }
.prompt-list-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 32px; }
.prompt-list-card { border: 0; border-radius: 0; background: none; overflow: visible; min-inline-size: 0; }
.prompt-list-card > a { border-radius: 8px; }
.prompt-card-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-block-end: 12px; }
.prompt-card-title h2 { font-size: 20px; font-weight: 550; margin: 0; overflow-wrap: anywhere; }
.prompt-card-joined { color: var(--accent); font-size: 12px; white-space: nowrap; }
.prompt-card-cover { aspect-ratio: 4/3; border-radius: 8px; background: #242c2b; overflow: clip; border: 1px solid var(--line); }
.prompt-list-card .prompt-poster-image { inline-size: 100%; block-size: 100%; max-block-size: none; aspect-ratio: auto; object-fit: contain; background: none; }
.prompt-cover-fallback { block-size: 100%; padding: 7% 9%; background: #e9e1ca; color: #414b3d; display: flex; flex-direction: column; justify-content: center; gap: 15px; }
.prompt-cover-count { color: #637b6c; font-size: 12px; margin-block-end: 4px; }
.prompt-cover-fallback > div { display: flex; align-items: baseline; gap: 18px; min-inline-size: 0; }
.prompt-cover-fallback > div > span { font-size: 12px; color: #637b6c; }
.prompt-cover-fallback strong { font: 400 clamp(20px,2.6vw,34px)/1.2 Georgia,serif; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: clip; }
.prompt-card-copy { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 14px; padding: 12px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.prompt-card-copy > span { overflow-wrap: anywhere; }
.prompt-list-card > a:hover .prompt-card-title h2 { color: var(--accent); }
.prompt-list-card > a:hover .prompt-card-cover { border-color: var(--accent); }
.prompt-membership { position: relative; align-self: stretch; }
.prompt-membership summary { min-block-size: 46px; display: flex; align-items: center; padding: 12px 16px; border: 1px solid var(--line); border-radius: 9px; color: var(--accent); cursor: pointer; font-size: 14px; list-style: none; }
.prompt-membership summary::-webkit-details-marker { display: none; }
.prompt-membership[open] > button { position: absolute; inset-block-start: calc(100% + 6px); inset-inline-start: 0; z-index: 2; white-space: nowrap; box-shadow: 0 6px 24px #0007; }
.prompt-detail-head { margin-block-start: 16px; }
.prompts-hub > .quiet { display: inline-block; margin-block-start: 16px; }
@media(min-width:2100px) { .community-nav { margin-inline: auto; } }
@media(max-width:650px) {
  .site-header { padding: 10px 16px; gap: 12px; min-block-size: 70px; }
  .site-header .brand img { inline-size: 70px; }
  .site-header .main-actions { gap: 4px; }
  .site-header .main-actions > .button { padding: 9px 10px; font-size: 12px; gap: 6px; flex: none; }
  .site-header #account-entry > svg { display: none; }
  .site-header #account-menu { inline-size: 38px; flex-basis: 38px; block-size: 44px; }
  .site-header #account-menu summary { border: 0; background: none; }
  .community-nav { margin: 8px 16px 0; font-size: 16px; gap: 26px; }
  .prompts-hub { padding: 0 16px 28px; }
  .prompt-index-heading { display: flex; flex-wrap: wrap; padding: 22px 0 4px; gap: 14px; }
  .prompt-index-heading > .button { margin: 0; font-size: 13px; padding: 10px 14px; }
  .prompt-index-heading h1 { font-size: 24px; }
  .prompt-tabs { margin-block-end: 18px; }
  .prompt-list-grid { grid-template-columns: minmax(0,1fr); max-inline-size: none; gap: 28px; }
  .prompt-card-title h2 { font-size: 19px; }
  .prompt-cover-fallback strong { font-size: clamp(22px,7vw,32px); }
  .prompt-membership summary { min-block-size: 48px; }
}
@media(max-width:350px) {
  .site-header { padding-inline: 10px; gap: 6px; }
  .community-nav { margin-inline: 10px; }
  .prompts-hub { padding-inline: 10px; }
  .site-header .brand img { inline-size: 56px; }
  .site-header .main-actions > .button { padding-inline: 7px; }
}

/* Keep scrolling inside the rounded shell; form headings stay above the body. */
dialog:not(#auth-dialog)[open] { display: flex; flex-direction: column; overflow: hidden; padding: 8px; }
dialog:not(#auth-dialog) > form { display: flex; flex-direction: column; min-height: 0; gap: 0; }
.dialog-header { flex: none; padding: 24px 24px 0; }
.dialog-header h2 { margin: 0 48px 18px 0; }
.dialog-scroll { min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.dialog-body { padding: 18px 24px 24px; }
#post-form > .dialog-body, #profile-form > .dialog-body { display: grid; gap: 9px; }
#prompt-form { gap: 0; }
#prompt-form fieldset, #prompt-form input, .prompt-field { min-width: 0; }
#prompt-editor .prompt-steps { margin-top: 18px; }
#prompt-editor .prompt-steps button { white-space: nowrap; }
.prompt-card-delete { margin: 0 16px 16px; }
#prompt-delete-dialog { max-width: min(520px,calc(100vw - 32px)); }
#prompt-delete-title { overflow-wrap: anywhere; }
#prompt-delete-description { line-height: 1.6; }
.prompt-history { position: relative; display: inline-block; max-width: 100%; }
.prompt-history-label { color: var(--muted); padding: 0; border: 0; background: none; text-align: left; font: inherit; text-decoration: underline dotted; text-underline-offset: 4px; cursor: help; overflow-wrap: anywhere; }
.prompt-history-tooltip { position: absolute; z-index: 2; top: 100%; left: 0; width: max-content; max-width: min(280px,calc(100vw - 80px)); padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--text); box-shadow: 0 4px 16px #0003; font-size: 13px; }
@media(max-width:650px) {
  .dialog-header { padding: 16px 8px 0; }
  .dialog-body { padding: 18px 8px 16px; }
  #prompt-editor .prompt-steps { gap: 16px; }
}