@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;450;500;600;700&display=swap";:root{font-family:IBM Plex Sans KR,sans-serif;color:#293c35;background:#f4f4ee;font-synthesis:none;font-size:13px;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #d9ddd3;background:transparent;color:inherit;padding:9px 12px;border-radius:5px;transition:background .15s}button:hover{background:#e6eade}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #217b62;outline-offset:3px}header{height:72px;display:flex;align-items:center;gap:40px;padding:0 28px;border-bottom:1px solid #d9ddd3;background:#fafaf5}.brand{font-size:29px;font-weight:700;letter-spacing:-1.7px;text-decoration:none;color:#2a4c3d;display:flex;align-items:center;gap:15px}.brand span{font-size:9px;letter-spacing:2px;border-left:1px solid #c8d2c3;padding-left:15px;width:85px;line-height:1.6}.project{font-size:13px}.project span{margin-left:20px;font-size:9px;color:#8b9689;letter-spacing:1.5px}header>button{margin-left:auto;font-size:11px}main{display:grid;grid-template-columns:265px 1fr;height:calc(100dvh - 72px);min-height:700px}aside{padding:29px 25px 20px;border-right:1px solid #d9ddd3;display:flex;flex-direction:column;background:#f9f9f3;overflow:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:#7c8e7f;font-weight:600}h1{font-size:27px;line-height:1.4;letter-spacing:-1px;font-weight:500;margin:16px 0 12px}.intro{font-size:11px;color:#879082;line-height:1.8;margin:0 0 22px}.preset{display:flex;gap:3px;background:#eaece3;padding:3px;border-radius:5px}.preset button{flex:1;font-size:11px;border:0;padding:8px 0}.preset .active{background:#fafbf6;box-shadow:0 1px 3px #0001}section{padding:20px 0 3px;border-bottom:1px solid #e0e3d9}h2{font-size:12px;margin:0 0 20px;font-weight:600}h2 span{font-size:10px;color:#94a08b;margin-right:12px}label{display:block;font-size:11px;margin-bottom:20px}output{float:right;font-weight:600;color:#355847}input[type=range]{display:block;width:100%;height:3px;accent-color:#326b52;margin:16px 0 3px;cursor:pointer}.check{display:flex;justify-content:space-between;align-items:center}.check input{accent-color:#326b52;width:16px;height:16px}.note{font-size:10px;color:#6e7b69;line-height:1.7;margin-top:19px}.note p{font-size:10px;color:#969d90;margin:5px 0 18px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#538864;margin-right:7px}#export{margin-top:auto;text-align:left;font-size:11px}#export span{float:right;font-size:9px;color:#8a9685}.workspace{display:grid;grid-template-rows:52px minmax(310px,1fr) 76px 165px 69px 28px;min-width:0}.viewbar{display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:9px;letter-spacing:1px;background:#f2f3ec}.sub{margin-left:17px;color:#919b8b;letter-spacing:.2px}.viewbuttons{display:flex;gap:5px}.viewbuttons button{font-size:10px;padding:7px 10px;letter-spacing:0;border-color:transparent}.viewbuttons .active{background:#e0e8dc;color:#336449}#viewport{position:relative;overflow:hidden;background:#eeeee8;min-height:0}#viewport>canvas{display:block;touch-action:none}.scene-label{position:absolute;top:20px;pointer-events:none}.scene-label.normal{left:12%}.scene-label.tmd{left:61%}.scene-label span{display:block;font-size:8px;color:#96a08f;letter-spacing:2px;margin-bottom:7px}.scene-label strong{font-size:18px;font-weight:500;letter-spacing:-.5px}.scene-label p{font-size:10px;color:#8d9786;margin-top:7px}.scene-label.tmd strong{color:#327058}.view-hint{position:absolute;bottom:18px;left:24px;font-size:9px;color:#8a9688}.view-hint b{padding:0 8px}.part-note{position:absolute;right:23px;bottom:18px;font-size:9px;color:#81907e}.part-note span{font-size:8px;margin-right:9px;letter-spacing:1px}.readings{display:flex;align-items:center;border-top:1px solid #dce0d6;border-bottom:1px solid #dce0d6;background:#f6f7ef;padding:10px 24px;gap:26px}.readings>div{border-right:1px solid #dce1d6;padding-right:25px;flex:1;white-space:nowrap}.readings>div:first-child{flex:1.7}.readings>div:last-child{border:0;padding:0}.readings span{display:block;font-size:9px;color:#8a9584;margin-bottom:5px}.readings b{font-size:22px;font-weight:500;letter-spacing:-.8px}.readings small{font-size:11px;margin-left:3px;letter-spacing:0}.readings i{font-size:8px;font-style:normal;color:#929c8c;margin:0 13px 0 5px}.c-normal{color:#a18c6b}.c-tmd{color:#2c795f}.analytics{padding:16px 25px 0;background:#fafaf5;min-height:0}.chart-title{display:flex;align-items:center;gap:13px;font-size:10px}.chart-title strong{font-size:11px;font-weight:500}.chart-title>span{color:#929a8c;font-size:9px}.chart-title>div{margin-left:auto;color:#7a8673;font-size:9px}.legend{display:inline-block;width:13px;height:2px;vertical-align:middle;margin:0 5px 0 17px}.normal-line{background:#b09a76}.tmd-line{background:#287c6b}#chart{width:100%;height:115px;display:block;margin-top:5px}.transport{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fafaf5;border-top:1px solid #e0e3d9}.transport button{font-size:11px;white-space:nowrap}.primary{background:#315d46;color:#f6f8ef;border-color:#315d46;min-width:111px}.primary:hover{background:#254c38}.time{white-space:nowrap;font-size:11px;margin-left:10px}.time strong{font-size:18px;font-weight:500}.time span{color:#8b9683}.transport input{flex:1;margin:0 6px}.transport select{font-size:10px;border:1px solid #d6decf;background:#f5f7ee;color:#57684f;padding:7px;border-radius:4px}footer{display:flex;justify-content:space-between;padding:5px 25px;color:#8b9684;background:#ecefe4;font-size:9px}dialog{border:1px solid #ccd6c5;border-radius:10px;padding:32px;max-width:640px;width:calc(100% - 32px);max-height:85vh;overflow:auto;background:#fafbf6;color:#394b36;line-height:1.9}dialog::backdrop{background:#20332566}dialog h2{font-size:24px;margin:16px 0}dialog h3{font-size:14px;margin:22px 0 4px}dialog p,dialog li{font-size:12px}dialog a{color:#217753}#close{float:right;font-size:11px}#loading{position:absolute;inset:45% 0;text-align:center;color:#72866e}@media(min-width:1500px){main{grid-template-columns:285px 1fr}.workspace{grid-template-rows:52px minmax(350px,1fr) 80px 185px 69px 28px}#chart{height:135px}}@media(max-width:1100px){main{grid-template-columns:225px 1fr}aside{padding:24px 18px}.readings{gap:12px;padding:10px 15px}.readings>div{padding-right:12px}.readings b{font-size:18px}.readings i{margin-right:5px}.project span,.part-note,.sub{display:none}.transport{gap:7px;padding:12px}.scene-label.normal{left:8%}.scene-label.tmd{left:58%}}@media(max-width:760px){header{height:60px;padding:0 16px;gap:15px}.brand{font-size:24px}.brand span{font-size:8px;width:69px}.project{display:none}main{display:flex;flex-direction:column;height:auto;min-height:0}.workspace{order:0;grid-template-rows:46px 390px auto 155px auto 35px}aside{order:1;border-top:1px solid #d9ddd3;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;padding:22px}aside .eyebrow,aside h1,aside .intro{display:none}.preset{grid-column:1/-1}section{padding-top:10px}.note{grid-column:1}#export{grid-column:2}.viewbar{padding:0 12px}.viewbuttons{gap:0}.viewbuttons button{padding:7px}.readings{flex-wrap:wrap;gap:14px;padding:16px}.readings>div{flex:1 1 40%!important}.readings>div:nth-child(2){border:0}.readings b{font-size:21px}.scene-label{top:13px}.scene-label strong{font-size:16px}.scene-label p{font-size:8px}.transport{flex-wrap:wrap;padding:10px 14px}.transport input{order:5;flex-basis:100%;margin:10px 0}.transport select{margin-left:auto}.time{margin-left:0}footer{font-size:8px;padding:7px 12px;gap:8px}.analytics{padding:13px}#chart{height:110px}.view-hint{bottom:10px;left:16px;font-size:8px}.workspace #viewport{min-height:390px}.viewbuttons #home{font-size:0}.viewbuttons #home:after{content:"↺";font-size:14px}}.readings span em{font-size:9px;font-style:normal;color:#618273}.sources{padding-left:19px}.sources li{padding-left:4px;margin:10px 0}.sources p{margin:3px 0;color:#667561;font-size:11px;line-height:1.65}@media(min-width:761px){main{min-height:620px}.workspace{grid-template-rows:46px minmax(280px,1fr) 72px 140px 60px 26px}#chart{height:94px}.analytics{padding-top:12px}aside{padding-top:22px}h1{font-size:24px;margin:12px 0 9px}.intro{margin-bottom:15px}section{padding-top:16px}label{margin-bottom:17px}}@media(min-height:850px)and (min-width:761px){.workspace{grid-template-rows:50px minmax(350px,1fr) 78px 165px 65px 28px}#chart{height:115px}}.brand span{letter-spacing:.8px;width:auto;white-space:nowrap}