.cafe-room-dialog{--cr-ink:#605a53;--cr-muted:#88948b;--cr-line:#dce5dc;--cr-green:#648a79;color:var(--cr-ink);background:#f7faf7;border:1px solid #d6e0d5;border-radius:8px;padding:0;width:min(1280px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 28px);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:13px;letter-spacing:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
.cafe-room-dialog::backdrop{background:#394b42a3}.cafe-room-dialog *{box-sizing:border-box;letter-spacing:0}.cafe-room-dialog button,.cafe-room-dialog select{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}.cafe-room-dialog button{border:0}.cafe-room-dialog button:disabled{opacity:.45;cursor:default}.cafe-room-dialog button:focus-visible,.cafe-room-dialog select:focus-visible,.cafe-room-dialog summary:focus-visible{outline:3px solid #ba9f72;outline-offset:3px}.cafe-room-dialog [hidden]{display:none!important}.cafe-room-dialog .lucide{width:17px;height:17px;flex-shrink:0;stroke-width:1.8;pointer-events:none}.cafe-room-dialog button>svg{pointer-events:none}.cr-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--cr-line);position:sticky;top:0;background:#f7faf7f5;backdrop-filter:blur(6px);z-index:3}.cr-header h2{font-size:21px;margin:5px 0 0;line-height:1.4}.cr-eyebrow{font-size:10px;color:var(--cr-muted)}.cr-header-tools{display:flex;align-items:center;gap:16px}.cr-header-tools>span{font-size:11px;color:#8b9a89;white-space:nowrap;font-variant-numeric:tabular-nums}.cafe-room-dialog .cr-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--cr-line);border-radius:5px;background:#fffefa;color:var(--cr-green);padding:0}.cr-icon:hover:not(:disabled){background:#e6eee4}.cr-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:24px;padding:20px 24px 22px;align-items:start}.cr-scene-section{min-width:0;position:sticky;top:104px}.cr-scene-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:28px;margin-bottom:8px;color:#829184;font-size:11px}.cr-scene-heading>span:first-child{display:flex;align-items:center;gap:7px}.cr-open-dot{display:block;width:6px;height:6px;border-radius:50%;background:#80a98b}.cr-scene-wrap{position:relative;isolation:isolate;overflow:hidden;background:#e6efe2;user-select:none;-webkit-tap-highlight-color:transparent}.cr-room-scene{display:block;width:100%;height:auto;aspect-ratio:1000/720;overflow:hidden}.cr-cat-bubble{position:absolute;left:57%;top:39%;transform:translate(-50%,-100%);width:max-content;max-width:65%;padding:8px 12px;background:#fffef6;border:1px solid #adb3a2;border-radius:7px;font-size:11px;line-height:1.8;box-shadow:0 3px 0 #60534c09;pointer-events:none;overflow-wrap:anywhere}.cr-cat-bubble:after{content:"";position:absolute;bottom:-5px;left:43%;width:8px;height:8px;transform:rotate(45deg);background:#fffef6;border-right:1px solid #adb3a2;border-bottom:1px solid #adb3a2}.cr-scene-tools{position:absolute;right:11px;bottom:11px;display:flex;gap:6px}.cr-scene-tools .cr-icon{background:#fffef4eb;border-color:#bbc8b4}.cr-scene-caption{display:flex;align-items:flex-start;gap:8px;color:#899486;font-size:11px;line-height:1.8;padding:12px 0 0;margin:0;min-height:52px}.cr-scene-caption .lucide{margin-top:2px;width:15px;height:15px;color:#a2b09a}.cr-preview-badge{position:absolute;top:10px;left:10px;padding:5px 9px;font-size:10px;color:#7c886d;background:#fffef4df;border:1px solid #d6dfcc;border-radius:3px}.cr-side{min-width:0;border-left:1px solid var(--cr-line);padding-left:22px}.cr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--cr-line);gap:5px}.cr-tabs>button{display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;color:#929d92;padding:11px 0;border-bottom:2px solid transparent;min-width:0;font-size:12px}.cr-tabs>button[aria-selected=true]{color:#618575;border-color:#759980}.cr-tabs .lucide{width:15px;height:15px}.cr-panel{min-width:0}.cr-guests{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:17px 0 7px}.cr-guests>button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;background:transparent;border-bottom:2px solid transparent;min-width:0}.cr-guests>button[aria-pressed=true]{border-color:#8aa990;background:#ecf2e8}.cr-guests>button>span{width:35px;height:35px;display:block}.cr-guests>button svg:not(.lucide){width:100%;height:100%}.cr-guests small{font-size:9px;line-height:1.8}.cr-guests>button>.lucide{width:10px;height:10px;position:absolute;right:0;top:0;color:#7c887c}.cr-profile{display:flex;gap:11px;align-items:center;padding:11px 0 15px}.cr-avatar{width:61px;height:61px;flex-shrink:0}.cr-avatar>svg{width:100%;height:100%}.cr-profile h3{font-size:20px;margin:4px 0}.cr-profile p{font-size:10px;color:#989587;line-height:1.7;margin:0}.cr-trust-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a28685}.cr-trust-heading>span{display:flex;align-items:center;gap:6px}.cr-trust-heading .lucide{width:14px;height:14px;color:#bf9299;fill:#dfb6b7}.cr-trust{height:6px;margin:8px 0;background:#eeeae5;border-radius:3px;overflow:hidden}.cr-trust>span{display:block;height:100%;background:#d5a4ad;border-radius:3px;transition:width .3s}.cr-panel blockquote{margin:0;padding:17px 0;min-height:87px;font-size:12px;line-height:1.9;color:#8c857b;overflow-wrap:anywhere}.cr-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cr-actions>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:0;height:93px;background:#edf2e8;border:1px solid #dce5d6;border-radius:6px}.cr-actions>button:nth-child(2){background:#f6eae5;border-color:#e9dcd2}.cr-actions>button:nth-child(3){background:#e9f0f3;border-color:#d8e4e7}.cr-actions>button:nth-child(4){background:#f2e8ed;border-color:#e6d9e0}.cr-actions>button[aria-pressed=true]{border-color:#82977e;box-shadow:inset 0 0 0 1px #82977e}.cr-actions .lucide{width:24px;height:24px;color:#99a78b}.cr-actions strong{font-size:12px;font-weight:500}.cr-actions small{font-size:9px;color:#9c9c8d}.cr-visit-note{display:flex;align-items:flex-start;gap:8px;padding:15px 0 0;border-top:1px dashed var(--cr-line);margin:18px 0 0;min-height:50px;font-size:10px;line-height:1.8;color:#92a088}.cr-visit-note .lucide{margin-top:2px;width:15px;height:15px}.cr-section-heading{padding:20px 0 13px}.cr-section-heading h3{font-size:18px;margin:6px 0 0;line-height:1.6}.cr-section-heading h3 small{font-size:11px;font-weight:400;color:#93a38d;margin-left:6px}.cr-reward-notice{display:flex;align-items:center;gap:8px;padding:10px 0;color:#9e8b65;font-size:11px}.cr-theme-legend{display:flex;flex-wrap:wrap;gap:9px 12px;font-size:10px;color:#8a9786;margin:5px 0 8px}.cr-theme-legend>span{display:flex;gap:5px;align-items:center}.cr-swatch{display:block;width:14px;height:14px;flex-shrink:0;background:var(--swatch);border-radius:50%;border:1px solid #8d9e8938}.cr-decor-slot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:68px;border-bottom:1px solid var(--cr-line)}.cr-decor-slot>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.cr-decor-slot>div:first-child>.lucide{width:16px;height:16px;color:#91a48a}.cr-decor-slot strong{font-size:11px;font-weight:500;display:block;line-height:1.6}.cr-decor-slot small{display:block;font-size:9px;color:#9aab91;margin-top:3px;line-height:1.6}.cr-swatches{display:flex;gap:5px;flex-shrink:0}.cr-swatches>button{position:relative;display:flex;align-items:center;justify-content:center;width:29px;height:29px;padding:3px;border:1px solid #d4ded0;border-radius:50%;background:#fffdf8}.cr-swatches>button[aria-pressed=true]{border:2px solid #71907b}.cr-swatches .cr-swatch{width:19px;height:19px;border:0}.cr-swatches .lucide{position:absolute;right:-2px;bottom:-1px;width:10px;height:10px;background:#f8faf4;color:#668b74;border-radius:50%}.cr-decor-confirm{min-height:102px;padding-top:14px}.cr-decor-confirm>div:first-child strong{font-size:11px;line-height:1.7;font-weight:500}.cr-decor-confirm small{display:block;font-size:10px;color:#9a9d88;margin-top:3px}.cr-decor-confirm>div:last-child{display:flex;gap:7px;align-items:center;justify-content:flex-end;margin-top:11px}.cr-decor-confirm>p{font-size:11px;color:#99a58e;line-height:1.9;margin:0}.cafe-room-dialog .cr-command{display:flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:8px 12px;background:#e0eadb;border:1px solid #d1dfcc;border-radius:5px;color:#668775;font-size:11px;line-height:1.6}.cr-command>span{min-width:0;overflow-wrap:anywhere}.cr-command:hover:not(:disabled){background:#d6e3d0}.cr-project{border-top:1px solid var(--cr-line);padding:17px 0}.cr-project-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cr-project-heading h4{margin:0;font-size:14px;line-height:1.7}.cr-project-heading>span{display:flex;align-items:center;gap:4px;flex-shrink:0;color:#95a08a;font-size:10px;padding-top:3px;line-height:1.6}.cr-project-heading .lucide{width:13px;height:13px}.cr-project-guests{display:flex;gap:14px;margin:13px 0}.cr-project-guests>span{display:flex;flex-direction:column;align-items:center;width:46px;gap:2px}.cr-project-guests svg{width:42px;height:42px}.cr-project-guests small{font-size:9px;color:#96a28d}.cr-muted{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.7;color:#a09c87;margin:10px 0}.cr-muted .lucide{width:13px;height:13px}.cr-approaches details,.cr-future{border-top:1px dashed #dce4d5;margin-top:9px;padding-top:2px}.cr-approaches summary,.cr-future summary{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 0;cursor:pointer;font-size:11px;color:#789780;list-style:none}.cr-approaches summary::-webkit-details-marker,.cr-future summary::-webkit-details-marker{display:none}.cr-approaches summary .lucide,.cr-future summary .lucide{width:13px;height:13px}.cr-approaches details[open]>summary .lucide,.cr-future[open]>summary .lucide{transform:rotate(180deg)}.cr-approaches h5,.cr-future h5,.cr-active-project>h5{font-size:11px;color:#8b947f;margin:8px 0;font-weight:500;line-height:1.8}.cr-needs{display:flex;gap:8px;flex-wrap:wrap;padding:7px 0 10px}.cr-need{width:74px;min-width:0;text-align:center}.cr-need>span{position:relative;display:block;width:58px;height:58px;margin:0 auto 4px}.cr-need>span>svg:not(.lucide){width:100%;height:100%}.cr-need>span>.lucide{position:absolute;right:0;bottom:0;width:17px;height:17px;background:#dce9d4;color:#718d6b;border-radius:50%;padding:2px}.cr-need strong{display:block;font-size:9px;font-weight:500;line-height:1.7;min-height:30px;overflow-wrap:anywhere}.cr-need small{display:block;font-size:9px;color:#a4a88f;margin-top:3px}.cr-need.is-done{opacity:.62}.cr-active-project{padding:5px 0 18px}.cr-active-project>.cr-command{width:100%;margin-top:11px}.cr-active-project>.cr-command:last-child{background:transparent;border-color:var(--cr-line)}.cr-project-track{display:flex;gap:6px;margin:13px 0}.cr-project-track>span{height:5px;flex:1;background:#e5eadf;border-radius:2px}.cr-project-track>span.current{background:#c5d5b8}.cr-project-track>span.done{background:#8aaa8b}.cr-project-rewards{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;font-size:10px;color:#9a957c;margin:8px 0}.cr-project-rewards>span{display:flex;align-items:center;gap:4px}.cr-project-rewards .lucide{width:13px;height:13px}.cr-project-finish{display:flex;align-items:center;gap:10px;padding:25px 0;color:#859e7c;font-size:12px}.cr-shelf{padding:5px 0 17px;border-bottom:1px solid var(--cr-line);margin-bottom:17px}.cr-shelf label{display:block;font-size:11px;color:#8c9984;margin-bottom:9px}.cr-shelf select{width:100%;min-width:0;background:#fffefa;border:1px solid #d6dfce;border-radius:4px;padding:9px;color:#7c9375;font-size:11px}.cr-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.cr-memory{display:block;min-width:0;text-align:left;background:transparent;padding:0}.cr-memory-art{display:block;aspect-ratio:1000/720;border:3px solid #fffdf6;background:#e8efdf;box-shadow:0 1px 4px #6e776122;overflow:hidden}.cr-memory-art>svg{display:block;width:100%;height:100%}.cr-memory strong{display:block;font-size:11px;margin-top:8px;line-height:1.7;font-weight:500;overflow-wrap:anywhere}.cr-memory small{display:block;font-size:9px;color:#9aab90;margin-top:3px;line-height:1.7}.cr-still .cafe-pet *{animation:none!important;transition:none!important}.cr-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 12px;color:#9eac94;font-size:11px;gap:10px}.cr-empty>.lucide{width:30px;height:30px}.cr-empty p{margin:0}.cr-photo-overlay{position:absolute;inset:0;z-index:6;background:#f7faf7;min-height:100%;padding:23px;display:flex;flex-direction:column;justify-content:flex-start;gap:16px}.cr-photo-overlay>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cr-photo-overlay h3{font-size:18px;line-height:1.6;margin:0}.cr-photo-view{min-width:0;align-self:center;width:100%;max-width:900px;aspect-ratio:1000/720;background:#e7eedf;overflow:hidden}.cr-photo-view>svg,.cr-photo-view>img{display:block;width:100%;height:100%;object-fit:contain}.cr-photo-overlay footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:900px;align-self:center}.cr-photo-overlay footer p{font-size:11px;color:#929b85;line-height:1.8;margin:0}.cr-photo-overlay footer>.cr-command{flex-shrink:0}.cr-mini{display:block;position:relative;width:100%;padding:0;border:0;background:#e6eddf;cursor:pointer;overflow:hidden;aspect-ratio:1000/720}.cr-mini>svg{display:block;width:100%;height:auto;aspect-ratio:1000/720;pointer-events:none}.cr-mini>span{position:absolute;bottom:9px;right:9px;display:flex;align-items:center;gap:5px;background:#fffdf3ed;border:1px solid #c6d1ba;border-radius:4px;padding:5px 8px;color:#81957b;font-size:10px;line-height:1.8}.cr-mini>span>.lucide{width:13px;height:13px}.cr-mini b{font-size:9px;color:#a8966f;font-weight:400;border-left:1px solid #d4dcc6;padding-left:6px;margin-left:2px}.cafe-room-dialog [data-touch-zone]{touch-action:none;cursor:pointer}
@media(max-width:1000px){.cr-layout{grid-template-columns:minmax(0,1fr) 300px;gap:17px;padding:16px 18px}.cr-side{padding-left:17px}.cr-header{padding:15px 18px}.cr-cat-bubble{font-size:10px;padding:6px 9px}.cr-scene-tools .cr-icon{width:31px;height:31px;flex-basis:31px}.cr-swatches{gap:4px}.cr-swatches>button{width:27px;height:27px}.cr-decor-slot strong{font-size:10px}.cr-actions strong{font-size:11px}.cr-tabs>button{font-size:11px;gap:4px}}
@media(max-width:760px){.cafe-room-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 14px);border-radius:7px}.cr-header{padding:11px 13px}.cr-header h2{font-size:18px;margin-top:3px}.cr-header .cr-eyebrow{font-size:9px}.cr-header-tools{gap:8px}.cr-header-tools>span{font-size:9px}.cr-header .cr-icon{width:32px;height:32px;flex-basis:32px}.cr-layout{display:block;padding:11px 0 17px}.cr-scene-section{position:static}.cr-scene-heading{padding:0 13px;font-size:10px;min-height:23px;margin-bottom:7px}.cr-scene-caption{padding:10px 13px;min-height:43px;font-size:10px}.cr-side{border-left:0;padding:0 13px}.cr-tabs>button{font-size:12px;min-height:42px;padding:9px 0}.cr-tabs .lucide{width:15px;height:15px}.cr-guests{padding:13px 0 3px}.cr-guests>button>span{width:35px;height:35px}.cr-profile{padding:10px 0;gap:9px}.cr-avatar{width:47px;height:47px}.cr-profile h3{font-size:18px}.cr-trust-heading{font-size:10px}.cr-panel blockquote{padding:12px 0;min-height:58px;font-size:11px}.cr-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.cr-actions>button{height:82px;gap:5px}.cr-actions strong{font-size:10px;line-height:1.5}.cr-actions small{font-size:8px}.cr-actions .lucide{width:21px;height:21px}.cr-visit-note{font-size:10px;padding-top:11px;margin-top:13px}.cr-cat-bubble{font-size:9px;max-width:66%;padding:5px 8px;line-height:1.7}.cr-section-heading{padding-top:16px}.cr-section-heading h3{font-size:17px}.cr-decor-slot{min-height:63px}.cr-decor-slot strong{font-size:11px}.cr-swatches>button{width:31px;height:31px}.cr-swatches{gap:7px}.cr-swatches .cr-swatch{width:21px;height:21px}.cr-theme-legend{font-size:9px;gap:7px 10px}.cr-decor-confirm{min-height:100px}.cr-photo-overlay{padding:14px;position:fixed;inset:7px 6px;border-radius:7px;overflow:auto;justify-content:flex-start}.cr-photo-overlay h3{font-size:16px}.cr-photo-view{margin-top:12px;max-height:65dvh;flex-shrink:0}.cr-photo-overlay footer{align-items:flex-start}.cr-photo-overlay footer p{font-size:10px}.cr-project-heading h4{font-size:13px}.cr-photo-grid{gap:16px 11px}.cr-photo-overlay .cr-command{font-size:10px}}
@media(max-width:350px){.cr-header-tools>span{font-size:8px}.cr-header h2{font-size:17px}.cr-header-tools{gap:6px}.cr-actions small{font-size:7px}.cr-actions strong{font-size:9px}.cr-theme-legend{gap:6px;font-size:8px}.cr-swatches{gap:4px}.cr-swatches>button{width:28px;height:28px}.cr-decor-slot strong{font-size:10px}.cr-photo-overlay footer{flex-wrap:wrap}.cr-tabs>button{font-size:11px;gap:4px}}
@media(prefers-reduced-motion:reduce){.cafe-room-dialog *,.cr-mini *{animation:none!important;transition:none!important}}