@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap";:root{color:#f3f3f3;background:#181b1c;font-family:Noto Sans KR,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#181b1c;color:#f3f3f3}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #42ddeb;outline-offset:4px}.app{min-height:100vh;background:#181b1c}.hero-frame{position:relative;isolation:isolate;min-height:100vh;max-width:853px;margin:auto;overflow:hidden;padding:28px 30px 108px;background:#181b1c url(/assets/plates/contour-surface.png) center 190px/650px auto repeat}.hero-frame:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 66% 29%,transparent 0 20%,rgba(4,8,9,.15) 48%,rgba(4,8,9,.74) 100%)}.header{height:158px;display:flex;justify-content:space-between;align-items:flex-start}.header strong{font-size:38px;letter-spacing:.17em;line-height:1;font-weight:900}.header p{margin:12px 0;color:#a9abad;font-size:17px}.demo{display:grid;justify-items:end;gap:12px}.demo b{min-width:164px;border:2px solid #f87828;border-radius:999px;padding:7px 22px;color:#f87828;text-align:center;font-size:16px;letter-spacing:.11em}.demo span{color:#a9abad;font-size:14px}.terrain{height:706px;position:relative}.oreum-record{position:absolute;z-index:2;top:28px;left:-6px;width:235px;min-height:495px;padding:28px 25px;border:1px solid #485052;border-radius:18px;background:#121718e8;box-shadow:0 18px 42px #0003}.oreum-record small{color:#b8bcbd;font-size:14px}.oreum-record h1{margin:16px 0 14px;font-size:35px;letter-spacing:-.05em;line-height:1.1}.oreum-record>b{font-size:22px}.oreum-record em{display:inline-block;margin:24px 0 10px;border:2px solid #7eea6d;border-radius:999px;padding:5px 11px;color:#90ee79;font-size:15px;font-style:normal;font-weight:700}.oreum-record p{margin:8px 0;color:#c4c7c8;font-size:15px;line-height:1.55}.oreum-record hr{border:0;border-top:1px solid #4a5052;margin:27px 0}.oreum-record dl{display:grid;gap:18px;margin:0}.oreum-record dl div{display:grid;grid-template-columns:28px 1fr;gap:10px}.oreum-record dt{color:#f3f3f3;font-size:17px}.oreum-record dd{margin:0;color:#c8cbcc;font-size:14px;line-height:1.45}.dial{position:absolute;top:34px;right:-16px;width:570px;height:570px;border-radius:50%;color:#dce1e1}.outer-ring,.inner-ring{position:absolute;border-radius:50%;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #4d5a5c}.inner-ring{top:91px;right:91px;bottom:91px;left:91px;border:2px dashed #42ddeb}.done .inner-ring{border-color:#f87828}.dial:before{content:"";position:absolute;top:44px;right:44px;bottom:44px;left:44px;border:9px dotted #bac1c0;border-radius:50%;opacity:.85}.compass{position:absolute;z-index:3;font-size:17px;font-weight:900}.north{top:-1px;left:50%;transform:translate(-50%)}.south{bottom:-1px;left:50%;transform:translate(-50%)}.west{left:5px;top:50%;transform:translateY(-50%)}.east{right:5px;top:50%;transform:translateY(-50%)}.mountain{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);color:#c5caca;text-align:center;font-size:32px}.mountain small{display:block;margin-top:6px;color:#a9abad;font-size:16px;line-height:1.15}.target{position:absolute;top:60%;left:50%;width:84px;height:84px;transform:translate(-50%,-50%);border:3px solid #f3f3f3;border-radius:50%;display:grid;place-items:center}.target:before,.target:after{content:"";position:absolute;width:114px;height:2px;background:#f3f3f3}.target:after{transform:rotate(90deg)}.target i{width:28px;height:28px;border-radius:50%;background:#ff7828;box-shadow:0 0 0 8px #f878282b}.target b{position:absolute;top:94px;color:#f87828;font-size:26px}.radius{position:absolute;right:56px;top:43%;color:#42ddeb;font-size:20px}.radius small{display:block;color:#42ddeb;font-size:13px}.position-chip{position:absolute;right:0;top:28px;width:auto;border:1px solid #667073;border-radius:999px;padding:14px 19px;background:#1f2627eb;color:#f3f3f3;font-size:16px;font-weight:700}.result{min-height:122px;display:grid;grid-template-columns:67px 1fr auto;align-items:center;gap:16px;padding:17px 24px;border:1px solid #495355;border-radius:18px;background:#1b2122e8}.info{width:51px;height:51px;border:2px solid #f3f3f3;border-radius:50%;display:grid;place-items:center;font-size:31px;font-family:serif}.result b{font-size:21px}.result p{margin:6px 0 0;color:#b7bcbd;font-size:16px}.result>strong{color:#ff7828;font-size:42px}.result>strong small{display:block;color:#b7bcbd;font-size:12px;font-weight:400;text-align:right}.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:43px 0 32px;text-align:center}.steps-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;text-align:left}.steps h2{margin:0;font-size:25px}.steps-heading p{margin:0;color:#adb3b4;font-size:14px}.steps article{position:relative;z-index:1;display:grid;justify-items:center;gap:12px}.steps article>b{width:39px;height:39px;border:2px solid #7f8789;border-radius:50%;display:grid;place-items:center;background:#181b1c;color:#c1c5c6;font-size:18px}.steps article.active>b{border-color:#f6aa36;background:#f6aa36;color:#181b1c}.step-line{position:absolute;top:137px;left:17%;right:17%;display:flex;justify-content:space-between}.step-line i{width:39%;border-top:2px dashed #697174}.step-icon{width:64px;height:64px;border:2px solid #c7cccd;border-radius:50%;display:grid;place-items:center;font-size:31px}.steps article strong{font-size:17px}.steps article em{color:#aeb4b5;font-size:15px;font-style:normal}.steps article.active em{color:#ff8a2d}.primary-action{width:100%;border:0;border-radius:23px;padding:27px 18px;background:#ff7828;color:#191c1d;font-size:26px;font-weight:900;letter-spacing:-.03em;box-shadow:0 12px 26px #00000038}.primary-action:disabled,.position-chip:disabled{opacity:.55;cursor:wait}.privacy{margin:25px 10px 0;color:#aeb4b5;font-size:14px;line-height:1.5}nav{position:absolute;left:0;right:0;bottom:0;height:91px;display:flex;justify-content:space-around;padding:13px 18px;border-top:1px solid #333a3c;background:#181b1cf7}nav b{display:grid;justify-items:center;gap:4px;color:#b9bdbf;font-size:23px;font-weight:500}nav b:first-child{color:#ff7828}nav span{font-size:13px}.photo-submit{max-width:853px;margin:0 auto;padding:28px 30px 54px;background:#121617}.photo-submit label{display:grid;gap:6px;font-size:18px;font-weight:700}.photo-submit small,.photo-submit p{color:#b7bcbd;font-size:13px;line-height:1.5}.photo-submit input{width:100%;margin:17px 0;color:#d9dddd}.photo-submit button{width:100%;border:0;border-radius:14px;padding:17px;background:#42ddeb;color:#101516;font-weight:900}@media(max-width:599px){.hero-frame{padding:21px 18px 97px;background-size:440px auto}.header{height:111px}.header strong{font-size:24px}.header p{margin-top:8px;font-size:12px}.demo{gap:8px}.demo b{min-width:124px;padding:5px 12px;font-size:12px}.demo span{font-size:11px}.terrain{height:484px}.oreum-record{top:11px;left:-3px;width:151px;min-height:346px;padding:17px 15px;border-radius:14px}.oreum-record small{font-size:11px}.oreum-record h1{margin:10px 0;font-size:25px}.oreum-record>b{font-size:17px}.oreum-record em{margin:15px 0 5px;padding:3px 8px;font-size:11px}.oreum-record p{font-size:11px}.oreum-record hr{margin:16px 0}.oreum-record dl{gap:11px}.oreum-record dl div{grid-template-columns:18px 1fr;gap:6px}.oreum-record dt{font-size:12px}.oreum-record dd{font-size:10px}.dial{top:17px;right:-17px;width:370px;height:370px}.outer-ring{top:7px;right:7px;bottom:7px;left:7px}.inner-ring{top:59px;right:59px;bottom:59px;left:59px}.dial:before{top:29px;right:29px;bottom:29px;left:29px;border-width:6px}.compass{font-size:12px}.mountain{font-size:21px}.mountain small{font-size:11px}.target{width:55px;height:55px}.target:before,.target:after{width:75px}.target i{width:19px;height:19px}.target b{top:66px;font-size:19px}.radius{right:34px;font-size:15px}.radius small{font-size:10px}.position-chip{top:11px;padding:9px 12px;font-size:12px}.result{min-height:90px;grid-template-columns:44px 1fr auto;gap:9px;padding:12px 15px;border-radius:14px}.info{width:35px;height:35px;font-size:22px}.result b{font-size:15px}.result p{font-size:11px}.result>strong{font-size:30px}.result>strong small{font-size:9px}.steps{padding:30px 0 24px;gap:4px}.steps h2{font-size:20px}.steps-heading p{font-size:10px}.step-line{top:102px}.steps article{gap:7px}.steps article>b{width:29px;height:29px;font-size:13px}.step-icon{width:48px;height:48px;font-size:22px}.steps article strong{font-size:13px}.steps article em{font-size:11px}.primary-action{border-radius:18px;padding:20px 12px;font-size:20px}.privacy{margin:19px 4px 0;font-size:11px}nav{height:78px;padding:10px 13px}nav b{font-size:18px}nav span{font-size:10px}.photo-submit{padding:24px 18px 44px}}@media(min-width:600px){.hero-frame{min-height:1844px;padding:28px 30px 193px;background-position:center 184px}.header{transform:translateY(64px)}.terrain{height:717px}.oreum-record{min-height:657px}.dial{top:87px;right:-10px;width:550px;height:550px}.result{min-height:150px}.steps{padding-bottom:21px}.primary-action{min-height:120px}.privacy{margin-top:48px}nav{height:193px;padding:30px 42px 52px}nav b{font-size:31px;gap:10px}nav span{font-size:17px}}.position-chip{min-height:44px}.permission-modal__close{min-width:44px;min-height:44px;display:grid;place-items:center}.permission-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px}.permission-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050a0ac2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.permission-modal__panel{position:relative;z-index:1;width:min(100%,390px);padding:32px 28px 28px;border:1px solid #485151;border-radius:16px;background:#181b1c;color:#f3f3f3;box-shadow:0 18px 50px #0000006b;text-align:center}.permission-modal__icon{margin:0 0 12px;color:#f87828;font-size:32px}.permission-modal__panel h2{margin:0;font-size:24px}.permission-modal__panel p:not(.permission-modal__icon){margin:12px 0 24px;color:#c7cccc;line-height:1.6}.permission-modal__panel button:not(.permission-modal__close){width:100%;min-height:48px;border:0;border-radius:12px;background:#f87828;color:#181b1c;font-size:16px;font-weight:800}.permission-modal__close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#c7cccc;font-size:28px;line-height:1}.permission-modal__panel button:focus-visible{outline:3px solid #f3f3f3;outline-offset:3px}.permission-modal__summary{margin:12px 0 2px!important;color:#f3f3f3!important;font-weight:700}.permission-modal__hint{margin:0 0 14px!important;font-size:14px}.permission-modal__steps{display:grid;gap:9px;margin:0 0 12px;padding:0;list-style:none;counter-reset:permission-step;text-align:left}.permission-modal__steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;color:#e3e7e7;font-size:14px;line-height:1.45;counter-increment:permission-step}.permission-modal__steps li:before{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#f87828;color:#181b1c;content:counter(permission-step);font-size:12px;font-weight:800}.permission-modal__steps strong{color:#fff}.permission-modal__note{margin:0 0 16px!important;font-size:13px}.kakao-login,.logout{min-height:44px;border:0;border-radius:999px;padding:10px 16px;background:#fee500;color:#241f00;font-size:14px;font-weight:900;text-decoration:none}.member-name{color:#f3f3f3;font-size:14px;font-weight:700}.logout{margin-top:8px;background:transparent;border:1px solid #667073;color:#d9dddd}.map-section{margin:0 0 24px;padding:20px;border:1px solid #495355;border-radius:18px;background:#1b2122e8}.map-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px}.map-heading h2{margin:0;font-size:21px}.map-heading p{margin:5px 0 0;color:#c7cccc;font-size:14px}.map-heading span{color:#42ddeb;font-size:12px;text-align:right}.kakao-map{height:260px;border-radius:12px;background:#2b3532}.map-status{margin:12px 0 0;color:#f3c596;font-size:13px;line-height:1.5}@media(max-width:599px){.kakao-login,.logout{min-height:44px;padding:8px 12px;font-size:12px}.member-name{font-size:12px}.map-section{margin-bottom:18px;padding:15px;border-radius:14px}.map-heading{gap:8px;margin-bottom:12px}.map-heading h2{font-size:17px}.map-heading p{font-size:12px}.map-heading span{font-size:10px}.kakao-map{height:210px}}@media(min-width:600px){.primary-action{margin-top:76px}}