@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#213f38;font-synthesis:none;background:#e4efe9}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #df9b30;outline-offset:4px}#world{position:fixed;inset:0}canvas{display:block;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#e4efe9;z-index:2}header{position:fixed;top:28px;left:32px;right:32px;display:flex;align-items:center;gap:16px;pointer-events:none}header>*{pointer-events:auto}.brand{text-decoration:none;color:inherit;display:flex;gap:11px;align-items:center;background:#ffffffed;border-radius:18px;padding:12px 20px 12px 12px;box-shadow:0 5px 25px #284c3610}.brand-icon{display:grid;place-items:center;background:#286e5d;color:#fff;width:44px;height:44px;border-radius:13px;font-weight:800;font-size:27px;position:relative}.brand-icon span{position:absolute;color:#eaca7f;font-size:17px;top:-7px;right:-6px}.brand strong{font-size:21px;letter-spacing:2px;line-height:1}.brand small{display:block;font-size:12px;margin-top:4px;letter-spacing:.3px}.room-tag{margin-left:auto;background:#fffffff2;padding:14px 20px;border-radius:30px;font-size:13px;display:flex;align-items:center;gap:9px}.room-tag b{border-left:1px solid #ccd9d2;padding-left:12px;margin-left:4px;font-size:14px}.live-dot{width:7px;height:7px;background:#58a088;border-radius:50%}.round{border:1px solid white;border-radius:50%;background:#fffffff0;width:42px;height:42px;font-size:21px}.intro{position:fixed;top:139px;left:40px;pointer-events:none;text-shadow:0 2px 14px #ffffff}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#527c6c}h1{font-size:36px;line-height:1.45;letter-spacing:-1.8px;margin:12px 0 10px;font-weight:700}.intro p{font-size:14px;max-width:260px;line-height:1.8;margin:0 0 14px}.sample-tag{font-size:12px;color:#587669;padding:5px 9px;background:#ffffffc9;border:1px solid #ffffffc9;border-radius:5px}.view-tools{position:fixed;right:32px;top:120px;display:flex;flex-direction:column;gap:9px}.view-tools button{border:1px solid #fff;background:#fffffff0;color:#456c5e;border-radius:10px;padding:10px 13px;font-size:16px;box-shadow:0 4px 16px #284c360a}.view-tools span{font-size:12px;margin-left:5px}.location{position:fixed;bottom:174px;left:36px;display:flex;align-items:center;gap:12px;background:#ffffffdf;padding:12px 17px;border-radius:13px}.location>span{display:grid;place-items:center;background:#e6f1ea;color:#558975;width:34px;height:34px;border-radius:10px;font-size:22px}.location small{display:block;font-size:11px;color:#668375;margin-bottom:3px}.location strong{font-size:13px;font-weight:500}.controls{position:fixed;bottom:173px;right:34px;display:flex;gap:14px;align-items:center;background:#ffffffe8;border-radius:12px;padding:12px 16px;color:#5d756b;font-size:12px}.controls span{display:flex;align-items:center;gap:4px}.controls i{height:14px;width:1px;background:#c8d8cf}kbd{font:11px inherit;background:#f3f6f2;border:1px solid #c8d8cf;min-width:19px;padding:3px;border-radius:4px;text-align:center}.library{position:fixed;bottom:24px;left:32px;right:32px;display:flex;gap:26px;padding:19px 24px;border:1px solid #ffffff;border-radius:22px;background:#ffffffed;box-shadow:0 12px 48px #26433417;backdrop-filter:blur(16px)}.nav-title{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:122px}.nav-title>span{font-size:15px;font-weight:700}.nav-title small{font-size:11px;color:#7b9084}#categories{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;width:100%}.category{border:1px solid #e3eae3;border-radius:13px;background:#f8faf6;text-align:left;padding:13px 12px;display:flex;gap:10px;align-items:center;transition:transform .2s,background .2s}.category:hover{transform:translateY(-4px);background:#fff;border-color:#81aa95}.category .icon{color:var(--accent);background:var(--tint);width:35px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:10px}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.category b{font-size:13px;display:block;white-space:nowrap;font-weight:600;color:#355348}.category small{display:block;font-size:11px;color:#7a8f83;margin-top:5px}.marker{position:absolute;transform:translate(-50%,-100%);border:1px solid white;background:#fffffff0;color:#355347;box-shadow:0 5px 20px #1735271f;border-radius:12px;padding:9px 13px;white-space:nowrap;display:flex;align-items:center;gap:8px;pointer-events:auto;font-size:13px;transition:background .2s}.marker:after{content:"";position:absolute;bottom:-6px;left:calc(50% - 5px);border-top:7px solid white;border-left:6px solid transparent;border-right:6px solid transparent}.marker .pin{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--tint);color:var(--accent);font-size:12px;font-weight:700}.marker:hover{background:#edf9ee}.marker em{font-style:normal;color:#8ea497;margin-left:3px}.touch-pad{display:none}dialog{border:0;border-radius:24px;padding:36px;width:min(630px,calc(100% - 32px));color:#294c3f;max-height:85dvh;box-shadow:0 25px 100px #173a3940}dialog::backdrop{background:#16383169;backdrop-filter:blur(6px)}.close{position:absolute;right:20px;top:16px;border:0;background:#eff4ef;color:#537363;border-radius:50%;width:33px;height:33px;font-size:24px}dialog h2{font-size:27px;letter-spacing:-1px;margin:12px 0}dialog>p{font-size:15px;color:#6c8175;line-height:1.8}.dialog-tabs{display:flex;gap:8px;margin-top:22px}.dialog-tabs button{border:1px solid #d9e5da;border-radius:20px;padding:8px 14px;background:#fff;color:#628170;font-size:13px}.dialog-tabs button.active{background:#2c705b;color:#fff;border-color:#2c705b}.empty-state{margin:24px 0;background:#f4f7f2;border:1px dashed #c7d8c9;border-radius:16px;padding:32px;text-align:center}.empty-state .doc-symbol{display:block;font-size:32px;color:#80a58b;margin-bottom:12px}.empty-state h3{font-size:17px;font-weight:600}.empty-state p{font-size:14px;color:#718375;line-height:1.9;margin:8px 0}.expected{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:18px}.expected span{padding:5px 9px;background:#fff;border-radius:5px;font-size:12px;color:#6d8173}dialog footer{border-top:1px solid #e1e9e0;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:#7a8d7d}.guide-row{padding:16px 0;border-bottom:1px solid #e5ece5;display:flex;gap:20px;font-size:14px;line-height:1.8}.guide-row b{min-width:66px}.guide-row span{color:#6f8378}.route{background:#edf4eb;border-radius:12px;padding:16px;margin-top:22px;font-size:14px;line-height:1.8}.route p{margin:8px 0 0}.guide-note{font-size:12px!important}.file-link{display:block;text-decoration:none;color:#2e6350;background:#f0f5ef;padding:18px;border-radius:12px;margin:12px 0}.file-link small{display:block;margin-top:5px;color:#6b8174}@media(min-width:1500px){.intro{top:160px;left:48px}h1{font-size:43px}.library{max-width:1430px;left:50%;transform:translate(-50%);width:calc(100% - 64px)}}@media(max-width:1100px){.nav-title{display:none}.library{padding:15px;gap:0}.category{flex-direction:column;gap:7px;text-align:center;padding:9px}.category small{margin-top:3px}.controls{bottom:176px;font-size:11px}.intro{top:122px;left:28px}h1{font-size:30px}.intro p{max-width:210px}.location{bottom:180px;left:24px}.controls span:nth-last-child(1),.controls i:last-of-type{display:none}}@media(max-width:650px){header{top:16px;left:16px;right:16px;gap:10px}.brand{padding:9px 12px 9px 9px;border-radius:14px}.brand-icon{width:33px;height:33px;font-size:22px}.brand strong{font-size:17px}.brand small{font-size:10px}.room-tag{padding:10px;font-size:0;gap:0}.room-tag .live-dot{display:none}.room-tag b{font-size:12px;border:0;padding:0;margin:0}.round{width:34px;height:34px}.intro{left:20px;top:104px}.intro .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:25px;line-height:1.4;margin-top:9px}.intro p{display:none}.sample-tag{font-size:10px}.view-tools{right:17px;top:89px;gap:6px}.view-tools button{padding:8px 10px}.view-tools span{display:none}.library{left:12px;right:12px;bottom:12px;padding:10px;border-radius:17px}#categories{grid-template-columns:repeat(3,1fr);gap:7px}.category{flex-direction:row;text-align:left;padding:8px;gap:6px}.category .icon{width:26px;height:30px;border-radius:7px}.category .icon svg{width:18px}.category b{font-size:11px}.category small{font-size:10px}.controls{display:none}.location{left:14px;bottom:163px;padding:9px 11px;max-width:65%;gap:8px}.location small{font-size:10px}.location strong{font-size:11px}.location>span{width:25px;height:25px}.touch-pad{position:fixed;right:15px;bottom:170px;display:grid;grid-template-columns:repeat(3,34px);gap:4px}.touch-pad button{border:1px solid white;border-radius:9px;background:#ffffffdb;color:#396953;height:34px;font-size:19px;touch-action:none}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1}dialog{padding:27px 22px}dialog h2{font-size:23px}dialog footer span{display:none}.empty-state{padding:22px 13px}}