@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#242825;background:#eeefec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button,input{font:inherit}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #718c44;outline-offset:3px}[v-cloak]{display:none}#app{max-width:480px;min-height:100vh;margin:auto;background:#fcfbf8;box-shadow:0 0 60px #263b2310}header{height:89px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;border-bottom:1px solid #eeeee7}.brand{display:flex;gap:10px;align-items:center;font-weight:900;font-size:18px;letter-spacing:1px;line-height:1.05}.brand small{font-size:8px;display:block;margin-top:7px;letter-spacing:3px}.brandmark{font-family:Georgia;font-size:40px;position:relative;letter-spacing:-6px;color:#455c2e}.brandmark span{font-size:15px;position:absolute;top:-3px;right:-9px}.avatar{width:36px;height:36px;border-radius:50%;background:#e9eddf;border:4px solid white;font-size:12px;font-weight:700;color:#576846}main{padding:27px 23px 105px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#8b8d7e;display:flex;justify-content:space-between}.eyebrow>span{letter-spacing:0;color:#667b4f;font-size:9px}h1{font-size:27px;line-height:1.52;letter-spacing:-1.5px;margin:16px 0 13px;font-weight:800}h1>span{color:#878d82}.greeting{font-size:11px;font-weight:600;margin-bottom:24px}.greeting>span{color:#9a9c92;font-weight:400}.greeting i{color:#8a9b5b;font-size:17px;font-style:normal;margin-left:5px}.balance{background:#293d2d;border-radius:20px;padding:24px;color:#fff;position:relative;overflow:hidden;box-shadow:0 9px 20px #24382512}.balance:after{content:"W";font:italic 170px Georgia;position:absolute;right:-16px;top:0;color:#ffffff04;pointer-events:none}.balance-top{font-size:12px;color:#d1dacb;display:flex;justify-content:space-between}.balance-top>span{font-size:8px;letter-spacing:1px;color:#a9bd9c}.amount{font-size:39px;letter-spacing:-1.5px;margin:13px 0 12px;font-weight:600}.amount small{font-size:14px;letter-spacing:0;color:#b9c8b0;font-weight:400}.balance-note{font-size:9px;color:#bccbb5;display:flex;align-items:center;gap:6px}.coin{display:inline-grid;place-items:center;background:#dce7c5;color:#4b6034;width:18px;height:18px;border-radius:50%;font-family:Georgia;font-weight:700}.network{font-size:7px;border:1px solid #ffffff25;padding:2px 5px;border-radius:4px;margin-left:3px}.actions{display:flex;gap:10px;margin-top:24px}.actions button{width:50%;padding:13px;border-radius:10px;background:#dce8c5;color:#2a3b28;font-size:12px;font-weight:700}.actions button+button{background:#ffffff12;color:#f1f3e9;border:1px solid #ffffff10}.section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px}h2{font-size:16px;letter-spacing:-.6px;margin:0}.section-title>span,.section-title>button{font-size:10px;color:#8d9386}.section-title b{margin-left:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e9eae2;border-radius:15px;padding:8px 0}.stats>div{padding:16px 12px;position:relative}.stats>div:not(:nth-child(3n)):after{content:"";height:45px;border-right:1px solid #eeefe7;position:absolute;right:0;top:26px}.stats>div:nth-child(-n+3){border-bottom:1px solid #f0f0e9}.stat-icon{display:block;color:#84916c;font-size:17px;margin-bottom:8px}.stats label{display:block;font-size:9px;color:#868b80;margin-bottom:5px}.stats strong{font-size:17px;letter-spacing:-.5px}.stats small{font-size:8px;color:#92978a;font-weight:400}.entry-banner{margin-top:18px;border-radius:13px;background:#efefe5;display:flex;align-items:center;justify-content:space-between;padding:19px 16px}.entry-banner .eyebrow{font-size:7px;letter-spacing:1.5px;color:#8b927a}h3{font-size:12px;margin:7px 0}.entry-banner p{font-size:9px;color:#919581;margin:0}.entry-banner b{color:#5b6749;font-weight:500;margin-left:6px}.entry-banner button{background:#fff;border:1px solid #e5e7da;border-radius:7px;padding:10px;font-size:10px;font-weight:600;white-space:nowrap}.tabs{display:flex;border-bottom:1px solid #e7e8df;gap:24px}.tabs button{font-size:11px;color:#9c9f95;padding:3px 1px 12px}.tabs button.active{color:#394c31;border-bottom:2px solid #435837;font-weight:700}.records article{display:flex;align-items:center;gap:11px;padding:19px 0;border-bottom:1px solid #efefe8}.record-icon{width:34px;height:34px;display:grid;place-items:center;background:#eeeee7;color:#7d886b;border-radius:10px;font-size:18px}.record-icon.green{color:#4f6c3a;background:#edf2e5}.record-info{flex:1;min-width:0}.record-info b{font-size:10px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis}.record-info small{font-size:8px;color:#a5a79c;display:block;margin-top:6px}.record-value{text-align:right;font-size:13px;font-weight:600;white-space:nowrap}.record-value small{display:block;color:#9da08f;font-size:8px;font-weight:400;margin-top:4px}.referral{display:flex;gap:11px;flex-wrap:wrap;background:#f1f1e9;border:1px solid #e8e9de;border-radius:13px;padding:17px 14px;margin-top:24px}.gift{font-size:30px;color:#798b5d}.referral h3{font-size:10px;margin:3px 0 5px}.referral p{font-size:8px;color:#939985;margin:0}.referral>button{font-size:9px;margin-left:auto;padding:0}.referral button span{margin-left:6px}.ref-code{width:100%;border-top:1px solid #e2e5d7;padding-top:10px;font-size:7px;letter-spacing:1px;color:#999e8a}.ref-code b{float:right;font-size:10px;color:#697954;letter-spacing:2px}.demo-note{font-size:9px;text-align:center;color:#9a9d91;line-height:1.8;margin-top:18px}footer{padding-top:24px;font-size:8px;font-weight:700;letter-spacing:1px;color:#a6aa9c;text-align:center}footer span{display:block;font-size:7px;font-weight:400;letter-spacing:.4px;margin-top:6px}nav{position:fixed;bottom:0;width:100%;max-width:480px;display:flex;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e9eadf;padding:11px 10px max(16px,env(safe-area-inset-bottom));z-index:5}nav button{flex:1;color:#a6aa9c;font-size:8px}nav button>span{display:block;font-size:21px;line-height:1;margin-bottom:8px}nav button.selected{color:#415a32;font-weight:700}.page-head{margin:5px 0 25px}.page-head>span{font-size:9px;letter-spacing:2px;color:#8c967e}.page-head h1{margin:10px 0}.page-head p,.account p{font-size:11px;color:#8b9183}.panel{padding:22px 19px;border:1px solid #e8eae0;border-radius:16px;background:#fff;margin-bottom:24px}.panel label{display:block;font-size:11px;color:#7b856f;margin:19px 0 9px}.panel h2{margin:10px 0 20px}.panel h2 small{font-size:10px;color:#88947b}.token-line{display:flex;align-items:center;gap:7px;font-size:11px}.token-line>span:last-child{margin-left:auto;font-size:9px;color:#8a947d}.qr-placeholder{height:225px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:20px 0;border:1px dashed #dfe4d5;background:#f9faf5;border-radius:12px}.qr-placeholder>span{font-size:60px;color:#c0cbb1}.qr-placeholder b{font-size:12px;margin:10px}.qr-placeholder small{text-align:center;font-size:10px;color:#919b84;line-height:1.8}.address{font-size:10px;background:#f6f7f1;border-radius:8px;padding:14px;overflow-wrap:anywhere;color:#909987}.address span{float:right}.primary{background:#354d32;color:#fff;border-radius:9px;padding:14px;font-size:12px;font-weight:600}.full{width:100%;margin-top:17px}.hint{font-size:10px;line-height:1.9;color:#909783}.empty{text-align:center;color:#9ca28f;font-size:11px;padding:32px 12px}.empty small{display:block;font-size:9px;margin-top:12px}.input-row{display:flex;align-items:center;border:1px solid #e2e6d9;border-radius:8px;overflow:hidden}.input-row input{width:100%;min-width:0;border:0;background:transparent;padding:14px 10px;font-size:11px;outline-color:#7f9664}.input-row button,.input-row>span{padding:0 12px;white-space:nowrap;font-size:10px;color:#5f7650}.fee{display:flex;justify-content:space-between;font-size:10px;margin-top:18px;color:#8c957f}.fee b{color:#647657}.fee.final{padding-top:15px;border-top:1px solid #ecefe3}.account{text-align:center}.profile{background:#edf0e3;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;margin:0 auto 20px;color:#73845c}.google{border:1px solid #e4e6dc;padding:14px;border-radius:9px;font-size:11px}.google b{font-size:15px;margin-right:10px;color:#4285f4}.text-button{font-size:10px;color:#89977b;padding:17px}.invite-code{font-size:30px;letter-spacing:8px;color:#4e673c;margin:20px 0}.settings{display:flex;justify-content:space-between;font-size:11px;padding:20px 0;border-bottom:1px solid #e9ecdf;color:#909983}.settings b{color:#5f7053;font-weight:500}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:calc(100% - 50px);max-width:420px;background:#293d2df2;color:#fff;border-radius:12px;padding:16px;font-size:11px;line-height:1.7;z-index:30;box-shadow:0 8px 35px #0002}.overlay{position:fixed;inset:0;background:#18211766;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;padding:32px 24px;background:#fff;border-radius:22px 22px 0 0}.sheet h2{margin-top:20px;font-size:21px}.sheet>p{font-size:12px;color:#8e9883}.close{float:right;font-size:25px}video{width:100%;border-radius:10px;margin-top:12px}@media(max-width:360px){main{padding-left:16px;padding-right:16px}.amount{font-size:34px}.stats strong{font-size:14px}.referral{gap:7px}.referral h3{font-size:9px}}.login-button{display:flex;align-items:center;gap:12px;background:#354d32;color:#fff;padding:10px 15px;border-radius:9px;font-size:11px;font-weight:600}.login-button span{font-size:13px;color:#cbd8b7}.sample-badge{display:inline-block;background:#edf1e5;color:#6d7e57;border-radius:4px;padding:4px 7px;font-size:9px}.sample-caption{font-size:9px;color:#939b86;margin:12px 0 0}.tabs{gap:0;justify-content:space-between}.tabs button{padding-left:3px;padding-right:3px}.sample-record .fee b{overflow-wrap:anywhere;text-align:right}.sample-record .address{font-size:10px}.tabs{overflow-x:auto;gap:14px;justify-content:flex-start}.tabs button{white-space:nowrap;flex-shrink:0}.records article.loan{flex-wrap:wrap}.loan-details{width:100%;display:grid;grid-template-columns:1.3fr .7fr 1.3fr;gap:8px;background:#f1f4ea;border-radius:9px;padding:13px 10px}.loan-details span{display:block;color:#8a947e;font-size:9px;margin-bottom:7px}.loan-details b{font-size:11px;color:#506541}.login-form{text-align:left}.login-input{width:100%;border:1px solid #e2e6d9;border-radius:8px;padding:14px 10px;font:inherit;font-size:12px;background:#fff}.auth-time{font-size:10px;color:#7e8c6c;margin-top:11px}.demo-auth{background:#f1f4e9;border-radius:8px;padding:12px;font-size:10px!important;line-height:1.8}.demo-auth b{letter-spacing:3px;color:#405c32}.account-email{overflow-wrap:anywhere;margin-bottom:10px!important}.logout-button{border:1px solid #dce2d2;background:#f4f6ee;padding:8px 18px;border-radius:7px;font-size:11px;color:#62764e;margin-bottom:8px}.referral>.ref-copy-button{background:#354d32;color:#fff;border:1px solid #354d32;border-radius:7px;padding:10px 12px;align-self:center;min-height:36px;font-weight:600;white-space:nowrap}.ref-copy-button span{color:#dce8c5}.referral>div:nth-child(2){flex:1;min-width:150px}@media(max-width:360px){.referral>.ref-copy-button{padding:9px;font-size:9px}.referral>div:nth-child(2){min-width:130px}}.swap-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.swap-options button{padding:12px 4px;background:#f4f6ee;border:1px solid #e3e8d8;border-radius:8px;font-size:10px;color:#839371}.swap-options button.active{background:#354d32;color:#fff;border-color:#354d32;font-weight:600}.swap-label-note{float:right;font-size:9px;color:#939d86}.swap-amount-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:10px;align-items:stretch}.swap-amount-row .input-row input{font-size:13px;width:100%;padding:16px 10px}.swap-amount-row .input-row>span{font-size:9px;padding:0 9px}.swap-estimate{min-width:0;background:#eef3e5;border-radius:8px;padding:12px 10px;text-align:right;display:flex;flex-direction:column;justify-content:center}.swap-estimate>span{font-size:8px;color:#8a9a76}.swap-estimate b{font-size:15px;color:#4c6737;overflow-wrap:anywhere;margin:6px 0}.swap-estimate small{font-size:9px;color:#8b9c77}.quote-box{background:#f6f8f1;border:1px solid #e5eada;border-radius:10px;padding:13px;margin-top:17px}.quote-heading,.quote-detail{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:#879775}.quote-heading>b{font-size:10px;color:#687f52}.quote-heading button{font-size:9px;color:#5d7745;padding:6px;border:1px solid #dce5d1;border-radius:5px;background:#fff}.quote-heading button:disabled{opacity:.5}.quote-detail{margin-top:13px}.quote-detail b{color:#5e7746;overflow-wrap:anywhere;text-align:right}.quote-error,.quote-time{font-size:9px;line-height:1.8;margin:9px 0 0;color:#a17d56}.quote-time{color:#97a386}.quote-box .hint{font-size:9px;margin-bottom:0}.cash-notice{font-size:9px;color:#8c9a7a;line-height:1.9;background:#f4f6ef;padding:12px;border-radius:8px;margin-top:14px}.demo-record-button{border:1px solid #dbe4d0;padding:12px;border-radius:8px;font-size:11px;color:#6c8357;background:#f5f7f0}.withdrawal-record{margin-top:16px}.withdrawal-record .fee{gap:12px}.withdrawal-record .fee b{min-width:0;text-align:right;overflow-wrap:anywhere}.withdrawal-record .sample-badge{font-size:9px}.stats>div:nth-child(7),.stats>div:nth-child(8){border-top:1px solid #f0f0e9}
