/* Original subjects in their own picture plane. Content remains immediately usable. */
body.community-gallery .community-page-art {height:300px; border-radius:2px; background:var(--gallery-white);}
body.community-gallery .community-page-art__picture {inset:0 0 54px 46%; width:auto!important; overflow:hidden; border-left:1px solid var(--gallery-line); background:var(--gallery-sage);}
body.community-gallery .community-page-art__picture::after {display:none!important;}
body.community-gallery .community-page-art .art-material {inset:0!important; opacity:.2;}
body.community-gallery .art-material img {object-position:center;}
body.community-gallery .art-vector {inset:0;}
.art-vector--mobile {display:none;}
body.community-gallery .page-art-svg {width:100%;height:100%;overflow:visible;}
body.community-gallery .community-page-art__caption {width:46%;padding:24px 26px 64px;}
body.community-gallery .community-page-art__chapter {font-size:12px;letter-spacing:.14em;}
body.community-gallery .community-page-art__title {font-size:clamp(25px,2.6vw,36px);line-height:1.35;}
body.community-gallery .community-art-host {min-height:310px!important;padding:30px 28px 72px!important;border-radius:2px!important;}
body.community-gallery .community-art-host > .community-page-art {height:100%;width:100%;}
body.community-gallery .community-art-host > :is(h1,h2,p,div):not(.community-page-art) {max-width:54%;}
body.community-gallery .community-art-host > div:first-child {width:54%;}
body.community-gallery .community-art-host > .community-page-art > .community-page-art__picture {inset:0 0 56px 55%!important;width:auto!important;}
body.community-gallery .community-art-host .art-material {left:0!important;}
body.community-gallery .community-art-host > :is(a,button) {z-index:3;}
body.community-gallery .community-art-host h1 {line-height:1.35!important;letter-spacing:.015em;}
body.community-gallery .art-controls {inset:auto 10px 7px auto;gap:5px;align-items:center;max-width:calc(100% - 20px);flex-wrap:wrap;}
body.community-gallery .community-page-art__toggle {min-width:0!important;min-height:44px;padding:8px 10px;gap:5px;white-space:nowrap;font-size:12px;}
body.community-gallery .community-page-art__toggle span {font-size:12px!important;}
body.community-gallery .community-page-art__toggle:disabled {opacity:.75;}
body.community-gallery .art-mode-label {margin:0;display:block;}
body.community-gallery [data-art-mode] {height:44px;min-height:44px;width:76px;padding:5px 4px;border:1px solid var(--gallery-line);border-radius:4px;background:var(--gallery-white);color:var(--gallery-ink);font-size:13px;}
body.community-gallery [data-art-mode]:focus-visible {outline:3px solid var(--gallery-green);outline-offset:2px;}
body[data-art-layout="diagram"] .discussion-feed {border-top:3px double var(--gallery-line);}
body[data-art-layout="stage"] .discussion-feed {border-radius:2px 2px 24px 2px;border-bottom:4px solid var(--gallery-clay);}
body[data-art-layout="diptych"] .dating-person {border-top:0;border-left:3px solid var(--gallery-clay);border-radius:2px 20px 2px 2px;}
body[data-art-layout="diptych"] .dating-person-detail {border:1px solid var(--gallery-line);box-shadow:8px 8px 0 var(--gallery-sage);}
body[data-art-layout="folio"] .discussion-article-shell {border-left:1px solid var(--gallery-line);padding-left:16px;}
body[data-art-layout="pavilion"] .community-rooms-card,body[data-art-layout="pavilion"] .ux-card {border-top:3px double var(--gallery-line);border-radius:28px 28px 2px 2px;}
body[data-art-layout="catalogue"] .commerce-list {border-left:3px solid var(--gallery-clay);padding-left:14px;}
body[data-art-theme="reading"] .discussion-row {border-left:2px solid var(--gallery-line);margin-bottom:12px;}
body[data-art-theme="writing"] .topic-form-card {border-top:3px double var(--gallery-line);box-shadow:8px 8px 0 var(--gallery-sage);}
body[data-art-theme="chat"] .dating-chat-panel {border-top:3px double var(--gallery-line);}
body.community-gallery .discussion-aside::after {background-image:var(--art-scene-poster);background-size:contain;background-repeat:no-repeat;background-position:center bottom;opacity:1;}
body.community-gallery .gallery-footer {border-top:3px double var(--gallery-line);}
body.community-admin-shell .community-art-host {min-height:230px!important;}
body.community-admin-shell .community-page-art {height:230px;}
body.community-admin-shell .community-art-host > .community-page-art > .community-page-art__picture {left:62%!important;}
body.community-admin-shell .community-art-host > div:first-child {width:60%;max-width:60%;}
body.community-admin-shell .community-art-host h1 {font-size:30px!important;}
body.community-admin-login-page .community-page-art {height:240px;}
body.community-gallery .art-admin-work img {height:220px;object-fit:contain;background:var(--gallery-sage);}
body.community-gallery .art-admin-storyboard {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;}
body.community-gallery .art-admin-storyboard li {border-left:3px solid var(--gallery-clay);padding:14px;background:var(--gallery-sage);}
body.community-gallery .art-live-preview {display:inline-flex;min-height:44px;align-items:center;padding:8px 12px;border:1px solid var(--gallery-line);margin:4px;}
/* The SVG itself remains complete if JavaScript or motion is unavailable. */
body.community-gallery .community-page-art .page-art-svg g[class] {transform-box:fill-box;transform-origin:center;animation-play-state:var(--scene-art-play,running)!important;}
body.art-ready .art-enter {animation:art-subject-enter calc(1.5s * var(--art-pace,1)) cubic-bezier(.2,.7,.2,1) both;}
body.art-ready :is(.art-leaf,.art-petal) {animation:art-leaf-open calc(9s * var(--art-pace,1)) ease-in-out infinite;transform-origin:center;}
body.art-ready .art-branch {animation:art-branch-sway calc(12s * var(--art-pace,1)) ease-in-out infinite;transform-origin:bottom center;}
body.art-ready :is(.art-meeting-left,.art-print-left,.art-collage,.art-book-page) {animation:art-paper-near calc(11s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready :is(.art-meeting-right,.art-print-right,.art-paper-slip,.art-bookmark,.art-letter) {animation:art-paper-far calc(13s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready .art-meeting-left {animation-name:art-meeting-near;}
body.art-ready .art-meeting-right {animation-name:art-meeting-far;}
body.art-ready .art-route-sheet {animation:art-route-sheet calc(9s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready .art-route-paper {animation:art-paper-far calc(10s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready :is(.art-beam,.art-window-shadow) {animation:art-light-pass calc(10s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready :is(.art-tide,.art-ink-line) {animation:art-water-near calc(12s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready .art-tide-back {animation:art-water-far calc(16s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready :is(.art-route-light,.art-sun,.art-echo,.art-swatch) {animation:art-subject-glow calc(10s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready .art-pendulum {animation:art-pendulum-swing calc(8s * var(--art-pace,1)) ease-in-out infinite;transform-origin:top center;}
body.art-ready .art-stage-left {animation:art-stage-near calc(12s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready .art-stage-right {animation:art-stage-far calc(12s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready :is(.art-draw,.art-path) path {stroke-dasharray:1400;animation:art-path-reveal calc(1.7s * var(--art-pace,1)) ease-out both;animation-play-state:var(--scene-art-play,running);}
body.art-ready :is(.art-orb,.art-tag,.art-envelope,.art-frame,.art-ribbon,.art-pencil,.art-seal,.art-key,.art-lamp) {animation:art-paper-far calc(14s * var(--art-pace,1)) ease-in-out infinite;}
body.art-ready .community-page-art:is([data-art-behavior="intro"],[data-art-behavior="still"]) .page-art-svg g[class] {animation:art-subject-enter calc(1.5s * var(--art-pace,1)) cubic-bezier(.2,.7,.2,1) both;}
body.art-ready .community-page-art[data-art-behavior="calm"] .page-art-svg g[class] {animation-duration:calc(18s * var(--art-pace,1));}
body.art-ready .community-page-art:is([data-art-motion="still"],[data-art-display="still"]) .page-art-svg g[class],
body.art-ready .community-page-art:is([data-art-motion="still"],[data-art-display="still"]) .page-art-svg path {animation:none!important;}
body:not(.art-ready) :is(.page-art-svg g,.page-art-svg path) {animation:none!important;}
@keyframes art-subject-enter {from{opacity:.4;translate:0 14px;}to{opacity:1;translate:0 0;}}
@keyframes art-leaf-open {0%,100%{rotate:calc(-5deg * var(--art-intensity,1));scale:1;}50%{rotate:calc(5deg * var(--art-intensity,1));scale:1.035;}}
@keyframes art-branch-sway {0%,100%{rotate:calc(-2deg * var(--art-intensity,1));}50%{rotate:calc(2deg * var(--art-intensity,1));}}
@keyframes art-paper-near {0%,100%{translate:0 0;rotate:-1deg;}50%{translate:calc(9px * var(--art-intensity,1)) -8px;rotate:1deg;}}
@keyframes art-paper-far {0%,100%{translate:0 0;}50%{translate:calc(-12px * var(--art-intensity,1)) 7px;}}
@keyframes art-meeting-near {0%,100%{translate:calc(18px * var(--art-connection,0)) 0;rotate:-1deg;}50%{translate:calc(18px * var(--art-connection,0) + 9px * var(--art-intensity,1)) -8px;rotate:1deg;}}
@keyframes art-meeting-far {0%,100%{translate:calc(-24px * var(--art-connection,0)) 0;}50%{translate:calc(-24px * var(--art-connection,0) - 12px * var(--art-intensity,1)) 7px;}}
@keyframes art-route-sheet {0%,100%{translate:calc(-14px * var(--art-intensity,1)) 0;rotate:-2deg;}50%{translate:calc(14px * var(--art-intensity,1)) -9px;rotate:2deg;}}
@keyframes art-light-pass {0%,100%{translate:calc(-26px * var(--art-intensity,1)) 0;opacity:.62;}50%{translate:calc(26px * var(--art-intensity,1)) -8px;opacity:1;}}
@keyframes art-water-near {0%,100%{translate:calc(-24px * var(--art-intensity,1)) 0;}50%{translate:calc(24px * var(--art-intensity,1)) -9px;}}
@keyframes art-water-far {0%,100%{translate:calc(22px * var(--art-intensity,1)) 0;}50%{translate:calc(-22px * var(--art-intensity,1)) 8px;}}
@keyframes art-subject-glow {0%,100%{opacity:.56;scale:.97;}50%{opacity:1;scale:1.02;}}
@keyframes art-pendulum-swing {0%,100%{rotate:calc(-8deg * var(--art-intensity,1));}50%{rotate:calc(8deg * var(--art-intensity,1));}}
@keyframes art-stage-near {0%,100%{translate:0 0;}50%{translate:calc(-16px * var(--art-intensity,1)) 0;}}
@keyframes art-stage-far {0%,100%{translate:0 0;}50%{translate:calc(16px * var(--art-intensity,1)) 0;}}
@keyframes art-path-reveal {from{stroke-dashoffset:0;opacity:.55;}to{stroke-dashoffset:0;opacity:1;}}
body.community-gallery[data-art-scheme="night"] .community-page-art__picture {background:#30473c;}
body.community-gallery[data-art-scheme="night"] .art-material {opacity:.26!important;}
body.community-gallery[data-art-scheme="night"] .page-art-svg {filter:brightness(1.15) saturate(.8);}
/* Optional exhibition: a real dialog, user opened, never a gate to the platform. */
.art-exhibition {width:min(1040px,calc(100% - 28px));max-height:92dvh;padding:0;border:1px solid var(--gallery-line);border-radius:4px;background:var(--gallery-white);color:var(--gallery-ink);overflow:auto;}
.art-exhibition::backdrop {background:#10281fbb;}
.art-exhibition-bar {position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;background:var(--gallery-white);border-bottom:1px solid var(--gallery-line);}
.art-exhibition button,.art-exhibition select,.art-exhibition a {min-height:44px;padding:8px 12px;border:1px solid var(--gallery-line);background:var(--gallery-white);color:var(--gallery-ink);border-radius:3px;}
.art-exhibition button:focus-visible,.art-exhibition select:focus-visible,.art-exhibition a:focus-visible {outline:3px solid var(--gallery-green);outline-offset:2px;}
.art-exhibition-canvas {position:relative;height:min(54vh,500px);overflow:hidden;background:var(--gallery-sage);--art-intensity:1;--art-pace:1;}
.art-exhibition-canvas .community-page-art__picture {inset:0!important;border:0!important;}
.art-exhibition-canvas .art-material {opacity:.14;}
.art-exhibition-canvas .page-art-svg g[class],.art-exhibition-canvas .page-art-svg path {animation-play-state:var(--exhibition-play,paused)!important;}
.art-exhibition-copy {padding:22px 28px;line-height:1.8;}
.art-exhibition-copy h2 {font-family:'Noto Serif TC','PMingLiU',serif;font-size:28px;line-height:1.4;}
.art-exhibition-subtitle {font-size:13px;letter-spacing:.06em;}
.art-exhibition-copy summary {min-height:44px;cursor:pointer;}
.art-exhibition-copy a {display:inline-flex;align-items:center;margin-top:16px;}
.art-exhibition-frames {display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-bottom:1px solid var(--gallery-line);}
.art-preview-banner {position:relative;padding:12px 20px;border:2px solid var(--gallery-clay);background:var(--gallery-white);color:var(--gallery-ink);line-height:1.7;}
@media(max-width:700px) {
 body.community-gallery .community-page-art {height:260px;}
 body.community-gallery .community-page-art__picture {inset:0 0 56px 43%;}
 body.community-gallery .community-page-art__caption {width:56%;padding:18px 14px 64px;}
 body.community-gallery .community-page-art__title {font-size:24px;}
 body.community-gallery .community-art-host {min-height:270px!important;padding:19px 15px 73px!important;}
 body.community-gallery .community-art-host > .community-page-art > .community-page-art__picture {inset:0 0 58px 50%!important;}
 body.community-gallery .community-art-host > :is(h1,h2,p,div):not(.community-page-art) {max-width:50%;}
 body.community-gallery .community-art-host > div:first-child {width:50%;}
 .art-vector--mobile {display:block;}
 .art-vector--desktop {display:none;}
 body.community-gallery .community-art-host h1 {font-size:27px!important;}
 body.community-gallery .community-art-host p {font-size:14px!important;line-height:1.65;}
 body.community-gallery .community-page-art__toggle {padding:8px 6px;font-size:12px;}
 body.community-gallery .art-controls {left:7px;right:7px;bottom:7px;justify-content:flex-end;max-width:none;gap:4px;}
 body.community-gallery [data-art-mode] {width:65px;}
 body.community-admin-shell .community-art-host {min-height:225px!important;}
 body.community-admin-shell .community-art-host > .community-page-art > .community-page-art__picture {left:55%!important;}
 body.community-admin-shell .community-art-host > div:first-child {width:52%;max-width:52%;}
 body.community-gallery .community-art-host p {overflow-wrap:anywhere;}
 body.community-admin-shell .community-art-host h1 {font-size:25px!important;}
 body.community-gallery .art-admin-storyboard {grid-template-columns:1fr;}
 .art-exhibition-canvas {height:300px;}
 .art-exhibition-copy {padding:18px;}
 .art-exhibition-bar {padding:8px;flex-wrap:wrap;}
 body[data-art-layout="folio"] .discussion-article-shell {padding-left:0;border-left:0;}
}
@media(prefers-reduced-motion:reduce) {body.art-ready :is(.page-art-svg g,.page-art-svg path,.art-match-petal){animation:none!important;}}