@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--green:#477a57;--dark:#27392e;--muted:#899087;--line:#e8ebe4;--bg:#f8f9f6}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans','Noto Sans KR',sans-serif;color:var(--dark);background:var(--bg);font-size:13px}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #8dad8f;outline-offset:3px}button:hover{filter:brightness(.96)}svg{width:19px;height:19px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}[hidden]{display:none!important}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:#fff;border-right:1px solid var(--line);padding:30px 21px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;text-decoration:none;color:#263b2d;font-weight:800;letter-spacing:-1.1px;font-size:24px;gap:8px}.gopher{font-size:29px;display:inline-block;background:#e8eee1;border-radius:11px;width:37px;height:37px;text-align:center;line-height:37px}.brand-dot{color:#78a36d;margin-left:-7px}.workspace{display:flex;align-items:center;gap:10px;margin:31px 0 30px;padding:12px 10px;border:1px solid var(--line);border-radius:10px}.workspace-icon{width:33px;height:33px;border-radius:8px;background:#e9efdf;color:#587443;display:grid;place-items:center;font-weight:700;font-size:17px}.workspace strong{font-size:11px;display:block}.workspace small{font-size:9px;display:block;color:#92978c;margin-top:5px}.chevron{margin-left:auto;color:#8c9588}.status-dot,.green-dot{display:inline-block;width:6px;height:6px;background:#77a36e;border-radius:50%;margin-right:5px}.section-label{font-size:9px;font-weight:700;color:#a1a69a;letter-spacing:1.6px;margin:0 12px 13px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;text-align:left;padding:13px 12px;border-radius:8px;margin-bottom:4px;color:#7b847b;font-weight:500;font-size:12px}.nav-item.active{background:#edf3e8;color:#517247}.nav-tag{margin-left:auto;font-size:10px;color:#8b9683;background:#e8eee2;border-radius:4px;padding:1px 6px}.unread-dot{width:6px;height:6px;background:#b8996c;border-radius:50%;margin-left:auto}.space-label{display:flex;align-items:center;justify-content:space-between;margin-top:30px;margin-bottom:9px}.tiny-button{font-size:19px;color:#959d90;padding:0}.space-item{display:flex;align-items:center;width:100%;gap:12px;padding:12px 10px;border-radius:8px;text-align:left;margin:3px 0}.space-item.selected{background:#f5f7f0}.space-emoji{height:33px;width:33px;background:#f0f0e9;border-radius:9px;display:grid;place-items:center;font-size:18px}.space-item strong{font-size:11px;font-weight:500;display:block}.space-item small{font-size:9px;color:#a0a698;display:block;margin-top:5px}.space-item .green-dot{margin-left:auto;margin-right:0;width:5px;height:5px}.invite-card{background:#f7f5ed;border:1px solid #efeee5;border-radius:12px;text-align:center;padding:13px 10px 11px;margin-top:auto}.invite-art{display:flex;align-items:center;justify-content:center;gap:18px;color:#b9b991;height:43px}.invite-art span:nth-child(2){font-size:29px;transform:rotate(-13deg)}.invite-art span:first-child{font-size:20px}.invite-card strong{display:block;font-size:12px;margin:7px 0}.invite-card p{font-size:10px;color:#959585;line-height:1.8;margin:0 0 12px}.invite-card button{border:1px solid #dedfcf;background:#fff;border-radius:6px;font-size:10px;width:100%;padding:9px}.invite-card button span{margin-left:27px}.sidebar-footer{margin-top:23px}.sidebar-footer button{color:#92998e;font-size:10px;display:flex;align-items:center;gap:8px}.sidebar-footer svg{width:15px}.powered{font-size:9px;color:#b6bbb0;margin-top:19px;line-height:1.8}.powered span{display:block;font-size:8px}main{margin-left:238px;padding-bottom:106px}header{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:rgba(255,255,255,.55)}.breadcrumb{color:#9ba195;font-size:11px}.breadcrumb span{padding:0 13px;color:#c1c6bb}.breadcrumb strong{font-weight:500;color:#67735f}.header-actions{display:flex;align-items:center;gap:21px}.live-pill{border:1px solid #e1e9db;border-radius:5px;background:#f0f5eb;padding:5px 9px;font-size:9px;letter-spacing:1px;color:#67835a;font-weight:700}.icon-button{padding:7px;color:#85917e;position:relative;display:grid;place-items:center}.notification-dot{position:absolute;right:8px;top:6px;width:4px;height:4px;background:#b99967;border-radius:50%}.header-avatar{width:31px;height:31px;background:#ebe7d8;border:3px solid #fff;border-radius:50%;font-size:10px;color:#8c805e}.page-head{padding:33px 35px 26px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;color:#929b88;letter-spacing:1.7px;font-weight:600;margin-bottom:9px}h1{font-size:26px;letter-spacing:-1px;margin:0;font-weight:700}h1 span{font-size:24px;margin-left:5px}.page-head p{font-size:11px;color:#969d90;margin:11px 0 0}.page-actions{display:flex;align-items:center;gap:10px}.online-count{display:flex;align-items:center;gap:5px;color:#929989;font-size:10px;margin-right:12px}.online-count strong{color:#68815e;font-weight:500}.mini-avatars{margin-right:4px}.mini-avatars i{font-style:normal;display:grid;place-items:center;border:2px solid white;background:#ece8db;width:26px;height:26px;border-radius:50%;font-size:17px}.invite-button{display:flex;align-items:center;gap:7px;border-radius:7px;padding:10px 14px;background:#527c51;color:white;font-size:11px;font-weight:500}.invite-button svg{width:16px;height:16px}.border{border:1px solid #e1e5d9;border-radius:7px;padding:9px;background:white}.border svg{width:16px;height:16px}.content-row{margin:0 35px;display:flex;gap:16px}.map-section{border:1px solid #dfe5d8;border-radius:12px;overflow:hidden;background:white;flex:1;min-width:0;box-shadow:0 5px 20px #34492c04}.map-toolbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 19px}.map-title{display:flex;align-items:center;gap:5px;font-size:11px}.map-title strong{font-weight:500}.map-tag{color:#a3aa9b;font-size:9px;margin-left:8px;border-left:1px solid #e6e9df;padding-left:13px}.map-tools{display:flex;align-items:center;gap:11px;color:#86907b;font-size:10px}.map-tools button{padding:2px;display:grid;place-items:center;font-size:19px}.map-tools svg{width:15px;height:15px}.tool-separator{height:13px;width:1px;background:#e8ebe2}.map-container{position:relative;height:clamp(380px,calc(100vh - 390px),670px);min-height:380px;background:#e9eade;overflow:hidden}canvas{display:block;width:100%;height:100%;outline:none;cursor:crosshair}.map-location{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:6px;border:1px solid #fefefb80;background:#fffff4df;box-shadow:0 2px 5px #53604406;padding:8px 11px;border-radius:6px;font-size:9px;color:#6c7861}.map-location svg{width:12px;height:12px}.locate-button{position:absolute;bottom:18px;right:17px;background:#fffefaeb;border:1px solid #dddfcf;border-radius:7px;width:33px;height:33px;color:#6f7c62;box-shadow:0 2px 8px #34492c10}.movement-hint{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:3px;background:#fffef5df;border:1px solid #e4e5d5;border-radius:6px;padding:7px 9px;color:#8b947f}.movement-hint span{font-size:8px;border:1px solid #d9dfce;border-radius:3px;min-width:15px;line-height:16px;text-align:center;background:white}.movement-hint b{font-size:9px;font-weight:400;margin-left:7px}.map-bottom{height:38px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a0a895}.map-bottom>span{display:flex;align-items:center;gap:5px}.map-bottom svg{width:11px;height:11px}.keyboard-icon{font-size:14px}.bottom-divider{margin:0 7px;color:#d5dacc}.below-map{margin:23px 35px;display:flex;align-items:center;justify-content:space-between}.space-tip{display:flex;align-items:center;gap:11px}.tip-icon{background:#ecefe2;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#919e72;font-size:21px}.space-tip strong{font-weight:500;font-size:11px;color:#6f7d63}.space-tip p{font-size:9px;color:#a0a792;margin:5px 0 0}.below-map>button{font-size:10px;color:#8b957c}.below-map>button span{margin-left:10px}.control-dock{position:fixed;bottom:24px;left:calc(50% + 119px);transform:translateX(-50%);display:flex;align-items:center;background:white;border:1px solid #e3e6db;box-shadow:0 7px 25px #33452a0c;border-radius:13px;padding:10px 13px;gap:8px;z-index:10}.self-card{display:flex;align-items:center;text-align:left;gap:10px;margin-right:11px;min-width:116px}.self-avatar{display:grid;place-items:center;background:#f1eddf;width:36px;height:36px;border-radius:9px;font-size:25px;position:relative}.self-avatar i{position:absolute;bottom:-2px;right:-2px;border:2px solid #fff;background:#83a76c;width:9px;height:9px;border-radius:50%}.self-card strong{font-size:10px;font-weight:600;display:block}.self-card small{font-size:8px;color:#8c9981;display:block;margin-top:5px}.self-card small span{margin-left:24px}.dock-divider{width:1px;height:30px;background:#eceee7;margin:0 5px}.dock-button{min-width:47px;height:47px;border-radius:7px;color:#87937d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.dock-button small{font-size:8px;color:#9da592}.dock-button.on{background:#edf4e7;color:#527d4d}.dock-button svg{width:20px;height:20px}.leave-button{background:#faf0ed;border:1px solid #f4e8e3;border-radius:8px;padding:10px;color:#ba8f7e;margin-left:5px}.leave-button svg{width:17px;height:17px}.reaction-menu{position:absolute;bottom:85px;left:225px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 25px #0001;display:flex;padding:8px;gap:4px}.reaction-menu button{font-size:25px;padding:7px}.right-panel{width:280px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.panel-head strong{font-size:12px}.panel-head button{font-size:22px}#chatArea{display:flex;flex-direction:column;flex:1;min-height:0}.chat-messages{flex:1;overflow:auto;padding:14px;max-height:490px}.chat-welcome{text-align:center;padding:40px 10px;color:#8f9b83}.chat-welcome>span{font-size:28px;display:block;margin-bottom:14px}.chat-welcome strong{font-size:12px}.chat-welcome p{font-size:10px;line-height:1.8}.chat-message{margin:14px 0}.chat-message small{color:#98a08f;font-size:9px}.chat-message strong{font-size:10px;margin-right:7px;color:#5d7450}.chat-message p{font-size:11px;line-height:1.7;border-radius:0 8px 8px;background:#f1f4ec;padding:9px;margin:6px 0;overflow-wrap:anywhere}#chatForm{display:flex;border-top:1px solid var(--line);padding:12px;gap:5px}#chatInput{width:100%;min-width:0;border:0;background:#f5f7f0;border-radius:6px;font-size:11px;padding:10px;outline:none}#chatForm button{color:#5d8052}.person-row{display:flex;align-items:center;padding:15px;gap:10px}.person-row>span{background:#efe9dc;padding:7px;border-radius:9px;font-size:23px}.person-row strong{font-size:11px;display:block}.person-row small{font-size:9px;color:#9aa38d}.modal-backdrop{position:fixed;inset:0;background:#26362650;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50}.modal{background:#fffefb;width:430px;max-width:calc(100vw - 30px);border:1px solid white;border-radius:18px;box-shadow:0 20px 80px #20301d20;padding:32px;position:relative}.modal-close{position:absolute;right:16px;top:12px;font-size:24px;color:#89927d}.modal h2{font-size:22px;letter-spacing:-.7px;margin:8px 0 12px}.modal p{color:#909984;font-size:12px;line-height:1.9}.modal-icon{font-size:34px}.modal label{display:block;font-size:11px;margin-top:22px;color:#75816a}.modal input,.modal select{width:100%;border:1px solid #dfe4d4;border-radius:7px;background:#f9faf5;padding:12px;color:#536448;font:inherit;margin:8px 0}.primary{width:100%;padding:12px;background:#527c51;border-radius:7px;color:white;margin-top:15px}.modal .key-row{display:flex;justify-content:space-between;border-bottom:1px solid #ecefe5;padding:12px 0;font-size:11px;color:#7d8971}.key-row kbd{background:#f1f3eb;border:1px solid #dce2d2;border-radius:4px;padding:3px 7px}.toast{position:fixed;bottom:112px;left:calc(50% + 119px);transform:translateX(-50%);padding:12px 20px;background:#32482e;color:white;box-shadow:0 5px 20px #0002;border-radius:9px;font-size:11px;z-index:80;max-width:90vw;text-align:center}.chat-bubble{position:absolute;left:50%;top:30%;background:white;border-radius:10px;padding:10px 18px;font-size:25px;pointer-events:none;box-shadow:0 3px 9px #0001}#videoPreview{position:fixed;bottom:112px;right:35px;width:200px;border:3px solid white;border-radius:12px;box-shadow:0 5px 30px #0002;z-index:20}.map-container:fullscreen{height:100vh;background:#e9eade}.modal-note{font-size:10px!important;background:#f1f4ec;padding:10px;border-radius:6px}
@media(min-width:1600px){.sidebar{width:260px;padding-left:26px;padding-right:26px}main{margin-left:260px}.control-dock,.toast{left:calc(50% + 130px)}.page-head,.content-row,.below-map{max-width:1450px}.page-head{padding-top:42px;padding-bottom:35px}}
@media(max-height:820px){.sidebar{padding-top:23px;padding-bottom:19px}.workspace{margin:23px 0}.space-label{margin-top:20px}.invite-card{margin-top:25px}.sidebar-footer{margin-top:auto;padding-top:20px}.powered{margin-top:12px}.page-head{padding-top:24px;padding-bottom:22px}.map-container{min-height:340px;height:calc(100vh - 380px)}.below-map{margin-top:17px}.control-dock{bottom:17px}}
@media(max-width:1100px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.brand{font-size:22px}main{margin-left:210px}.page-head{padding-left:24px;padding-right:24px}.content-row,.below-map{margin-left:24px;margin-right:24px}.control-dock,.toast{left:calc(50% + 105px)}.map-tag{display:none}.right-panel{width:250px}.online-count{display:none}.page-head p{font-size:10px}.map-bottom>span:first-child{display:none}}
@media(max-width:760px){.sidebar{width:65px;padding:20px 10px}.brand{font-size:0;gap:0}.gopher{font-size:27px}.brand-dot,.workspace,.section-label,.space-item,.invite-card,.sidebar-footer{display:none}.nav-item{font-size:0;padding:13px;margin-top:8px}.nav-item:first-of-type{margin-top:35px}.nav-item svg{width:19px}.nav-tag{display:none}main{margin-left:65px}header{height:60px;padding:0 18px}.header-actions{gap:12px}.page-head{padding:25px 16px 22px}.eyebrow{font-size:7px}h1{font-size:22px}.page-head p{max-width:185px;font-size:10px;line-height:1.7}.page-actions{gap:6px}.invite-button{padding:9px;font-size:0}.invite-button svg{width:17px}.content-row{margin:0 12px}.map-toolbar{padding:0 12px}.map-tools{gap:8px}.map-title{font-size:10px}.map-container{height:calc(100vh - 325px);min-height:350px}.movement-hint b{display:none}.map-bottom{font-size:8px}.below-map{margin:16px 17px}.below-map>button{display:none}.control-dock{left:calc(50% + 32px);gap:2px;padding:8px;bottom:12px}.self-card{min-width:0;margin-right:0}.self-card>span:last-child{display:none}.self-avatar{width:30px;height:30px;font-size:22px}.dock-divider{margin:0 3px}.dock-button{min-width:36px}.dock-button small{font-size:7px}.leave-button{padding:8px;margin:0}.toast{left:calc(50% + 32px);width:max-content;max-width:calc(100vw - 90px)}.right-panel{position:fixed;right:12px;top:140px;bottom:100px;width:min(300px,calc(100vw - 89px));z-index:15;box-shadow:0 8px 40px #0002}.reaction-menu{left:55px}.space-tip p{font-size:8px}.space-tip strong{font-size:10px}.header-avatar{width:28px;height:28px}.live-pill{font-size:8px}.border{padding:8px}}

@media(min-width:761px) and (max-height:820px){.workspace{margin:18px 0;padding:10px}.nav-item{padding:11px 12px}.space-item{padding:9px 10px}.space-label{margin-top:18px}.invite-card{margin-top:auto;padding-top:8px;padding-bottom:8px}.invite-art{height:30px}.invite-card p{margin-bottom:8px}.sidebar-footer{padding-top:15px;margin-top:10px}.powered{margin-top:9px}.powered span{display:none}}
@media(min-width:761px) and (max-height:700px){.invite-card{display:none}.sidebar-footer{margin-top:auto}}

.rename-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:48px;height:47px;border-radius:7px;background:#f1f5ec;color:#527c51}.rename-button>span{font-size:21px;line-height:23px}.rename-button small{font-size:8px}.field-hint{display:block;color:#909984;font-size:10px}.modal .field-error{color:#ad4c3d;font-size:11px;margin:6px 0}.profile-actions{display:flex;gap:10px;margin-top:20px}.profile-actions .primary{margin:0;flex:1}.secondary{padding:12px 18px;border:1px solid #dfe4d4;border-radius:7px;color:#75816a}.self-card strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.rename-button{min-width:32px;width:32px}.rename-button small{font-size:7px}.control-dock{max-width:calc(100vw - 73px)}.dock-button{min-width:30px}.dock-divider{margin:0 1px}.self-card{padding:0}.self-avatar{width:26px;height:30px}.leave-button{padding:6px}.control-dock{padding:6px;gap:1px}}