.sx-shell .ui-main{padding-bottom:80px}.sx-lead{color:#547590;font-size:1.1rem}.sx-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.sx-entry{display:flex;flex-direction:column;text-decoration:none;color:#214e72;border:1px solid #c8dce7;border-radius:16px;padding:26px;background:linear-gradient(145deg,#fbfdff,#eaf4fc);transition:transform .15s}.sx-entry:hover{transform:translateY(-3px)}.sx-entry-1{background:linear-gradient(145deg,#fffdf6,#edf5fc)}.sx-entry-2{background:linear-gradient(145deg,#eef8fa,#e1edf8)}.sx-entry.is-active{outline:2px solid #2d71a5}.sx-entry small{color:#668ca9;letter-spacing:3px}.sx-entry h2{font-size:1.5rem;margin:12px 0}.sx-entry p{line-height:1.85;margin:0 0 12px}.sx-entry>span{margin-top:auto;padding-top:12px;font-weight:bold}.sx-search{display:flex;align-items:end;gap:12px;margin:30px 0 14px}.sx-search label{flex:1}.sx-search label span{display:block;margin-bottom:8px}.sx-search input{width:100%}.sx-filters{display:flex;flex-wrap:wrap;gap:8px}.sx-results-count{margin:22px 0;color:#617c91}.sx-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sx-result{display:grid;grid-template-columns:145px 1fr;gap:24px;padding:24px;border:1px solid #cbdde9;border-radius:16px;background:#ffffffec}.sx-result img{width:145px;height:194px;object-fit:cover;border-radius:8px}.sx-result h2{font-size:1.3rem;margin:0 0 12px}.sx-result p{line-height:1.8}.sx-type-label{display:inline-block;background:#eaf3fa;font-size:.7em;padding:4px 8px;border-radius:8px;margin-left:10px;white-space:nowrap}.sx-topic-label{font-size:.85em;color:#68879d}.sx-section-heading{display:flex;gap:20px;align-items:center;margin-top:25px}.sx-detail,.sx-gate{display:grid;grid-template-columns:minmax(230px,340px) 1fr;gap:40px;margin-top:30px;align-items:start}.sx-poster,.sx-gate>img{width:100%;border-radius:16px}.sx-mode{padding:22px;border:1px solid #ccdfeb;border-radius:14px;margin:18px 0;background:#fff}.sx-private{background:#eef7fc}.sx-mode h3{margin-top:0}.sx-mode p{line-height:1.85}.sx-guide{margin:28px 0}.sx-guide summary,.sx-room-help summary{cursor:pointer;font-size:1.2rem;font-weight:bold;color:#225a82}.sx-step{margin:25px 0;padding-bottom:20px;border-bottom:1px solid #dfebf2}.sx-step h2{font-size:1.25rem}.sx-step p,.sx-story p{line-height:1.85}.sx-transition{color:#68849b;font-size:.95em}.sx-private-notice{padding:18px 24px;border-radius:12px;background:#eaf4fb;border:1px solid #c0d9ec;margin:24px 0}.sx-private-notice p{margin-bottom:0}.sx-writing{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:30px;align-items:start}.sx-workspace{position:sticky;top:15px;min-width:0;background:#ffffffdf;padding:18px;border:1px solid #d1e1ec;border-radius:15px}.sx-writing-questions{padding:0 20px;background:#fffffff0;border:1px solid #d1e1ec;border-radius:15px}.sx-board-tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:14px}.sx-board-tools .field{margin:0}.sx-board-tools button,.sx-downloads button{font-size:.9rem}.sx-board{position:relative;background:white;overflow:hidden;border:1px solid #c4d9e7;isolation:isolate}.sx-board-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.sx-board-items{position:absolute;inset:0}.sx-card{position:absolute;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;min-height:0;min-width:0;border-radius:0}.sx-card img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.sx-card.is-selected{outline:2px solid #3183bc}.sx-card-pool{display:flex;gap:7px;overflow:auto;height:125px;padding:8px;margin:10px 0}.sx-card-pool button{padding:0;border:0;flex:0 0 66px;background:none;min-width:0}.sx-card-pool img{width:66px;height:100px;object-fit:contain}.sx-question textarea,.sx-step textarea{width:100%;resize:vertical;line-height:1.7}.sx-downloads{display:flex;flex-wrap:wrap;gap:8px}.sx-room-help{margin:22px 0}.sx-room-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:18px}.sx-room-options>section,.sx-room-options>label{display:block;padding:20px;background:#f2f8fc;border-radius:12px}.sx-room-options p{line-height:1.85}.sx-room-options label input{margin-right:10px}.sx-related{margin:35px 0}.sx-return{margin:15px 0}.sx-shared-guide{padding:14px;max-height:65vh;overflow:auto;background:#f8fcff;border:1px solid #d5e5ef;border-radius:12px}.sx-shared-guide .sx-step h2{font-size:1rem}.sx-shared-guide .sx-step{margin:12px 0}.sx-admin-poster{max-width:160px}.sx-stage-editor{padding:16px;border:1px solid #d4e4ef;margin:18px 0}.sx-create-note{font-size:.9rem;color:#617b91}.sx-workspace #sx-save{font-size:.85rem;color:#5b7b91}.sx-gate{max-width:950px;margin:35px auto}.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}@media(max-width:950px){.sx-entries{grid-template-columns:1fr}.sx-writing{grid-template-columns:1fr}.sx-workspace{position:static}.sx-detail,.sx-gate{grid-template-columns:240px 1fr;gap:22px}.sx-results{grid-template-columns:1fr}}@media(max-width:600px){.sx-detail,.sx-gate{grid-template-columns:1fr}.sx-poster,.sx-gate>img{max-width:260px;margin:auto}.sx-result{grid-template-columns:100px 1fr;padding:14px;gap:15px}.sx-result img{width:100px;height:134px}.sx-search{flex-wrap:wrap}.sx-search label{flex-basis:100%}.sx-section-heading{display:block}.sx-type-label{margin:5px 0}.sx-writing-questions{padding:0 14px}}

.sx-shell{position:relative;isolation:isolate;min-height:100vh;background:#fff}.sx-shell::after{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;right:0;bottom:0;height:260px;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 65%),url('/ui/word-footer-brush.png') center bottom/100% 100% no-repeat}.sx-shell>.ui-main{position:relative}.sx-shared-guide .sx-question p{white-space:normal}.sx-mode .field{margin-bottom:14px}

/* Reviewed interaction revision, 2026-10-27. */
.sx-hall{background:#f3f0e4}.sx-hall::before{content:'';position:absolute;inset:var(--ui-header-height,80px) 0 0;z-index:-1;background:url('/experience/play-hall.png') center/cover no-repeat;opacity:.58;pointer-events:none}.sx-hall .sx-entry{background:#fffdf0e8}.sx-hall .sx-update{line-height:1.8;margin-bottom:24px}.sx-set-options{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0;padding:16px}.sx-set-options label{display:flex;gap:8px;align-items:center}.sx-set-options input{width:auto}.sx-resize{position:absolute;right:0;bottom:0;width:17px;height:17px;border:2px solid #28699b;background:#fff;cursor:nwse-resize;touch-action:none}.sx-guide-button{width:100%;margin-bottom:14px}.sx-guide-copy{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.sx-guide-modal{width:min(850px,94vw);max-height:88dvh;overflow:auto}.room-manager-workbench.ref-unified-secondary .ui-main{height:auto!important;min-height:calc(100dvh - var(--ui-header-height));overflow:visible!important}.room-manager-workbench .room-manager-content{height:auto!important;overflow:visible!important}.room-manager-workbench .room-manager-table{max-height:none;overflow:visible}.room-manager-workbench .sx-room-help{flex:none}.sx-hall .sx-results{margin-bottom:40px}

/* Fade the footer overlay into the hall illustration without a white seam. */
.sx-hall::after{height:340px;mask-image:linear-gradient(to bottom,transparent 0%,#000 85%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 85%)}

.sx-shell .ui-main{font-size:16px}.sx-shell .sx-lead{font-size:17px;margin:8px 0}.sx-hall .sx-update{font-size:16px;margin:8px 0 16px;line-height:1.55}.sx-entries{margin:18px 0;gap:18px}.sx-entry{padding:20px}.sx-entry p{font-size:17px;line-height:1.65;margin-bottom:8px}.sx-entry h2{font-size:23px;margin:8px 0 12px}.sx-entry>span{padding-top:10px}.sx-shell h1{margin:14px 0}.sx-search{margin:20px 0 10px}.sx-private-notice{margin:16px 0;padding:14px 20px}.sx-private-notice p{line-height:1.6}.sx-step{margin:18px 0;padding-bottom:16px}.sx-step .field{margin-top:12px}.sx-card-delete{position:absolute;right:0;top:0;width:24px;height:24px;line-height:21px;background:#fff;color:#a53d3d;border:1px solid #b2cbdc;border-radius:50%;font-size:20px;cursor:pointer}.sx-writing-editor fieldset{padding:16px;margin:18px 0;border:1px solid #c9dce8}.sx-writing-editor textarea{width:100%}

.sx-hall .sx-section-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.sx-hall .sx-section-heading h2{margin:0;font-size:22px}.sx-hall .sx-hall-back{flex:none;width:auto;min-width:0;white-space:nowrap}.sx-detail-return{display:flex;justify-content:flex-end;margin-top:18px}.ref-game-poster-layout{align-items:start}.ref-game-facts h2{font-size:22px;margin:20px 0 12px}.ref-game-facts p{line-height:1.75}.sx-hall .sx-section-heading .button{padding:7px 12px;min-height:32px;font-size:14px}

/* Group the heading so global main spacing does not separate each line. */
.sx-hall .sx-hall-heading{margin:4px 0 0}.sx-hall .sx-hall-heading h1{font-family:var(--yuni-editorial-serif);font-size:30px;line-height:1.35;margin:0 0 8px}.sx-hall .sx-hall-heading .sx-lead{font-family:var(--yuni-editorial-sans);font-size:17px;line-height:1.5;margin:0 0 6px}.sx-hall .sx-hall-heading .sx-update{font-family:var(--yuni-editorial-sans);font-size:16px;line-height:1.5;margin:0}.sx-hall .sx-entries{margin-top:14px}

html[data-yuni-surface='public'] #app .sx-hall .sx-hall-heading h1{font-family:var(--yuni-editorial-serif)!important;font-weight:600;letter-spacing:.01em}

.sx-writing-questions .sx-step{margin:14px 0;padding-bottom:14px}.sx-writing-questions .sx-step h2{margin:0 0 10px;line-height:1.4}.sx-writing-questions .sx-writing-prompt p{white-space:pre-wrap;font-size:16px;line-height:1.6;margin:0 0 8px}.sx-writing-questions .sx-writing-prompt p:last-child{margin-bottom:0}.sx-writing-questions .sx-step .field{margin-top:12px}

/* Personal exploration follows the shared-room material / canvas / guide arrangement. */
.sx-personal>.ui-main{width:calc(100% - 40px);max-width:1800px;padding-bottom:24px}.sx-personal .sx-private-notice{margin:10px 0 16px;padding:12px 18px}.sx-personal .sx-private-notice p{margin:4px 0 0}.sx-personal .sx-writing{position:relative;grid-template-columns:170px minmax(0,1fr) minmax(320px,390px);gap:14px;align-items:stretch;height:max(540px,calc(100dvh - 290px));min-height:0}.sx-personal .sx-writing[data-pool-closed=true]{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.sx-personal .sx-library{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #c8dde8;border-radius:14px;background:#f2f8fc;padding:12px}.sx-personal .sx-writing[data-pool-closed=true] .sx-library{display:none}.sx-library-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}.sx-library-heading h2{font-size:16px;margin:0}.sx-library-heading button{padding:3px 8px;min-height:28px}.sx-library .field{margin:0}.sx-library .field span{font-size:13px}.sx-library select{width:100%;min-width:0;padding:8px 5px;font-size:14px}.sx-library-hint{font-size:12px;color:#668399;margin:8px 0}.sx-personal .sx-card-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 6px;overflow-y:auto;overflow-x:hidden;min-height:0;height:auto;flex:1;padding:3px;margin:0;scrollbar-width:thin;overscroll-behavior:contain}.sx-personal .sx-card-pool button{width:100%;min-width:0;min-height:0;display:block;align-self:start;cursor:grab}.sx-personal .sx-card-pool img{display:block;width:100%;height:105px;object-fit:contain;pointer-events:none;user-select:none}.sx-personal .sx-workspace{position:static;min-height:0;overflow:auto;padding:14px;scrollbar-width:thin}.sx-personal .sx-board-tools{align-items:flex-end;gap:8px;margin-bottom:12px}.sx-personal .sx-board-tools button{min-height:40px;box-sizing:border-box;margin:0}.sx-personal .sx-writing-questions{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px;scrollbar-width:thin}.sx-personal .sx-workspace>.muted{font-size:13px;line-height:1.6;margin:10px 0}.sx-personal .sx-downloads{gap:6px;margin-top:14px}.sx-personal .sx-downloads button{padding:8px;font-size:13px}.sx-drag-card{position:fixed;z-index:99999;pointer-events:none;width:80px;height:115px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 8px #2345)}
@media(max-width:1099px){.sx-personal .sx-writing,.sx-personal .sx-writing[data-pool-closed=true]{grid-template-columns:minmax(0,1fr) minmax(300px,38%);height:max(540px,calc(100dvh - 290px))}.sx-personal .sx-library{position:absolute;left:0;top:0;bottom:0;width:210px;max-width:80%;z-index:10;box-shadow:10px 0 30px #2343;background:#f2f8fc}.sx-personal .sx-card-pool img{height:130px}}
@media(max-width:759px){.sx-personal>.ui-main{width:calc(100% - 24px)}.sx-personal .sx-writing,.sx-personal .sx-writing[data-pool-closed=true]{grid-template-columns:1fr;height:auto;gap:14px}.sx-personal .sx-library{bottom:auto;height:min(65dvh,560px)}.sx-personal .sx-workspace{overflow:visible;padding:12px}.sx-personal .sx-writing-questions{max-height:none;overflow:visible;padding:0 14px}.sx-personal .sx-private-notice{padding:12px}.sx-personal .sx-board-tools button{font-size:13px;padding:8px}.sx-personal .sx-step textarea{min-height:140px}}

.sx-personal .sx-card-pool{grid-auto-rows:112px}.sx-personal .sx-card-pool button{height:112px}.sx-personal .sx-card-pool img{height:100%}@media(max-width:1099px){.sx-personal .sx-card-pool{grid-auto-rows:132px}.sx-personal .sx-card-pool button{height:132px}}
/* Shared reading rhythm for the three libraries and their introductions. */
#app .ui-shell.sx-hall>.ui-main,#app .ui-shell.sx-overview>.ui-main{display:block;gap:0;padding-top:20px}
.sx-hall .ref-subnav,.sx-overview .ref-subnav{margin:0 0 16px;gap:8px}
.sx-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.sx-hall .sx-category-heading h1,.sx-overview>.ui-main>h1{font-size:28px;line-height:1.35;margin:0}
html[data-yuni-surface='public'] #app .sx-category-heading h1{font-family:var(--yuni-editorial-serif)!important;font-weight:600;letter-spacing:.01em}
.sx-hall .sx-category-heading .sx-section-heading{margin:0}
.sx-hall .sx-search{margin:14px 0 8px;gap:10px}
.sx-hall .sx-search label span{font-size:14px;line-height:1.4;margin-bottom:5px}
.sx-hall .sx-search input{font-size:15px;padding:9px 12px;min-height:38px}
.sx-hall .sx-filters{gap:7px;margin:0}
.sx-hall .sx-section-heading{margin:14px 0 0;gap:10px}
.sx-hall .sx-section-heading .sx-collection-title{font-size:20px;line-height:1.4}
.sx-hall .sx-results-count{font-size:14px;line-height:1.4;margin:12px 0 10px}
.sx-hall .sx-results{gap:16px}
.sx-hall .sx-result{gap:18px;padding:20px;align-items:start}
.sx-hall .sx-result h2{font-size:21px;line-height:1.4;margin:0 0 8px}
.sx-hall .sx-result p{font-size:16px;line-height:1.6;margin:0 0 10px}
.sx-hall .sx-result .sx-topic-label{font-size:14px;line-height:1.4;margin:0 0 10px}
.sx-hall .sx-type-label{font-size:12px;line-height:1.4;padding:4px 7px}
.sx-hall .sx-entry p{line-height:1.6}
.sx-overview .sx-detail,.sx-overview .sx-gate{gap:28px;margin:16px 0 0}
.sx-overview p{font-size:16px;line-height:1.6;margin:0 0 10px}
.sx-overview h2{font-size:22px;line-height:1.4;margin:16px 0 10px}
.sx-overview .sx-mode{padding:18px;margin:12px 0}
.sx-overview .sx-mode h3{font-size:18px;line-height:1.4;margin:0 0 8px}
.sx-overview .sx-set-options{padding:12px;margin:12px 0;gap:12px}
.sx-overview .sx-mode .field{margin:10px 0}
.sx-overview .sx-guide{margin:16px 0}
.sx-overview .sx-guide-copy{line-height:1.6}
.ref-game-poster-page .ui-main{gap:14px}
.ref-game-poster-page .ref-game-poster-layout{gap:26px;padding:24px}
.ref-game-poster-page .ref-game-brief h1{font-size:28px;line-height:1.35;margin:0 0 10px}
.ref-game-poster-page .ref-game-teaser,.ref-game-poster-page .ref-game-facts p{font-size:16px;line-height:1.6;margin:0 0 8px}
.ref-game-poster-page .ref-game-facts p:empty{display:none}
.ref-game-poster-page .ref-game-facts h2{font-size:21px;line-height:1.4;margin:14px 0 8px}
.ref-game-poster-page .ref-game-brief .actions{margin-top:14px}
.ref-game-poster-page .sx-detail-return{margin-top:14px}
@media(max-width:700px){.sx-category-heading{flex-wrap:wrap;justify-content:flex-start}.sx-hall .sx-category-heading h1,.sx-overview>.ui-main>h1,.ref-game-poster-page .ref-game-brief h1{font-size:25px}.sx-hall .sx-result{padding:14px;gap:14px}.sx-hall .sx-result h2{font-size:19px}.sx-hall .sx-result p{font-size:15px}.sx-overview .sx-detail,.sx-overview .sx-gate{gap:18px}.ref-game-poster-page .ref-game-poster-layout{padding:18px;gap:18px}}

/* Writing immersion keeps cards, canvas and private answers within one screen. */
.sx-personal.sx-immersive{position:fixed;inset:0;z-index:1200;padding:0;min-height:0;height:100dvh;overflow:hidden;background:#f3f8fb}
.sx-personal.sx-immersive>.ui-header{display:none!important}
#app .sx-personal.sx-immersive>.ui-main{display:flex;flex-direction:column;gap:0;width:100%;max-width:none;height:100%;padding:10px 14px;box-sizing:border-box;min-height:0}
.sx-personal.sx-immersive .ref-subnav{display:none!important}
.sx-personal.sx-immersive>.ui-main>h1{font-size:20px;line-height:1.35;margin:0 0 4px}
.sx-personal.sx-immersive .sx-private-notice{padding:0;margin:0 0 8px;border:0;background:transparent;font-size:12px;line-height:1.4}
.sx-personal.sx-immersive .sx-private-notice p{display:none}
.sx-personal.sx-immersive .sx-writing{height:auto;min-height:0;flex:1;width:100%}
.sx-personal.sx-immersive .sx-workspace{padding:10px}
.sx-personal.sx-immersive .sx-board-tools{position:sticky;top:-10px;z-index:20;background:#fff;padding:8px 0;margin-top:-8px}
.sx-personal.sx-immersive [data-sx=immersive]{margin-left:auto}
.sx-personal.sx-immersive .sx-library-hint{line-height:1.5}
.modal-backdrop:has(.add1-card-preview-modal){z-index:2000}
@media(max-width:759px){.sx-personal.sx-immersive .sx-writing{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.sx-personal.sx-immersive .sx-workspace{flex:none;overflow:visible}.sx-personal.sx-immersive .sx-writing-questions{flex:none;max-height:none;overflow:visible}.sx-personal.sx-immersive>.ui-main>h1{font-size:17px}.sx-personal.sx-immersive .sx-library{position:fixed;left:14px;top:76px;bottom:12px;height:auto;z-index:30}.sx-personal.sx-immersive .sx-board-tools{top:0}}
.sx-personal .sx-card.is-selected{z-index:30}
.sx-personal .sx-card-delete,.sx-personal .sx-resize{z-index:2;pointer-events:auto}
.sx-hall .sx-category-heading{flex-wrap:nowrap;justify-content:space-between}
.sx-hall .sx-category-heading .sx-hall-back{margin-left:auto;align-self:center;padding:7px 12px;min-height:32px;font-size:14px}
@media(max-width:700px){.sx-hall .sx-category-heading{gap:8px}.sx-hall .sx-category-heading h1{font-size:23px;min-width:0}.sx-hall .sx-category-heading .sx-hall-back{font-size:13px;padding:7px 9px}}
.sx-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sx-overview .sx-overview-heading h1{font-size:28px;line-height:1.35;margin:0;min-width:0}
.sx-overview-heading>.button{flex:none;white-space:nowrap;margin-left:auto}
@media(max-width:700px){.sx-overview-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}.sx-overview .sx-overview-heading h1{font-size:25px}.sx-overview-heading>.button{font-size:13px}}
.sx-result-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sx-intro-modal{width:min(850px,94vw)}
.sx-public-intro{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start}
.sx-public-intro>img{width:100%;height:auto;border-radius:8px}
.sx-public-intro h3{margin:0 0 10px;font-size:20px}
.sx-public-intro p{font-size:16px;line-height:1.6;margin:0 0 10px}
@media(max-width:600px){.sx-public-intro{grid-template-columns:1fr;gap:16px}.sx-public-intro>img{max-width:150px;margin:auto}.sx-result-actions{gap:6px}}

.sx-personal .sx-card-meaning{margin:8px 0 12px;padding:9px 11px;background:#edf5fb;border-left:3px solid #76a4c9;line-height:1.55;border-radius:4px;}

#app .sx-personal>.ui-main{display:block;position:relative;padding-top:12px;gap:0}
#app .sx-personal .ref-subnav{margin:0 0 10px;gap:7px}
#app .sx-personal>.ui-main>h1{font-size:28px;line-height:1.3;margin:8px 160px 10px 0}
#app .sx-personal .sx-private-notice{margin:0 0 12px;padding:9px 14px;line-height:1.5}
.sx-writing-colors{display:flex;gap:10px;justify-content:flex-end;margin:0;position:absolute;right:0;top:73px}
.sx-writing-colors button{width:19px;height:19px;min-height:19px;padding:0;border:1px solid #9aafc2;border-radius:50%;background:#fff}
.sx-writing-colors [data-color=cream]{background:#f6f0df}.sx-writing-colors [data-color=mint]{background:#e7f2ed}.sx-writing-colors [data-color=night]{background:#232740}
.sx-writing-colors [aria-pressed=true]{outline:1px solid #668898;outline-offset:3px}
.sx-personal{--sx-bg:#f8fafb;--sx-panel:#fff;--sx-text:#234d70;--sx-line:#c8dde8;background:var(--sx-bg)!important}
/* The hall scrolls with the document; only an open modal may lock scrolling. */
html:has(#app .sx-hall):not(:has(.modal-backdrop)){height:auto!important;min-height:100%;overflow-y:auto!important}
body:has(#app .sx-hall):not(:has(.modal-backdrop)){height:auto!important;max-height:none!important;overflow-y:visible!important}
#app:has(.sx-hall),#app .ui-shell.sx-hall{height:auto!important;max-height:none!important;overflow:visible!important}
#app .ui-shell.sx-hall>.ui-main{height:auto!important;max-height:none!important;overflow:visible!important}
.sx-room-options .sx-room-points,.sx-create-note .sx-room-points{list-style:disc;margin:10px 0 18px;padding-left:1.2em;font-size:inherit;line-height:1.6}
.sx-room-points li{padding-left:2px;margin:0 0 9px;overflow-wrap:anywhere}
.sx-room-points li:last-child{margin-bottom:0}
.sx-room-options h3{font-size:1rem;line-height:1.5;margin:0 0 10px}
.sx-room-guide>section{display:flex;flex-direction:column;align-items:flex-start}
.sx-room-guide .sx-room-points{flex:1}
.sx-room-guide>section>.button{margin-top:auto;align-self:flex-start}
.sx-create-note h3{font-size:1rem;margin:12px 0 8px}
.sx-personal[data-writing-theme=cream]{--sx-bg:#f6f0df;--sx-panel:#fffaf0;--sx-line:#dfd4ba}
.sx-personal[data-writing-theme=mint]{--sx-bg:#e9f0e8;--sx-panel:#f5faf3;--sx-line:#cbdace;--sx-text:#3d6259}
.sx-personal[data-writing-theme=night]{--sx-bg:#16192f;--sx-panel:#232740;--sx-line:#616a84;--sx-text:#e1e6f0}
#app .sx-personal .sx-workspace,#app .sx-personal .sx-library,#app .sx-personal .sx-writing-questions,#app .sx-personal .sx-board-tools{background:var(--sx-panel);border-color:var(--sx-line);color:var(--sx-text)}
#app .sx-personal>.ui-main>h1,.sx-personal .sx-step h2,.sx-personal .sx-library h2{color:var(--sx-text)}
.sx-personal[data-writing-theme=night] .sx-private-notice,.sx-personal[data-writing-theme=night] .sx-card-meaning{background:#2b3550;color:#e1e6f0;border-color:#616a84}
.sx-personal[data-writing-theme=night] .sx-writing-prompt,.sx-personal[data-writing-theme=night] .field>span,.sx-personal[data-writing-theme=night] .sx-library-hint{color:#d4deea}
.sx-personal[data-writing-theme=night] button:not([data-color]),.sx-personal[data-writing-theme=night] select,.sx-personal[data-writing-theme=night] textarea{background:#2b304d;color:#e1e6f0;border-color:#616a84}
.sx-personal[data-writing-theme=night] textarea::placeholder{color:#a8b1c7}
#app .sx-personal.sx-immersive>.ui-main>h1{font-size:20px;margin:0 145px 4px 0}
.sx-personal.sx-immersive .sx-writing-colors{top:13px;right:18px}
@media(max-width:759px){#app .sx-personal>.ui-main>h1{font-size:22px;margin-right:0}.sx-writing-colors{position:static;margin:0 4px 12px}.sx-personal.sx-immersive .sx-writing-colors{position:absolute}#app .sx-personal.sx-immersive>.ui-main>h1{font-size:17px}}

.sx-public-intro{display:flex;flex-direction:column;gap:16px}.sx-canvas-preview{margin:0;width:100%}.sx-canvas-preview img{display:block;width:100%;height:auto;border-radius:8px}.sx-canvas-preview figcaption{font-size:12px;color:#6d8799;margin-top:6px}.sx-public-intro>div{width:100%}
.sx-canvas-preview img{max-height:280px;object-fit:contain;background:#f5f8fc}.sx-intro-modal .modal-body{padding-top:16px}

.sx-public-intro .sx-canvas-preview{width:60%;align-self:center}.sx-canvas-preview figcaption{text-align:center;line-height:1.5;font-size:12px}.sx-canvas-preview img{max-height:none;background:transparent}@media(max-width:600px){.sx-public-intro .sx-canvas-preview{width:65%}}

/* Local appearance only; background stays fixed to the viewport. */
.sx-personal[data-writing-theme=lavender]{--sx-bg:#A38CDA;--sx-panel:#f9fbfa;--sx-line:#c5d1d5;--sx-text:#2d5069;background:#A38CDA!important;background-attachment:fixed!important;background-size:100vw 100dvh!important;background-repeat:no-repeat!important}
.sx-writing-colors [data-color=lavender]{background:#A38CDA!important}
.sx-personal[data-writing-theme=sage]{--sx-bg:#9EA98D;--sx-panel:#f9fbfa;--sx-line:#c5d1d5;--sx-text:#2d5069;background:#9EA98D!important;background-attachment:fixed!important;background-size:100vw 100dvh!important;background-repeat:no-repeat!important}
.sx-writing-colors [data-color=sage]{background:#9EA98D!important}
.sx-personal[data-writing-theme=mist]{--sx-bg:#BDC8C4;--sx-panel:#f9fbfa;--sx-line:#c5d1d5;--sx-text:#2d5069;background:#BDC8C4!important;background-attachment:fixed!important;background-size:100vw 100dvh!important;background-repeat:no-repeat!important}
.sx-writing-colors [data-color=mist]{background:#BDC8C4!important}
.sx-personal[data-writing-theme=water-duo]{--sx-bg:linear-gradient(to bottom,#CAC9BE 0%,#CAC9BE 68%,#75878A 72%,#75878A 100%);--sx-panel:#f9fbfa;--sx-line:#c5d1d5;--sx-text:#2d5069;background:linear-gradient(to bottom,#CAC9BE 0%,#CAC9BE 68%,#75878A 72%,#75878A 100%)!important;background-attachment:fixed!important;background-size:100vw 100dvh!important;background-repeat:no-repeat!important}
.sx-writing-colors [data-color=water-duo]{background:linear-gradient(to bottom,#CAC9BE 0%,#CAC9BE 68%,#75878A 72%,#75878A 100%)!important}
.sx-personal[data-writing-theme=blue-duo]{--sx-bg:linear-gradient(to bottom,#D9CAB7 0%,#D9CAB7 68%,#003C96 72%,#003C96 100%);--sx-panel:#f9fbfa;--sx-line:#c5d1d5;--sx-text:#2d5069;background:linear-gradient(to bottom,#D9CAB7 0%,#D9CAB7 68%,#003C96 72%,#003C96 100%)!important;background-attachment:fixed!important;background-size:100vw 100dvh!important;background-repeat:no-repeat!important}
.sx-writing-colors [data-color=blue-duo]{background:linear-gradient(to bottom,#D9CAB7 0%,#D9CAB7 68%,#003C96 72%,#003C96 100%)!important}
.sx-writing-colors{flex-wrap:wrap;max-width:300px}.ui-room-themes{flex-wrap:wrap;max-width:240px}

.sx-personal[data-writing-theme=blush]{--sx-bg:#F8D9D6;--sx-panel:#fffafa;--sx-line:#e4c7c4;--sx-text:#2d5069;background:#F8D9D6!important;background-attachment:fixed!important}.sx-writing-colors [data-color=blush]{background:#F8D9D6!important}

#app .sx-rooms-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 12px}#app .sx-rooms-heading h1{margin:0!important}#app .sx-rooms-heading a.button{flex:none!important;width:auto!important;font-size:15px!important;padding:8px 14px!important;white-space:nowrap}@media(max-width:550px){#app .sx-rooms-heading{flex-wrap:wrap}#app .sx-rooms-heading a.button{margin-left:auto}}