:root{--ink:#362b21;--paper:#fffcf5;--red:#ef4141;--spring:cubic-bezier(.2,1.4,.4,1);--shadow:#d7cbb6}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:24px}body{margin:0;background:#f3eddf;color:var(--ink);font-family:"Noto Sans CJK JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;font-size:16px;line-height:1.6}img{display:block;max-width:100%;height:auto}button,a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:3px solid #00859a;outline-offset:6px}button:disabled{opacity:.5;cursor:default}[role=button]{cursor:pointer}.site-header{padding:24px 24px 0;background:#f7f1e7}.nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:6px;margin:auto;padding:6px;max-width:680px;background:var(--paper);border-radius:40px;box-shadow:0 6px 0 var(--shadow),0 15px 25px #634d1810}.nav a,.nav button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;background:transparent;border-radius:30px;font-weight:750;font-size:14px;white-space:nowrap;transition:background .2s,transform .25s var(--spring),box-shadow .2s}.nav a:hover,.nav button:hover{background:#f6edda;transform:translateY(-2px)}.nav .post{background:var(--red);color:white;box-shadow:0 4px 0 #c42c32}.nav .post:hover{background:#ff5350;transform:translateY(-3px)}button:active,.nav .post:active{transform:translateY(3px) scale(.98)!important;box-shadow:none!important}.stage{position:relative;background:#f7f1e7 url('assets/asset-0.png') center top/cover no-repeat;padding:30px 40px 70px}.brand{text-align:center;margin:0 auto 35px}.logo-stage{position:relative;isolation:isolate;width:min(450px,100%);margin:0 auto;animation:snap .75s var(--spring) both}.logo-stage img{width:100%;height:auto;filter:drop-shadow(0 4px 3px #72572b24)}.logo-stage:before{content:"";position:absolute;z-index:-1;left:34%;top:calc(100% - 55px);width:32%;height:27px;background:#927955;border-radius:30px}.community{display:table;margin:4px auto 0;background:#fff9e4;border-radius:30px;color:#765c34;font-size:10px;letter-spacing:3px;font-weight:800;padding:2px 16px}.brand h1{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.04em;margin:14px 0 4px;line-height:1.5}.brand p{font-size:14px;color:#7e664c;margin:0}.showcase{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:42px;align-items:start;width:min(1180px,100%);margin:0 auto}.photo{min-width:0;margin:0;background:var(--paper);border:9px solid var(--paper);border-radius:18px;box-shadow:0 10px 0 var(--shadow),0 24px 30px #78582120;position:relative;transition:transform .45s var(--spring),box-shadow .3s;animation:place .65s var(--spring) both}.photo>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.hero-photo{transform:rotate(-2deg)}.side-photo{transform:rotate(3deg)}.photo:hover,.photo:focus-visible{transform:translateY(-8px) rotate(0);box-shadow:0 15px 0 var(--shadow),0 28px 38px #78582130}.photo:active{transform:translateY(2px) rotate(0) scale(.985)}.photo figcaption{min-height:48px;display:flex;align-items:center;gap:12px;padding:9px 5px 0}.photo figcaption strong{font-size:15px;line-height:1.5}.photo figcaption>span:not(.photo-open){margin-left:auto;font-size:12px;color:#79634a}.photo-open{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2e9d7;margin-left:auto;font-size:19px;transition:transform .35s var(--spring),background .2s}.photo:hover .photo-open{transform:rotate(45deg);background:#ffde52}.side{min-width:0;display:grid;gap:30px;padding-top:2px}.brick{display:block;width:75px;height:65px;background:url('assets/brick.png') center/contain no-repeat;pointer-events:none}.clip{position:absolute;top:-35px;left:16px;z-index:2;transform:rotate(-12deg);transition:transform .5s var(--spring)}.red{filter:hue-rotate(175deg) saturate(1.7)}.photo:hover .clip{transform:translateY(-7px) rotate(8deg)}.ticket{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;min-height:108px;background:#ffdc43;border:3px solid #fff0a3;border-radius:18px;padding:18px 23px;box-shadow:0 8px 0 #d7a907;transform:rotate(1deg);transition:transform .4s var(--spring),box-shadow .3s}.ticket small{display:block;font-size:12px;margin-bottom:3px}.ticket strong{display:block;font-size:26px;line-height:1.5}.ticket .arrow{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#fff7cb;font-size:24px;transition:transform .35s var(--spring)}.ticket:hover,.ticket:focus-visible{transform:translateY(-5px) rotate(-1deg);box-shadow:0 13px 0 #d7a907}.ticket:hover .arrow{transform:rotate(45deg) scale(1.08)}.gallery{width:min(1280px,calc(100% - 48px));margin:0 auto;background:var(--paper);border-radius:34px 34px 0 0;padding:40px;box-shadow:0 -10px 30px #6f4d1708}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:25px}.section-head h2{font-size:28px;margin:0;letter-spacing:-.03em}.section-head>span{color:#8b7355;font-size:13px}.works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.work{min-width:0;background:#f2eadb;padding:8px;border-radius:20px;transition:transform .4s var(--spring),box-shadow .3s}.work-image{position:relative;overflow:hidden;border-radius:13px}.work-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .55s var(--spring)}.work-image>span{position:absolute;right:12px;bottom:12px;background:var(--paper);border-radius:30px;padding:7px 12px;font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .3s var(--spring)}.work:hover,.work:focus-visible{transform:translateY(-7px);box-shadow:0 10px 0 #e3d7c1,0 22px 30px #79562516}.work:hover img,.work:focus-visible img{transform:scale(1.04)}.work:hover .work-image>span,.work:focus-visible .work-image>span{opacity:1;transform:none}.work h3{font-size:17px;margin:14px 12px 4px}.work p{font-size:12px;color:#79654c;margin:0 12px 12px}.bottom{text-align:center;padding:55px 15px 30px}.bottom h2{font-size:25px;line-height:1.5;margin:0 0 12px}.bottom p{font-size:14px;color:#7b644a;margin:0 0 24px}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 28px;border-radius:40px;background:var(--red);color:white;font-weight:800;box-shadow:0 5px 0 #bc2b30;transition:transform .35s var(--spring),background .2s,box-shadow .25s}.primary:hover{background:#ff514d;transform:translateY(-4px);box-shadow:0 9px 0 #bc2b30}.foot{text-align:center;padding:34px 20px 45px;color:#7d6547}.foot>strong{font-size:20px;letter-spacing:-1px}.foot p{font-size:13px;margin:5px 0 12px}.foot small{font-size:11px}dialog[open]{animation:dialog-in .4s var(--spring)}dialog::backdrop{animation:backdrop-in .25s ease}.detail-image{aspect-ratio:16/9;object-fit:contain}.theme-dialog{background:#ffdc43;border-radius:22px;padding:30px}.theme-dialog h2{font-size:36px;margin:8px 0 15px}.theme-dialog p{font-size:16px}.theme-dialog .theme-tag{font-size:12px;letter-spacing:2px}.theme-dialog .primary{margin-top:15px}.preview-card{animation:preview-snap .6s var(--spring)}@keyframes snap{from{opacity:0;transform:translateY(-20px) rotate(-3deg) scale(.95)}to{opacity:1;transform:none}}@keyframes place{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes dialog-in{from{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes preview-snap{from{opacity:0;transform:rotate(-5deg) translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.stage{padding-top:35px;padding-bottom:80px}.brand{margin-bottom:45px}.showcase{max-width:1280px}.gallery{max-width:1380px}}
@media(max-width:900px){.stage{padding-left:28px;padding-right:28px}.showcase{gap:25px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.photo figcaption strong{font-size:13px}.photo figcaption>span:not(.photo-open){display:none}.ticket{padding:15px}.ticket strong{font-size:22px}.gallery{padding:30px}.section-head{align-items:start;flex-direction:column;gap:6px}}
@media(max-width:640px){.site-header{padding:16px 16px 0}.nav{gap:0;padding:4px}.nav a,.nav button{font-size:11px;min-height:44px;padding:9px 10px}.nav a[href="#about"]{display:none}.nav{justify-content:space-between}.stage{padding:28px 22px 42px}.logo-stage{width:min(350px,100%)}.logo-stage:before{top:calc(100% - 45px);height:21px}.community{font-size:8px;letter-spacing:2px}.brand{margin-bottom:32px}.brand h1{font-size:26px;margin-top:18px}.brand p{font-size:13px}.showcase{display:flex;flex-direction:column;gap:28px;width:100%}.photo{width:100%;border-width:7px;border-radius:14px}.photo figcaption strong{font-size:14px}.photo figcaption{min-height:48px}.hero-photo{transform:rotate(-1.5deg)}.side{width:100%;display:block}.side-photo{display:none}.brick{width:63px;height:55px}.clip{top:-31px;left:12px}.ticket{min-height:105px;padding:16px 22px}.ticket strong{font-size:25px}.gallery{width:calc(100% - 24px);padding:28px 16px;border-radius:26px 26px 0 0}.section-head h2{font-size:24px}.section-head>span{font-size:12px}.works{grid-template-columns:minmax(0,1fr);gap:22px}.work h3{font-size:16px}.work-image>span{opacity:1;transform:none;font-size:11px;padding:5px 10px}.bottom{padding:38px 0 14px}.bottom h2{font-size:21px}.bottom p{font-size:14px}.foot p{max-width:290px;margin:5px auto 12px}.detail-copy{padding:26px 20px!important}.detail-copy h2{font-size:23px!important}.theme-dialog{padding:25px}.theme-dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.photo:hover,.photo:focus-visible,.work:hover,.work:focus-visible{transform:none}.work:hover img,.work:focus-visible img{transform:none}} 
.detail-dialog{border:0;border-radius:26px;padding:0;width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 48px);background:#fffcf4;color:#362a20;box-shadow:0 12px 0 #d3c6ad,0 30px 90px #362a2050;overscroll-behavior:contain}.detail-dialog::backdrop{background:#32281bb8;backdrop-filter:blur(5px)}.close-dialog{position:sticky;float:right;z-index:10;top:12px;margin:12px 12px -56px 0;width:44px;height:44px;border-radius:50%;background:#fffcf4;color:#44311f;font-size:29px;box-shadow:0 3px 0 #d8cbb4}.detail-image{display:block;width:100%;height:auto}.detail-copy{padding:32px}.detail-copy>small{font-size:12px;color:#735b40}.detail-copy h2{font-size:27px;margin:10px 0 15px;line-height:1.4}.detail-copy p{line-height:1.8}.primary{background:#ef4141;color:#fff;border-radius:100px;padding:14px 24px;min-height:48px;font-weight:800;box-shadow:0 5px 0 #bb2930}.privacy-note{color:#6c573e;font-size:13px}.upload-area{display:flex;flex-direction:column;gap:9px;border:2px dashed #c0a67e;background:#f5ecd9;border-radius:18px;padding:24px;text-align:center;font-weight:700}.upload-area span{font-size:11px;font-weight:400}.upload-area input{max-width:100%;font-size:13px;margin:auto;min-height:44px}.field{display:flex;flex-direction:column;gap:9px;margin:24px 0 18px;font-weight:700;font-size:13px}.field input{width:100%;padding:14px;border:1px solid #c8b691;background:#fff;border-radius:12px;font:inherit;font-size:16px;color:#362a20}.theme-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px}.theme-check input{width:22px;height:22px;accent-color:#dc3539}#photo-preview img{max-width:100%;max-height:230px;display:block;margin:15px auto;border:7px solid white;border-radius:10px}#form-error{color:#a32126;font-size:13px}.preview-card{margin:25px 0;background:white;padding:10px;border-radius:18px;box-shadow:0 8px 0 #ded1b9}.preview-card img{width:100%;max-height:420px;object-fit:contain;display:block;background:#f5f0e7;border-radius:10px}.preview-card figcaption{padding:14px 6px;overflow-wrap:anywhere;font-weight:700}dialog[open]{animation:dialog-in .2s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.detail-dialog{width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 48px)}dialog[open]{animation:dialog-in .4s var(--spring)}.detail-dialog .primary{transition:transform .35s var(--spring),background .2s,box-shadow .25s}.detail-dialog .primary:hover{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none!important}}
.logo-stage:before{z-index:0}.logo-stage img,.community{position:relative;z-index:1}.section-head h2{flex:0 0 auto;white-space:nowrap}.section-head>span{min-width:0}@media(max-width:640px){.logo-stage:before{top:calc(100% - 40px)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}
.bottom .primary{width:max-content;max-width:100%;margin-inline:auto;min-width:280px}.detail-dialog.is-closing{animation:dialog-out .16s ease-in both}.detail-dialog.is-closing::backdrop{animation:backdrop-in .16s ease-in reverse both}@keyframes dialog-out{to{opacity:0;transform:translateY(8px) scale(.98)}}
body{background:#f3eddf url('assets/asset-0.png') center 60px/max(1440px,100%) auto no-repeat}.site-header{background:transparent;position:relative;max-width:1440px;margin:auto;padding-left:90px;padding-right:90px}.nav{max-width:520px;gap:12px}.nav a,.nav button{min-width:130px}.language{position:absolute;right:28px;top:34px;min-width:48px;min-height:44px;background:var(--paper);border:1px solid #d6c8af;border-radius:50%;font-size:13px;font-weight:700}.stage{background:transparent;padding-top:26px;padding-bottom:42px}.brand{margin-bottom:32px}.brand h1{font-size:clamp(24px,2.2vw,32px)}.logo-stage:before{display:none}.logo-mark{position:relative;width:100%;aspect-ratio:1280/363}.logo-mark:before{content:"";position:absolute;left:34%;top:79%;width:32%;height:20%;background:#927955;border-radius:30px;z-index:0}.logo-mark img{position:relative;z-index:1;width:100%;height:auto}.daily{display:grid;grid-template-columns:56px minmax(0,820px) 56px;gap:30px;align-items:center;justify-content:center;max-width:1000px;margin:auto}.daily-window{min-width:0;padding:10px 0 12px}.daily .photo{transform:rotate(-1deg)}.daily .photo:hover{transform:rotate(0) translateY(-5px)}.round-arrow{width:56px;height:56px;padding:0;border-radius:50%;background:#ffdc43;color:#654916;box-shadow:0 5px 0 #d9ad1b;font-family:system-ui;font-size:40px;font-weight:600;line-height:1;transition:transform .3s var(--spring),box-shadow .2s}.round-arrow:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 9px 0 #d9ad1b}.daily-count{text-align:center;font-size:12px;color:#765e40;margin-top:10px;letter-spacing:2px}.tabs{display:flex;gap:9px;margin-bottom:25px;border-bottom:2px solid #e8ddc7;padding-bottom:12px}.tabs button{background:transparent;border-radius:30px;padding:10px 24px;min-height:46px;font-weight:700;color:#7f694b;transition:background .2s,transform .25s var(--spring)}.tabs button[aria-selected=true]{background:#ffda45;color:#463719;box-shadow:0 4px 0 #d7ac18}.tabs button:hover{transform:translateY(-2px)}.works{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work{position:relative;animation:place .35s var(--spring) both}.work-image>span{display:none}.work h3{font-size:15px;margin-right:10px}.work p{margin-right:85px;min-height:34px}.favorite{position:absolute;bottom:14px;right:14px;min-height:42px;min-width:60px;border-radius:24px;background:#fffaf0;color:#876b36;font-size:15px;padding:6px 12px;box-shadow:0 3px 0 #d9ccb3;transition:transform .3s var(--spring),background .2s}.favorite[aria-pressed=true]{background:#ffdd4a;color:#725115}.favorite:hover{transform:scale(1.1)}.favorite.bump{animation:star-bump .4s var(--spring)}@keyframes star-bump{50%{transform:scale(1.25) rotate(-8deg)}}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:27px;font-size:13px}.pagination button{width:44px;height:44px;border-radius:50%;background:#eee4d0;font-size:26px;line-height:1}.pagination button:disabled{opacity:.35;cursor:default}.bottom{padding:34px 0 15px}.post-button{flex-direction:column;gap:2px;min-width:280px}.post-button small{font-size:12px;font-weight:500;opacity:.92}.about-section{max-width:760px;margin:auto;padding:55px 30px 15px;text-align:center}.about-section h2{font-size:28px;margin:0 0 15px}.about-section p{font-size:15px;line-height:2;color:#735d45}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px}.social-links>*{min-height:46px;padding:10px 20px;border-radius:28px;background:#fffcf3;font-size:14px}.social-links a{box-shadow:0 4px 0 #d9ccb4;transition:transform .3s var(--spring)}.social-links a:hover{transform:translateY(-4px)}.unavailable{color:#938572;cursor:default}.foot{padding-top:20px;padding-bottom:35px}#theme-label{font-size:14px;color:#725d3a;padding:0 0 20px}.detail-favorite{position:static;margin-top:12px}.alternate{margin-top:20px;display:flex;gap:12px}.alternate button{padding:0;border:3px solid transparent;background:#f2e7d2;border-radius:12px;width:120px;overflow:hidden}.alternate button[aria-pressed=true]{border-color:#f0bf20}.alternate img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.empty-gallery{grid-column:1/-1;text-align:center;padding:40px;color:#887152}.daily .switching{animation:card-switch .35s var(--spring)}@keyframes card-switch{from{opacity:.4;translate:15px 0;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:1000px){.works{gap:16px}.work h3{font-size:14px}.daily{grid-template-columns:48px minmax(0,720px) 48px;gap:20px}.round-arrow{width:48px;height:48px;font-size:35px}.stage{padding-left:28px;padding-right:28px}.work p{font-size:11px;margin-right:65px}.favorite{right:11px;bottom:13px;min-width:50px;padding:5px 10px}}
@media(max-width:640px){.site-header{padding:14px 60px 0 12px}.nav{gap:0;padding:4px}.nav a,.nav button{display:flex!important;min-width:0;padding:8px 11px;font-size:11px}.language{right:10px;top:19px;width:40px;min-width:40px;min-height:40px}.stage{padding:24px 16px 30px}.brand h1{font-size:22px;max-width:330px;margin:18px auto 0}.logo-stage{width:min(330px,100%)}.logo-mark:before{top:79%;height:20%}.daily{grid-template-columns:34px minmax(0,1fr) 34px;gap:7px}.round-arrow{width:34px;height:44px;border-radius:22px;font-size:30px}.daily .photo{border-width:5px;border-radius:12px}.daily .photo>img{border-radius:8px}.daily figcaption{min-height:46px;gap:4px;padding:7px 2px 0}.daily figcaption strong{font-size:12px}.daily .photo-open{display:none}.daily .clip{width:46px;height:42px;top:-25px;left:7px}.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work{padding:5px;border-radius:15px}.work h3{font-size:12px;line-height:1.5;margin:10px 6px 5px}.work p{font-size:10px;margin:0 6px 46px;min-height:0}.favorite{bottom:10px;right:10px;font-size:13px;min-height:38px}.tabs{gap:5px}.tabs button{font-size:13px;padding:10px 17px}.gallery{padding:25px 14px}.section-head h2{font-size:24px}.post-button{min-width:260px;max-width:100%}.post-button strong{font-size:14px}.about-section{padding:40px 25px 10px}.about-section h2{font-size:24px}.about-section p{font-size:14px}}@media(prefers-reduced-motion:reduce){.switching,.favorite.bump{animation:none!important}}
.card-link{cursor:pointer;border-radius:13px}.card-link:focus-visible{outline:3px solid #00859a;outline-offset:4px}.work:focus-within{box-shadow:0 8px 0 #e3d7c1}.detail-dialog .favorite{display:inline-flex;align-items:center;justify-content:center}.daily-card:focus-visible{outline:3px solid #00859a}.language:hover{background:#ffdc43}
HTML{overflow-x:clip}@media(max-width:640px){html[lang=en] .nav a,html[lang=en] .nav button{font-size:10px;padding:8px 7px}html[lang=en] .brand h1{font-size:21px}.post-button{min-width:min(260px,100%)}}
.daily{width:100%;grid-template-columns:56px minmax(0,1fr) 56px}.round-arrow,.language,.pagination button{display:grid;place-items:center;text-align:center}.favorite{display:inline-flex;align-items:center;justify-content:center}.bottom .post-button{display:flex;width:320px;min-width:0;max-width:100%;margin-inline:auto;text-align:center}.daily .photo{width:100%}@media(max-width:1000px){.daily{grid-template-columns:48px minmax(0,1fr) 48px}}@media(max-width:640px){.daily{grid-template-columns:34px minmax(0,1fr) 34px}.bottom .post-button{width:280px}}
body{background:#f3eddf}.stage{background-image:linear-gradient(to bottom,#f3eddf 0%,#f3eddf00 20%,#f3eddf00 72%,#f3eddf 100%),url('assets/asset-0.png');background-position:center top;background-size:cover;background-repeat:no-repeat}.language{height:44px}@media(max-width:640px){.language{height:40px}}
.round-arrow,.language{position:relative}.round-arrow:after{content:"";position:absolute;inset:-5px}.site-header .language{position:absolute}.language:after{content:"";position:absolute;inset:-2px}@media(max-width:640px){.favorite{min-height:44px}.work p{margin-bottom:50px}}
.site-header{height:58px;padding:0;max-width:1380px}.site-header .language{top:16px;right:28px}.stage{padding-top:0}.brand{margin-bottom:30px}.daily{position:relative}.daily .photo figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;min-height:67px}.daily-byline{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#776146}#daily-date{font-size:10px;white-space:nowrap}#daily-star .favorite{position:static;margin:0;min-height:44px;min-width:63px}.daily-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:12px}.daily-controls .daily-count{margin:0;font-size:16px;font-weight:800;letter-spacing:2px;min-width:78px;text-align:center;color:#5b492d;background:#fffbef;border-radius:24px;padding:7px 16px;box-shadow:0 3px 0 #d8c9ad}.gallery{position:relative;background:#fffdf5;border:7px solid #fffdf5;border-radius:30px;padding:32px 35px 28px;box-shadow:0 10px 0 #d6c9b0,0 24px 40px #5c431713;margin-top:12px}.gallery:before{content:"";position:absolute;top:-12px;left:45px;right:45px;height:10px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#ee4347 0 25%,#f2c522 25% 50%,#00a3b5 50% 75%,#83a721 75%)}.section-head{padding:0 4px;margin-bottom:24px}.section-head h2{font-size:32px;letter-spacing:-1px}.gallery-accent{display:block!important;width:68px;height:12px;border-radius:20px;background:#00a4b5;box-shadow:0 5px 0 #087e8b}.tabs{border:0;gap:10px;margin-bottom:0;padding:0 12px;position:relative;z-index:1}.tabs button{border-radius:14px 14px 0 0;background:#ece4d4;padding:12px 25px;min-height:51px;box-shadow:inset 0 -4px 0 #d6c8ab;font-size:14px}.tabs button[aria-selected=true]{background:#ffda43;box-shadow:inset 0 -4px 0 #eabd1b;transform:translateY(-3px)}.works{background:#eee9db;background-image:linear-gradient(#fff8 1px,transparent 1px),linear-gradient(90deg,#fff8 1px,transparent 1px);background-size:24px 24px;padding:27px 20px;border-radius:18px;min-height:280px;align-items:start;border:1px solid #e0d6c2}.work{background:#fffcf5;border:6px solid #fffcf5;border-radius:13px;padding:0;box-shadow:0 6px 0 #d7cbb5,0 12px 20px #64481713;transform:rotate(-1deg)}.work:nth-child(even){transform:rotate(1deg)}.work:hover,.work:focus-within{transform:translateY(-6px) rotate(0deg);box-shadow:0 10px 0 #d7cbb5,0 18px 25px #64481720}.work-image{border-radius:8px}.work h3{margin:12px 7px 6px;font-size:14px}.work p{margin-left:7px;font-size:11px;line-height:1.6}.posted-date{font-size:10px;color:#927859}.favorite{bottom:11px;right:7px;background:#fff4c7;box-shadow:0 3px 0 #d9c795}.pagination{margin-top:25px}#theme-label{margin:0;background:#eee9db;padding:16px 20px 0;border-radius:16px 16px 0 0}#theme-label:not([hidden])+.works{border-top:0;border-radius:0 0 18px 18px}.about-section{max-width:1150px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:65px;padding:80px 40px 35px;text-align:left}.about-visual{position:relative;padding:8px 30px 60px 0;min-width:0}.about-visual img{width:100%;height:auto;border:9px solid #fffcf5;border-radius:18px;box-shadow:0 8px 0 #d3c5aa,0 20px 25px #61461720;transform:rotate(-6deg)}.about-visual img+img{position:relative;width:75%;margin:-15% -30px 0 auto;transform:rotate(7deg)}.about-content h2{font-size:28px;margin:0 0 18px;line-height:1.5}.about-verbs{display:flex;gap:10px;margin-bottom:18px}.about-verbs span{display:block;border-radius:12px;background:#00a4b5;color:#fff;font-weight:900;font-size:24px;padding:7px 19px;box-shadow:0 5px 0 #087e8b;transform:rotate(-3deg)}.about-verbs span+span{background:#f2c92c;color:#594417;box-shadow:0 5px 0 #caa00f;transform:rotate(3deg)}.about-content p{line-height:2;font-size:14px}.about-section .social-links{justify-content:flex-start;gap:10px}.about-section .social-links>*{font-size:12px;padding:10px 16px}.about-visual img{transition:transform .5s var(--spring)}.about-visual:hover img{transform:rotate(-3deg) translateY(-4px)}.about-visual:hover img+img{transform:rotate(4deg) translateY(-4px)}
@media(max-width:1000px){.gallery{padding:27px 22px}.works{padding:22px 15px;gap:15px}.work h3{font-size:13px}.about-section{gap:35px;padding:70px 35px 25px}.about-content h2{font-size:25px}.daily .photo figcaption{gap:13px}.daily .photo figcaption .daily-byline{display:flex!important}}
@media(max-width:640px){.site-header{height:50px}.site-header .language{top:10px;right:15px}.stage{padding-top:0}.daily .photo figcaption{grid-template-columns:minmax(0,1fr) auto;gap:5px;min-height:82px;padding:8px 4px}.daily .photo figcaption strong{font-size:12px;grid-column:1/-1}.daily-byline{font-size:10px;line-height:1.4}#daily-date{font-size:9px}#daily-star .favorite{min-width:51px;min-height:44px;font-size:13px;padding:5px 8px}.gallery{border-width:5px;padding:25px 9px;border-radius:23px}.gallery:before{left:25px;right:25px}.section-head h2{font-size:26px}.section-head{flex-direction:row;align-items:center}.gallery-accent{width:40px;height:8px}.tabs{padding:0 5px;gap:7px}.tabs button{font-size:12px;padding:10px 17px;min-height:47px}.works{padding:16px 8px;gap:12px;min-height:230px;border-radius:12px;background-size:20px 20px}.work{border-width:4px}.work h3{font-size:11px;margin:9px 4px 4px}.work p{font-size:10px;margin:0 4px 47px}.posted-date{font-size:9px}.favorite{bottom:6px;right:5px}.about-section{display:flex;flex-direction:column;gap:15px;padding:60px 30px 20px}.about-visual{width:100%;max-width:370px;padding:5px 25px 18px 0}.about-content{text-align:center}.about-content h2{font-size:25px}.about-verbs{justify-content:center}.about-section .social-links{justify-content:center}.about-content p{font-size:14px}.about-verbs span{font-size:22px;padding:7px 19px}}@media(prefers-reduced-motion:reduce){.about-visual:hover img,.about-visual:hover img+img{transform:none}}
[hidden]{display:none!important}#theme-label{width:100%;text-align:left;min-height:44px;cursor:pointer}
@media(max-width:640px){.daily .photo figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.daily .photo figcaption strong{display:block;flex:0 0 100%;width:100%;min-width:0;white-space:normal;overflow-wrap:normal}.daily .photo figcaption .daily-byline{flex:1 1 auto;margin:0}.daily .photo figcaption #daily-star{flex:0 0 auto;margin:0}}
.daily .photo figcaption #daily-star{display:inline-flex!important;align-items:center;justify-content:center}.posted-date{display:inline-block;line-height:1.5}

/* Private saved gallery controls */
.gallery-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px}.gallery-tools p{flex:1 1 240px;margin:0;color:#776146;font-size:12px;overflow-wrap:anywhere}.gallery-tools button,.management-tabs button,.managed-work button,.manage-delete{border-radius:12px;padding:10px 13px;min-height:44px;background:#eee4d1;color:#594417}.management-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.management-tabs [aria-pressed=true]{background:#ffda43}.managed-work{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:12px 0;padding:15px;background:#f3eddf;border-radius:14px}.managed-work strong,.managed-work span,.managed-work small{grid-column:1;overflow-wrap:anywhere}.managed-work button{grid-column:2;grid-row:1 / 4;align-self:center}.manage-delete{margin-top:24px}#form-error,#manage-error{color:#aa2b2b;overflow-wrap:anywhere}.field input:disabled{opacity:.65}button:disabled{cursor:default}.work h3,.work p,.detail-copy h2,.preview-card figcaption{overflow-wrap:anywhere;min-width:0}.daily .photo figcaption strong{overflow-wrap:anywhere!important}.privacy-note{line-height:1.7}@media(max-width:640px){.managed-work{grid-template-columns:minmax(0,1fr)}.managed-work button{grid-column:1;grid-row:auto;justify-self:start}.gallery-tools{gap:6px}.gallery-tools p{flex-basis:100%}.gallery-tools button{font-size:12px}.detail-copy h2{font-size:22px}}

/* Nine-language controls and natural wrapping; no hidden overflow as a layout fix. */
.site-header{height:auto;min-height:58px;display:flex;justify-content:flex-end;padding:10px 28px;background:#f3eddf}
.language-control{position:relative;display:flex;align-items:center;font-size:12px;min-width:0;max-width:100%}.language-label{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px;color:#59452f;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none}.language-globe{width:20px;height:20px;flex:none}
.language-select{font:inherit;font-size:14px;min-height:44px;min-width:0;max-width:100%;padding:8px 30px 8px 112px;border:1px solid #c8b691;border-radius:14px;background:#fffaf0;color:#362b21;cursor:pointer}
.language-select:focus-visible{outline:3px solid #00859a;outline-offset:3px}
.language-select:disabled{opacity:.65;cursor:default}
.dialog-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#fffcf4;border-bottom:1px solid #e5dac7}
.dialog-toolbar .close-dialog{position:static;float:none;margin:0;flex:0 0 44px}
.dialog-language{justify-content:flex-start;flex:1 1 auto}
.tabs{flex-wrap:wrap}.tabs button{white-space:normal;overflow-wrap:anywhere;min-width:0;flex:1 1 150px}
.primary{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%;height:auto}
.section-head h2{white-space:normal;overflow-wrap:anywhere;flex:1 1 auto;min-width:0}.gallery-accent{flex:0 0 auto}
.brand h1,.detail-copy,.theme-dialog,.about-content,.theme-check,.management-tabs button,.managed-work button{overflow-wrap:anywhere;min-width:0}
.theme-check input{flex:0 0 22px}.about-verbs{flex-wrap:wrap}.about-verbs span{max-width:100%;overflow-wrap:anywhere}
.upload-area{position:relative;cursor:pointer}.upload-area .photo-file-input{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;overflow:hidden}.upload-area:focus-within{outline:3px solid #00859a;outline-offset:3px}#photo-name{font-weight:400;overflow-wrap:anywhere}
.daily .photo figcaption strong{white-space:normal;overflow-wrap:anywhere!important}
.managed-work button{max-width:220px;white-space:normal}.detail-copy .primary,.theme-dialog .primary{width:auto}
@media(max-width:640px){
  .site-header{min-height:54px;padding:7px 15px}.language-select{font-size:13px;min-height:44px;max-width:100%}
  .brand h1{font-size:22px}.tabs{gap:6px}.tabs button{flex-basis:120px;padding:10px 12px}
  .dialog-toolbar{padding:8px;align-items:center}.dialog-language{flex-wrap:wrap;gap:3px}.dialog-language>.language-label{font-size:12px}
  .dialog-language select{max-width:100%}.theme-dialog h2{font-size:26px}.managed-work button{max-width:100%}
}

@media(max-width:640px){.language-label{inset-inline-start:10px;gap:6px;font-size:12px}.language-select{padding-inline-start:104px;padding-inline-end:24px}}
@media(max-width:360px){.dialog-language .language-label{top:8px;transform:none;font-size:11px}.dialog-language .language-globe{width:18px;height:18px}.dialog-language .language-select{min-height:68px;padding:29px 24px 6px 10px}}

.environment-label{font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.04em;color:#684614;background:#ffe6ae;border:1px solid #ba904a;border-radius:5px;padding:6px 9px;margin-right:auto}

.site-header{flex-wrap:wrap;align-items:center;gap:.6rem}
#security-link{font-size:.8rem;color:inherit;text-decoration:underline;flex-shrink:0}
.foot .site-version{display:block;margin-top:6px;font-variant-numeric:tabular-nums}

.community.site-name{font-size:clamp(13px,2vw,16px);letter-spacing:.03em;padding:4px 16px}

/* Selected B title: one transparent composition; the original blockia pixels are retained. */
.logo-stage{width:min(460px,100%)}
.logo-mark{display:block;aspect-ratio:1400/720}
.logo-mark:before{display:none}
.logo-stage .logo-mark img{filter:none}
.brand h1{margin-top:8px}
@media(max-width:640px){
  .logo-stage{width:min(340px,100%)}
  .brand h1{margin-top:12px}
}

/* Review 2026-10-23: retain the selected layout and refine the requested details. */
.brand-banner{position:relative;isolation:isolate;background:linear-gradient(180deg,#f3eddf05 62%,#f3eddf 100%),url('assets/library-hero.jpg') center 48%/cover no-repeat;min-height:354px;padding-bottom:36px}
.brand-banner:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 50%,#fff8e83d 0%,transparent 65%)}
.brand-banner .site-header{max-width:none;margin:0;background:transparent;min-height:58px;padding:10px 28px}
.brand-banner .brand{margin:0 auto;padding:0 20px}
.brand-banner h1.logo-stage{width:min(460px,100%);margin:0 auto;line-height:0}
.logo-stage:before{display:none}
.site-header .language-label>span{display:none}
.site-header .language-label{inset-inline-start:11px}
.site-header .language-globe{width:16px;height:16px}
.site-header .language-select{min-height:36px;width:132px;font-size:12px;padding:6px 21px 6px 34px;border:1px solid #ffffff70;border-radius:18px;background:#fffaf0e8;box-shadow:0 2px 8px #4430160d}
.site-header .language-control{padding-block:4px}
.stage{padding-top:10px;background:#f3eddf}
.gallery:before{top:-7px;left:-7px;right:-7px;border-radius:22px 22px 0 0;height:10px}
.about-section .social-links{gap:10px;align-items:center}
.about-section .social-links>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 17px;line-height:1.2;color:#fff;font-weight:700;box-shadow:0 4px 0 #0002}
.social-links svg,.social-links .service-icon{width:20px;height:20px;flex:0 0 20px;object-fit:contain}
.social-links .steam-icon{filter:brightness(0) invert(1)}
#steam-link{background:#1b2838}#discord-link{background:#5865f2}#x-link{background:#171717}

@media(max-width:640px){
 .brand-banner{min-height:270px;padding-bottom:30px;background-position:50% 50%}
 .brand-banner .site-header{min-height:50px;padding:5px 15px}
 .brand-banner .brand{padding:5px 16px 0}
 .brand-banner h1.logo-stage{width:min(340px,100%)}
 .site-header .language-select{width:124px;font-size:12px}
 .stage{padding-top:10px}
 .gallery:before{top:-5px;left:-5px;right:-5px;border-radius:19px 19px 0 0}
 .about-section .social-links>a{padding:10px 14px}
}

/* Follow-up review, 2026-10-24 */
.brand-banner .brand .brand-tagline{display:table;max-width:100%;margin:12px auto 0;padding:6px 18px;border-radius:20px;background:#fffaf0db;color:#5c4833;font-size:17px;font-weight:700;line-height:1.8;text-wrap:balance}
.round-arrow{display:grid;place-items:center;padding:0;font-size:0;line-height:0}
.round-arrow svg{display:block;width:24px;height:24px;overflow:visible}
.round-arrow svg path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.about-section{width:min(1150px,calc(100% - 48px));margin:70px auto 30px;padding:50px 40px 35px;background:#e4eeea;border:1px solid #d4e2dc;border-radius:36px;box-shadow:0 7px 0 #d0ded6}
@media(max-width:640px){
 .brand-banner .brand .brand-tagline{font-size:14px;margin-top:12px;padding:6px 13px;max-width:325px;border-radius:16px}
 .round-arrow svg{width:20px;height:20px}
 .about-section{margin:45px auto 25px;padding:32px 22px 28px;border-radius:26px}
}

.field textarea{width:100%;min-height:120px;resize:vertical;padding:14px;border:1px solid #c8b691;background:#fff;border-radius:12px;font:inherit;font-size:16px;color:#362a20}.field textarea:disabled{opacity:.65}.field small{font-weight:400;line-height:1.6}.character-count{font-variant-numeric:tabular-nums;text-align:right;color:#6c573e}[data-record-field="note"]{white-space:pre-wrap;overflow-wrap:anywhere}.tabs button:disabled{opacity:.6;cursor:default}

/* Report actions stay secondary to viewing and favoriting a creation. */
.report-work{display:block;margin:20px 0 0;padding:6px 0;background:none;border:0;color:#77716c;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.report-dialog{box-sizing:border-box;width:min(540px,calc(100% - 32px));max-height:88dvh;overflow:auto;border:1px solid #e5d9cb;border-radius:22px;padding:28px;background:#fffdf8;color:#3d3731;box-shadow:0 24px 80px #3c2c2938}
.report-dialog::backdrop{background:#332b2455;backdrop-filter:blur(3px)}
.report-dialog h2{font-size:21px;line-height:1.5;margin:0 0 16px}.report-work-title{font-weight:700}.report-hint{font-size:13px;color:#706861;line-height:1.8}
.report-dialog label{display:block;margin:20px 0 8px;font-size:14px;font-weight:700}.report-dialog select,.report-dialog textarea{box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #cbbdad;border-radius:9px;font:inherit;color:inherit;background:white}.report-dialog textarea{resize:vertical;font-weight:400}
.report-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}.report-dialog button{font:inherit;cursor:pointer;border:1px solid #cbbdad;border-radius:12px;background:#fff;padding:11px 17px;color:inherit}.report-dialog button.primary{background:#835c46;color:white;border-color:#835c46}.report-dialog button:disabled{opacity:.55;cursor:wait}
.report-dialog dt{font-size:12px;color:#706861;margin-top:18px}.report-dialog dd{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.report-dialog [role=alert]{color:#ae3831;font-size:14px;line-height:1.7}.report-dialog :focus-visible{outline:3px solid #c77f50;outline-offset:3px}

/* A compact, image-first posting form. */
.detail-dialog.post-dialog{width:min(840px,calc(100% - 24px));background:#fffdf8}.post-copy{padding:25px 30px 24px!important}.post-copy h2{margin:0;font-size:25px}.post-intro{margin:7px 0 24px;color:#817466;font-size:14px;line-height:1.6}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.post-photo-column{min-width:0}.post-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:268px;margin:0;padding:25px 18px;border:1.5px dashed #c5b79e;border-radius:18px;background:#f5f1e7;color:#715c40;text-align:center;transition:background .2s}.post-photo:hover{background:#eee7d8}.photo-empty-icon svg{width:52px;height:52px;display:block}.post-photo strong{font-size:15px}.post-photo #photo-choice span{font:inherit;color:inherit;margin:0}.photo-local-note{font-size:11px!important;color:#8b7f6e}.post-photo.has-photo{padding:10px;border-style:solid;background:#f4efe5;min-height:0}.post-photo.has-photo .photo-empty-icon,.post-photo.has-photo .photo-local-note{display:none}.post-photo.has-photo strong{font-size:12px;background:#fff9ee;border-radius:99px;padding:6px 14px}.post-photo #photo-preview{width:100%;min-width:0}.post-photo #photo-preview:empty{display:none}.post-photo #photo-preview img{display:block;width:100%;max-height:252px;object-fit:contain;border:0;border-radius:10px;margin:0}.photo-formats{display:block;font-size:11px;text-align:center;line-height:1.6;color:#8b7f6e;margin-top:10px}#photo-name{display:block;font-size:11px;color:#8b7f6e;text-align:center;margin-top:5px;line-height:1.5}
.post-fields .field{margin:0 0 16px;font-size:13px;gap:7px}.field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.post-fields .character-count{font-size:11px;font-weight:400;white-space:nowrap;color:#948776}.post-fields input,.post-fields textarea{padding:11px 12px;font-size:15px;border:1px solid #d9cdbb;border-radius:10px;background:#fff}.post-fields textarea{min-height:79px;resize:vertical}.post-fields .field:last-of-type{margin-bottom:0}.author-hint{margin:6px 0 0;font-size:11px;color:#8b7f6e;line-height:1.6}
.post-bottom{border-top:1px solid #eee5d7;margin-top:23px;padding-top:17px}.post-audience{font-size:12px;color:#796c5c;line-height:1.7;margin:0 0 13px}.terms-link-line{margin:4px 0 0;font-size:13px}.terms-link{color:#746048;text-decoration:underline;text-underline-offset:3px}.post-bottom #form-error:empty{display:none}.post-bottom #form-error{margin:12px 0}.detail-dialog .post-submit{width:100%;min-height:49px;justify-content:center;margin:17px 0 0;padding:12px 20px;border-radius:13px;font-size:15px;box-shadow:0 3px 0 #9a282d}.post-help{margin-top:18px;color:#8b7b67;font-size:11px;line-height:1.8}.post-help summary{cursor:pointer;text-align:center;list-style-position:inside}.post-help p{margin:12px 0 0}.post-copy :focus-visible{outline:3px solid #00859a;outline-offset:3px}
@media(max-width:640px){.post-copy{padding:18px!important}.post-copy h2{font-size:21px}.post-intro{font-size:12px;margin-bottom:18px}.post-layout{grid-template-columns:1fr;gap:20px}.post-photo{min-height:170px;gap:8px;padding:18px}.photo-empty-icon svg{width:42px;height:42px}.post-photo #photo-preview img{max-height:200px}.post-bottom{margin-top:19px}.post-fields .field{margin-bottom:15px}.post-fields input,.post-fields textarea{font-size:16px}.post-audience{font-size:11px}}

.foot .contact-link{font:inherit;color:inherit;background:none;border:0;padding:8px 14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.contact-dialog input{width:100%;padding:12px;border:1px solid #cbbfae;border-radius:10px;font:inherit;background:#fffdf8}.contact-dialog .contact-reply{overflow-wrap:anywhere;font-size:13px;color:#645441}.contact-receipt{overflow-wrap:anywhere;font-size:12px}.contact-dialog .report-hint{line-height:1.8}

/* Review 2026-10-24: paint the stripe within the panel's own rounded clip. */
.gallery{background-image:linear-gradient(90deg,#ee4347 0 25%,#f2c522 25% 50%,#00a3b5 50% 75%,#83a721 75%);background-repeat:no-repeat;background-size:100% 10px;background-origin:padding-box;background-clip:padding-box}
.gallery:before{display:none}
.gallery-tools{justify-content:flex-end}
.gallery-tools[hidden]{display:none}
.post-dialog .dialog-toolbar{justify-content:flex-end}
.post-copy h2{margin-bottom:22px}

/* Review 2026-10-24: clear validation feedback and calm completion screens. */
.post-bottom #form-error:not(:empty){scroll-margin-block:16px;border:2px solid #c53832;border-inline-start-width:6px;border-radius:12px;background:#fff0ed;padding:14px 16px;color:#8c211d;font-size:14px;font-weight:700;line-height:1.7;box-shadow:0 3px 10px #ac302414}
.post-bottom #form-error:not(:empty)::before{content:"!";display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-end:8px;border-radius:50%;background:#b7312b;color:white;font-size:15px;line-height:1;vertical-align:text-bottom}
.post-bottom #form-error:focus{outline:3px solid #d4483f;outline-offset:3px}
.contact-private-note{margin:20px 0 0;text-align:center;color:#77695c;font-size:12px;line-height:1.6}
.report-dialog.completion-dialog>.completion-close{display:block;min-width:144px;margin:24px auto 0;border-color:#d53633;background:#ef3f3d;color:white;box-shadow:0 3px 0 #ab2523}

/* An explicit review step before publishing; the original form remains intact. */
.post-confirm-dialog{width:min(760px,calc(100% - 28px))}
.post-confirm-preview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:22px}
.post-confirm-image{display:block;width:100%;max-height:320px;object-fit:contain;background:#f3eddf;border-radius:14px}
.post-confirm-preview dl{margin:0;min-width:0}.post-confirm-preview dt:first-child{margin-top:0}.post-confirm-preview dd{overflow-wrap:anywhere}
.post-confirm-hint{margin:22px 0 0;color:#77695d;font-size:13px;line-height:1.7}
.post-confirm-dialog .primary{background:#ef3f3d;border-color:#d53633;box-shadow:0 3px 0 #ab2523}
@media(max-width:640px){.post-confirm-dialog{padding:22px;max-height:88dvh}.post-confirm-preview{grid-template-columns:1fr;gap:18px}.post-confirm-image{max-height:220px}.post-confirm-dialog .report-actions{display:grid;grid-template-columns:1fr 1fr}.post-confirm-dialog .report-actions button{padding:11px 9px}}

/* A focused progress indicator stays visible while preparing and uploading. */
.post-busy-dialog{border:0;border-radius:24px;width:min(340px,calc(100% - 32px));padding:32px 24px;background:#fffdf8;color:var(--ink);text-align:center;box-shadow:0 8px 0 #d5c7ad,0 24px 70px #362a2040}
.post-busy-dialog::backdrop{background:#32281b70;backdrop-filter:blur(3px)}
.post-busy-dialog h2{font-size:18px;line-height:1.6;margin:16px 0 0;outline:none}
.post-spinner{display:block;width:42px;height:42px;margin:auto;border:4px solid #eddfc3;border-top-color:#ed4442;border-right-color:#f2bd30;border-radius:50%;animation:post-spin .8s linear infinite}
@keyframes post-spin{to{transform:rotate(360deg)}}
/* Completion is intentionally shorter than the posting form. */
.detail-dialog.post-dialog.post-success{width:min(580px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.post-success .dialog-toolbar{padding:3px 10px;border:0}
.post-success .post-success-copy{padding:0 24px 22px!important;text-align:center}
.post-success .post-success-copy h2{margin:0 0 12px;font-size:24px!important;line-height:1.35}
.post-success .preview-card{margin:0;animation:none}
.post-success .preview-card img{width:100%;height:auto;max-height:clamp(84px,calc(100dvh - 290px),230px);object-fit:contain;aspect-ratio:auto;background:#f4efe5;border-radius:12px}
.post-success .preview-card figcaption{padding:10px 0 0;line-height:1.5}
.post-success .preview-card figcaption strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;overflow-wrap:anywhere}
.post-success .preview-card figcaption small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#89765f;font-size:12px;margin-top:2px}
.post-success .done{display:block;width:100%;margin:16px auto 0;padding:12px 18px;min-height:46px;font-size:15px;border-radius:12px}
.post-celebration{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:12}
.post-confetti-piece{position:absolute;left:-8px;bottom:16%;width:8px;height:13px;opacity:0;border-radius:2px;pointer-events:none}
.post-confetti-piece.from-right{left:auto;right:-8px}.post-confetti-piece.round{width:8px;height:8px;border-radius:50%}
.confetti-color-0{background:#ef4444}.confetti-color-1{background:#ffc72b}.confetti-color-2{background:#00a7b5}.confetti-color-3{background:#7fae35}.confetti-color-4{background:#ee82ab}.confetti-color-5{background:#8667c9}
@media(max-width:640px){.post-success .post-success-copy{padding:0 18px 18px!important}.post-success .post-success-copy h2{font-size:22px!important}.post-success .preview-card figcaption strong{font-size:14px}.post-success .done{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.post-spinner{animation:post-spin 2s linear infinite!important}}