:root{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#394135;background:#f4f5ef;font-synthesis:none;--green:#498439;--dark-green:#32642a;--line:#dce3d4;--muted:#879080;--peach:#f5a458;--pink:#d78295}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#d6ddce .7px,transparent .7px);background-size:7px 7px;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e8a158;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #90b876;outline-offset:1px}input,textarea,select{border:1px solid #d7ddcf;border-radius:5px;background:#fff;padding:11px 12px;width:100%;color:#36412f}input::placeholder,textarea::placeholder{color:#989e93}input{min-width:0}input,select{height:41px}textarea{resize:none;line-height:1.7}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0;background:none}[hidden]{display:none!important}.site-shell{max-width:1192px;margin:0 auto;padding:0 24px}.topline{display:flex;justify-content:space-between;font-size:12px;color:#88907f;padding:15px 0 8px}.connection{color:#648156}.connection.offline{color:#b2634d}.masthead{display:flex;align-items:center;justify-content:space-between;padding:20px 5px 28px;gap:25px}.brand{display:flex;align-items:center;gap:9px;font-size:43px;font-weight:900;font-family:Arial,sans-serif;letter-spacing:-3px;color:#ef9855;line-height:.85}.brand-green{color:#548738}.brand small{display:block;font:11px "Malgun Gothic",sans-serif;letter-spacing:0;color:#6e795d;margin:12px 0 0 3px}.brand-flower{font-size:60px;font-weight:normal;line-height:1;color:#eaa044;transform:rotate(-12deg)}.header-note{text-align:center}.header-note>span{display:block;color:#9b9e91;font-size:12px;letter-spacing:1px;margin-bottom:9px}.header-note strong{font-size:17px;font-weight:500;color:#6f765f;letter-spacing:-.5px}.header-note strong span{color:#e59c56;font-size:23px;vertical-align:middle}.edition{font-size:10px;line-height:1.9;color:#a0937d;text-align:right;letter-spacing:1.2px}.edition b{font-size:11px;font-weight:400;letter-spacing:0}.main-nav{height:49px;border:1px solid #45782f;border-radius:9px 9px 0 0;background:linear-gradient(#689c48,#558737);display:flex;align-items:center;color:#fff;box-shadow:inset 0 1px #a1bf84;padding:0 24px;gap:30px}.main-nav>button{color:#fff;height:100%;font-weight:700;position:relative;padding:0 18px}.main-nav>button:after{position:absolute;content:"";bottom:0;left:0;right:0;height:3px;background:#e4edaa}.nav-note{font-size:12px;color:#e2ecd5}.live-label{margin-left:auto;font-size:12px;white-space:nowrap;color:#edf4df}.live-label b{color:#fff7b4}.live-label i,.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#dcf1a4;margin-right:4px}.welcome-strip{background:#fbfcf6;border:1px solid var(--line);border-top:0;padding:12px 17px;display:flex;justify-content:space-between;font-size:12px;color:#7e8575;gap:12px}.welcome-strip b{color:#5c6d47;margin-right:4px}.welcome-strip>span:last-child{color:#a1a795;font-size:11px;white-space:nowrap}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;padding-top:23px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:17px}.panel-label{border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px;padding:13px 16px;font-weight:bold;color:#63794e;background:#fcfdf9}.panel-label span{font-weight:400;color:#a4aa9b;font-size:10px;letter-spacing:0;margin-left:15px}.profile-scene{height:136px;background:linear-gradient(180deg,#eff5e8 0%,#f9fbf4 83%,#e6eddb 84%,#f6f8ef 100%);margin:15px 15px 0;border:1px solid #e6ecdd;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.profile-avatar{font-size:57px;line-height:1.2;filter:drop-shadow(0 4px 1px #c8d2b96b)}.scene-spark{position:absolute;color:#b6c499}.scene-spark.one{left:23px;top:31px;font-size:18px}.scene-spark.two{right:19px;top:56px;font-size:23px}.scene-caption{font-family:Georgia,serif;font-style:italic;font-size:12px;color:#81956b;margin-top:8px}.profile h2{font-size:14px;text-align:center;margin:17px 0 8px;overflow-wrap:anywhere}.profile h2 small{font-size:12px;font-weight:normal;display:block;margin-top:7px}.profile p{text-align:center;font-size:11px;color:#949a8d;line-height:1.7;margin-bottom:13px}.profile form,#member-profile{padding:0 15px}.profile form{display:flex;flex-direction:column;gap:8px}.profile input{font-size:12px}.button{border:1px solid #d2daca;border-radius:5px;min-height:36px;padding:8px 14px;background:linear-gradient(#fff,#f6f8f1);font-weight:600;font-size:12px;white-space:nowrap;box-shadow:0 1px 1px #34482606}.button:hover{border-color:#9cb48c;background:#f0f5e9}.button.primary{border-color:#548137;background:linear-gradient(#70a04e,#5a8c3d);color:#fff;box-shadow:inset 0 1px #8eb570}.button.primary:hover{background:#4b7c32}.button.full{width:100%;min-height:40px}.button span{margin-left:6px}.profile-foot{border-top:1px dashed var(--line);font-size:10px;color:#9ca18f;text-align:center;padding:12px 0;margin-top:17px}.category-panel h2{font-size:13px;padding:16px 15px 13px}.categories{padding:0 9px 10px;display:flex;flex-direction:column;gap:3px}.category-button{display:flex;align-items:center;padding:11px 12px;gap:10px;font-size:12px;border-radius:4px;text-align:left}.category-button>span:first-child{font-size:16px;line-height:1}.category-button .category-count{margin-left:auto;color:#a0a995;font-size:11px}.category-button.selected{background:#eef4e4;color:#4b752f;font-weight:700}.category-button.selected .category-count{background:#fff;border-radius:9px;min-width:20px;text-align:center;padding:1px 4px;color:#63844b}.category-button:hover{background:#f4f7ee}.manners{padding:19px 15px 18px;text-align:center;border:1px dashed #dcd9c2;background:#faf9ef;border-radius:5px}.manners-icon{font-size:27px}.manners h3{font-size:12px;color:#847952;margin-top:9px}.manners p{font-size:11px;line-height:1.9;color:#9d9681;margin-top:9px}.dotted-line{display:block;width:40px;border-bottom:2px dotted #d8d1b6;margin:13px auto}.manners small{font-size:10px;color:#a39a7f}.main-content{min-width:0}.lobby-banner{border:1px solid #d4e2c1;border-radius:7px;min-height:169px;background:linear-gradient(105deg,#f0f5e3,#e8f1d9);padding:30px 27px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.eyebrow{font-family:Arial,sans-serif;letter-spacing:2px;font-size:9px;color:#82956a;font-weight:bold}.lobby-banner h1{font-size:27px;letter-spacing:-1.4px;margin:13px 0 12px;font-weight:500;color:#415b2b}.lobby-banner h1 em{font-style:normal;font-weight:750}.lobby-banner p{font-size:12px;line-height:1.7;color:#869373}.banner-stamp{width:108px;height:108px;border:1px dashed #a5b98b;border-radius:50%;transform:rotate(10deg);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7f9a5f;background:#f2f6e7;flex-shrink:0;margin-left:15px}.banner-stamp>span{font:10px Georgia,serif;letter-spacing:2px}.banner-stamp b{font-size:47px;line-height:1.1;font-weight:normal;color:#82a362}.banner-stamp small{font-size:9px;margin-top:5px}.banner-star{position:absolute;font-size:29px;color:#aec392;right:142px;top:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.section-heading h2{font-size:17px;letter-spacing:-.6px}.section-heading h2 span{font:14px Arial,sans-serif;color:#689345;margin-left:7px}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px 13px;border-bottom:1px solid var(--line)}.room-tabs{display:flex;align-items:center;gap:12px}.room-tabs button{font-size:12px;font-weight:700;color:#5c7b40;padding:5px 0;white-space:nowrap}.room-tabs>span{font-size:10px;color:#a3a898}.search-field{display:flex;align-items:center;border:1px solid #dfe4d7;border-radius:4px;padding:0 9px;color:#9da88f;width:187px;flex-shrink:0;background:#fcfdf9}.search-field input{height:30px;border:0;background:transparent;padding:5px 7px;font-size:11px}.search-field>span:first-child{font-size:22px;line-height:1}.search-shortcut{display:none}.list-heading{display:grid;grid-template-columns:1fr 85px 64px;font-size:10px;color:#929b87;background:#fafcf6;padding:10px 17px;border-bottom:1px solid #e7ebdf;text-align:center}.list-heading>span:first-child{text-align:left;padding-left:7px}.room-row{display:grid;grid-template-columns:minmax(0,1fr) 85px 64px;align-items:center;padding:20px 17px;border-bottom:1px solid #edf0e7;gap:0;min-height:101px}.room-row:hover{background:#fcfdf8}.room-main{display:flex;gap:15px;align-items:center;min-width:0;padding-right:8px}.room-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#edf2e4;font-size:24px;flex-shrink:0}.room-row:nth-child(2) .room-icon{background:#f4e8ee}.room-row:nth-child(3) .room-icon{background:#ecebf5}.room-row:nth-child(4) .room-icon{background:#e8eff3}.room-row:nth-child(5) .room-icon{background:#ecf1dd}.room-row:nth-child(6) .room-icon{background:#f6eddf}.room-copy{min-width:0}.room-meta{display:flex;align-items:center;gap:7px;margin-bottom:5px}.category-tag{font-size:9px;color:#899479}.room-new{font:8px Arial,sans-serif;color:#d9a070;border:1px solid #eed3b5;border-radius:3px;padding:1px 3px}.room-title{font-size:13px;font-weight:600;letter-spacing:-.25px;text-align:left;padding:0;line-height:1.6;overflow-wrap:anywhere}.room-title:hover{color:#538033;text-decoration:underline;text-underline-offset:3px}.room-description{font-size:10px;line-height:1.6;color:#9fa594;margin-top:5px;overflow-wrap:anywhere}.occupancy{text-align:center;font:11px Arial,sans-serif;color:#a5ad9b}.occupancy b{font-size:13px;color:#668345;font-weight:600}.room-enter{border:1px solid #c6d8b5;background:#f5f9ee;color:#658143;font-size:11px;border-radius:4px;padding:7px 12px;justify-self:end}.room-enter:hover{background:#e5efd7;border-color:#86a762}.room-enter:disabled{color:#999;background:#f2f2f2}.list-footer{padding:13px 17px;display:flex;justify-content:space-between;gap:8px;color:#9da48f;background:#fcfdf9;font-size:9px}.tiny-dot{width:5px;height:5px;background:#a7be8a}.bottom-notes{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:18px}.bottom-notes>div{display:flex;align-items:center;gap:12px;border:1px solid #e5e4d8;border-radius:5px;background:#fcfbf5;padding:17px 16px}.bottom-notes>div:last-child{background:#f6f9f0;border-color:#dfe5d4}.bottom-notes>div>span{font-size:23px}.bottom-notes strong{font-size:11px;font-weight:500;color:#817c67}.bottom-notes small{display:block;color:#a29d8d;font-size:10px;margin-top:6px;line-height:1.5}.site-footer{border-top:1px solid #dfe3d4;margin:32px 0 0;padding:22px 0 26px;display:flex;align-items:center;gap:18px;color:#a5ab9c;font-size:10px}.footer-brand{font:bold 20px Arial,sans-serif;letter-spacing:-1px;color:#a6b098}.site-footer small{margin-left:auto;font-size:9px}.empty-state{text-align:center;padding:80px 20px;color:#9aa18f;font-size:13px;line-height:2}.empty-state strong{display:block;color:#71815e;font-size:15px;margin-bottom:7px}.chat-breadcrumb{font-size:11px;color:#9aa18f;padding:4px 0 14px;display:flex;gap:8px;align-items:center}.chat-breadcrumb button{font-size:11px;padding:0;color:#68854d}.chat-header{padding:19px 20px;display:flex;align-items:center;gap:12px;background:#f7faef}.chat-header h1{font-size:17px;line-height:1.6;overflow-wrap:anywhere}.chat-header p{font-size:11px;color:#8e9980;margin-top:3px;line-height:1.6}.chat-header>div{flex:1;min-width:0}.chat-header .room-icon{width:42px;height:42px;font-size:22px}.chat-header .button{margin-left:auto;font-size:11px}.chat-notice{padding:12px 19px;font-size:11px;background:#fffcf0;border-top:1px solid #e8ebd7;border-bottom:1px solid #edeada;color:#9b926c;line-height:1.7}.chat-body{display:grid;grid-template-columns:minmax(0,1fr) 175px}.conversation{position:relative;min-width:0}.messages{height:425px;overflow-y:auto;padding:20px 16px;scrollbar-width:thin;scrollbar-color:#d6dfc8 transparent;overscroll-behavior:contain}.chat-empty{text-align:center;padding:65px 20px;color:#a6ad9c;font-size:12px;line-height:2}.chat-empty span{display:block;font-size:36px;margin-bottom:12px}.chat-empty strong{display:block;color:#788c62;font-size:14px}.message-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;margin:0 0 16px;align-items:start}.message-avatar{background:#f2f5eb;border:1px solid #e8edde;border-radius:7px;font-size:18px;text-align:center;line-height:28px}.message-meta{display:flex;align-items:baseline;gap:7px;margin-bottom:3px}.message-name{font-size:11px;font-weight:700;color:#719053;overflow-wrap:anywhere}.message-row.own .message-name{color:#bb8293}.message-time{font-size:9px;color:#b4baac;white-space:nowrap}.message-me{font-size:8px;border:1px solid #ead8df;color:#bb8293;padding:0 3px;border-radius:3px}.message-text{font-size:13px;color:#626d58;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.system-message{text-align:center;font-size:10px;color:#a7ae9d;margin:13px 0 19px;line-height:1.8;overflow-wrap:anywhere}.system-message:before{content:"· ";color:#b4c3a0}.composer-tools{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fafbf7;border-top:1px solid #e6ebdf;border-bottom:1px solid #e6ebdf;gap:10px}.composer-tools>button{font-size:11px;color:#7b8f64;padding:0}.composer-tools>span{font-size:9px;color:#a4ab99}.composer{display:grid;grid-template-columns:minmax(0,1fr) 65px;gap:9px;padding:13px 14px 10px}.composer textarea{height:74px;border-color:#dde5d4;font-size:12px;padding:9px 10px}.composer-hint{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;color:#a3ab97}.composer-hint .over-limit{color:#c35d5d}.participants{border-left:1px solid #e4e9dc;background:#fcfdf9;display:flex;flex-direction:column}.participants h2{padding:16px 11px;font-size:11px;line-height:1.8;border-bottom:1px solid #e9edde}.participants h2 span{color:#688f44;margin-left:3px}.participants ul{list-style:none;padding:10px 11px;margin:0;flex:1;max-height:445px;overflow-y:auto}.participant{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:11px;overflow-wrap:anywhere}.participant>span:first-child{font-size:21px}.participant small{font-size:8px;color:#b9899b;border:1px solid #eadce0;padding:1px 3px;border-radius:3px}.participant-name{min-width:0}.participant-note{border-top:1px dashed #e0e6d5;margin:0 13px;padding:15px 0 19px;font-size:10px;color:#adb49d;line-height:1.9;text-align:center}.chat-footer{border-top:1px solid #e5eadc;display:flex;justify-content:space-between;font-size:9px;color:#a2ad95;padding:11px 15px;background:#f7faef}.chat-footer>span:first-child{color:#85a36b}.emoji-picker{position:absolute;bottom:38px;left:12px;width:225px;background:#fff;box-shadow:0 4px 16px #43563020;border:1px solid #dce4d1;border-radius:7px;padding:9px;display:grid;grid-template-columns:repeat(6,1fr);z-index:2}.emoji-picker button{font-size:21px;padding:5px 0;border-radius:4px}.emoji-picker button:hover{background:#f0f5e7}.new-messages{position:absolute;bottom:180px;left:50%;transform:translateX(-50%);background:#648b46;color:#fff;font-size:11px;padding:8px 14px;border-radius:20px;box-shadow:0 3px 10px #34482620;white-space:nowrap}dialog{width:min(420px,calc(100% - 32px));border:1px solid #cfdcbd;border-radius:13px;padding:31px;color:#4c5d3d;box-shadow:0 20px 90px #2335152b;background:#fcfdf9}dialog::backdrop{background:#3b4d3066;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:13px;top:9px;font-size:24px;color:#98a38a;padding:3px 8px}.dialog-illustration{display:block;font-size:42px;text-align:center;margin:0 0 18px}dialog>.eyebrow{text-align:center;display:block;font-size:9px}dialog h2{text-align:center;font-size:22px;letter-spacing:-1px;margin:13px 0}dialog>p{text-align:center;line-height:1.9;font-size:12px;color:#8a967b;margin-bottom:22px}dialog label{display:block;margin:16px 0 8px;font-size:12px;font-weight:600}dialog label small{font-size:10px;color:#a8b096;font-weight:400;margin-left:5px}dialog input,dialog select{font-size:12px;background:#fff}dialog .button{margin-top:5px}dialog .dialog-foot{display:block;text-align:center;font-size:10px;color:#a3ad96;margin-top:18px}.avatar-options{display:flex;justify-content:space-between;gap:4px}.avatar-options button{font-size:24px;line-height:1;padding:7px 3px;border:1px solid transparent;border-radius:6px;flex:1;min-width:0}.avatar-options button.selected{background:#edf4e0;border-color:#afc491}.form-error{min-height:18px;font-size:11px;color:#b65f63;line-height:1.7;margin-top:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#3f5532;color:#fff;border:1px solid #5c7948;border-radius:8px;box-shadow:0 5px 24px #23391d26;padding:14px 23px;font-size:13px;z-index:10;max-width:calc(100% - 30px);line-height:1.7;width:max-content}.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(min-width:1400px){.site-shell{padding-top:12px}.workspace{gap:26px;padding-top:27px}.room-row{padding-top:22px;padding-bottom:22px}.site-footer{margin-top:38px}}@media(max-width:1020px){.site-shell{padding:0 18px}.workspace{grid-template-columns:190px minmax(0,1fr);gap:17px}.header-note{display:none}.lobby-banner{padding:25px 20px}.lobby-banner h1{font-size:24px}.lobby-banner p{max-width:300px}.banner-stamp{width:84px;height:84px}.banner-star{display:none}.room-tabs>span{display:none}.room-main{gap:10px}.room-row,.list-heading{grid-template-columns:minmax(0,1fr) 55px 52px;padding-left:13px;padding-right:13px}.room-enter{padding:7px 10px}.room-icon{width:40px;height:40px;font-size:21px;border-radius:11px}.room-title{font-size:12px}.bottom-notes{gap:10px}.bottom-notes>div{padding:13px 11px;gap:8px}.bottom-notes strong{font-size:10px}.bottom-notes small{font-size:9px}.chat-body{grid-template-columns:minmax(0,1fr) 140px}.participants h2{font-size:10px}.chat-header h1{font-size:15px}}@media(max-width:720px){.site-shell{padding:0 12px}.topline{font-size:10px;padding-top:10px}.masthead{padding:18px 3px 23px}.brand{font-size:36px}.brand-flower{font-size:49px}.brand small{font-size:10px}.edition{font-size:9px}.edition b{font-size:10px}.main-nav{padding:0 12px;height:45px;gap:12px}.main-nav>button{padding:0 9px;font-size:13px}.nav-note{display:none}.live-label{font-size:11px}.welcome-strip{padding:10px 11px;font-size:10px;line-height:1.8}.welcome-strip>span:last-child{display:none}.workspace{display:flex;flex-direction:column;gap:17px;padding-top:16px}.sidebar{width:100%;gap:11px}.profile{display:none}.category-panel{border:0;background:transparent;overflow:visible}.category-panel h2{display:none}.categories{display:flex;flex-direction:row;gap:6px;padding:0;overflow:auto}.category-button{padding:9px 11px;background:#fff;border:1px solid #dfe6d5;font-size:11px;gap:6px;white-space:nowrap;flex-shrink:0}.category-button.selected{border-color:#adc698}.category-button .category-count{font-size:10px;margin-left:2px}.category-button>span:first-child{font-size:13px}.manners{display:none}.main-content{width:100%}.lobby-banner{min-height:147px;padding:22px 18px}.lobby-banner h1{font-size:22px;margin:12px 0 9px}.lobby-banner p{font-size:10px;max-width:220px}.eyebrow{font-size:8px;letter-spacing:1.4px}.banner-stamp{width:72px;height:72px;margin-left:6px}.banner-stamp b{font-size:32px}.banner-stamp>span{font-size:8px}.banner-stamp small{font-size:7px}.section-heading{margin-top:20px}.section-heading h2{font-size:15px}.section-heading .button{font-size:11px;min-height:33px}.room-toolbar{padding:12px}.search-field{width:150px}.room-tabs button{font-size:11px}.room-row{padding-top:17px;padding-bottom:17px;min-height:102px}.room-row,.list-heading{grid-template-columns:minmax(0,1fr) 42px 48px}.room-main{gap:9px}.room-title{font-size:12px;line-height:1.6}.room-description{font-size:10px;line-height:1.7}.room-icon{width:34px;height:38px;font-size:19px}.room-enter{font-size:10px;padding:7px 9px}.occupancy{font-size:10px}.occupancy b{font-size:12px}.list-heading{font-size:9px}.list-footer{font-size:8px;padding:12px}.bottom-notes{grid-template-columns:1fr;margin-top:13px;gap:8px}.bottom-notes>div{padding:13px 16px}.bottom-notes strong{font-size:11px}.bottom-notes small{font-size:10px}.bottom-notes>div>span{margin-right:5px}.site-footer{flex-wrap:wrap;gap:9px 14px;margin-top:24px;padding-top:19px}.site-footer small{width:100%;margin:0;font-size:8px}.site-footer>span:nth-child(2){font-size:9px}.chat-header{padding:14px 12px;gap:8px}.chat-header h1{font-size:14px}.chat-header p{font-size:10px}.chat-header .room-icon{display:none}.chat-header .button{font-size:10px;padding:7px 9px}.chat-body{display:flex;flex-direction:column-reverse}.participants{border-left:0;border-bottom:1px solid #e5eadc;flex-direction:row;align-items:center;padding:7px 10px;gap:10px;overflow:hidden}.participants h2{font-size:0;border:0;padding:0;white-space:nowrap}.participants h2:before{content:"참여 ";font-size:10px}.participants h2 span{font-size:11px}.participants ul{display:flex;gap:12px;padding:0;overflow:auto}.participant{padding:0;white-space:nowrap;gap:4px;font-size:10px}.participant>span:first-child{font-size:17px}.participant-note{display:none}.messages{height:46vh;min-height:250px;max-height:470px;padding:17px 12px}.chat-notice{font-size:10px;padding:10px 12px}.message-text{font-size:13px}.chat-footer{font-size:8px;padding:10px}.composer-tools>span{font-size:8px}dialog{padding:27px 23px}.avatar-options button{font-size:22px}.chat-breadcrumb{padding-bottom:12px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .12s,color .12s,border-color .12s}dialog[open]{animation:arrive .18s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}

/* A single viewport on phones; only the message list scrolls during a visit. */
@media (max-width:720px) {
  body.chat-active { overflow:hidden; }
  .chat-active .site-shell { position:fixed; top:var(--chat-top,0px); left:0; right:0; height:var(--chat-height,100dvh); max-width:none; padding:0; display:flex; flex-direction:column; background:#f4f5ef; }
  .chat-active .masthead,.chat-active .main-nav,.chat-active .welcome-strip,.chat-active .sidebar,.chat-active .site-footer { display:none; }
  .chat-active .topline { flex:none; padding:6px 12px; font-size:10px; }
  .chat-active .workspace { display:flex; flex:1; min-height:0; padding:0; }
  .chat-active .main-content,.chat-active #chat-view { display:flex; flex:1; flex-direction:column; min-height:0; width:100%; }
  .chat-active .chat-breadcrumb { display:none; }
  .chat-active .chat-window { display:flex; flex:1; min-height:0; flex-direction:column; border-radius:0; }
  .chat-active .chat-header { flex:none; padding:8px 12px; }
  .chat-active .chat-header h1 { font-size:15px; }
  .chat-active .chat-header p,.chat-active .chat-notice,.chat-active .chat-footer { display:none; }
  .chat-active .chat-header .button { min-height:44px; min-width:60px; font-size:13px; }
  .chat-active .chat-body { flex:1; min-height:0; }
  .chat-active .participants { flex:none; min-height:34px; }
  .chat-active .conversation { display:flex; flex:1; min-height:0; flex-direction:column; }
  .chat-active .messages { flex:1; height:auto; min-height:0; max-height:none; padding:12px; overflow-anchor:none; }
  .chat-active .chat-empty { padding:20px 12px; }
  .chat-active .message-text { font-size:15px; line-height:1.65; }
  .chat-active .composer-tools { flex:none; padding:0 12px; min-height:36px; }
  .chat-active .composer-tools>button { min-height:36px; min-width:80px; font-size:12px; }
  .chat-active .composer { flex:none; padding:8px 10px max(8px,env(safe-area-inset-bottom)); grid-template-columns:minmax(0,1fr) 64px; gap:6px; background:#fff; }
  .chat-active .composer textarea { height:52px; padding:7px 9px; font-size:16px; line-height:1.6; }
  .chat-active .composer-hint { font-size:9px; }
  .chat-active .composer-hint>span:first-child { visibility:hidden; }
  .chat-active .new-messages { bottom:135px; min-height:40px; }
}