@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#edf0f4;background:#111c2c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#26364b66,transparent 60%)}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d1b57d;outline-offset:4px}.page{max-width:1020px;padding:35px 45px 25px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff13;padding-bottom:23px}.wordmark{font-size:15px;letter-spacing:3px;font-weight:500}.gold{color:#c4aa76}.edition{font-size:8px;letter-spacing:2px;color:#8693a6}.intro{padding:48px 0 37px;position:relative;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:2px;color:#bba577;margin:0 0 17px}h1{font-size:40px;line-height:1.5;letter-spacing:-1.7px;font-weight:500;margin:0}h1>span{color:#cbb78f}.subtitle{font-size:12px;color:#8290a3;line-height:1.9;margin:17px 0 0}.ornament{position:absolute;right:75px;top:21px;font-family:Georgia,serif;font-size:165px;color:#ffffff06;transform:rotate(-12deg)}.ornament span{position:absolute;left:65px;top:55px;color:#c4aa760b}.converter{border:1px solid #394354;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1.08fr 1fr;box-shadow:0 25px 70px #00000020;background:#182437}.panel-head{grid-column:1/-1;border-bottom:1px solid #ffffff0c;display:flex;justify-content:space-between;align-items:center;padding:21px 28px}.panel-head h2{font-size:15px;font-weight:500;margin:0}.panel-head>span{font-size:8px;letter-spacing:1.4px;color:#8390a3}form{padding:28px}.currency-row{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:end}.field{min-width:0}.field label{font-size:10px;color:#aab4c3;display:block;margin-bottom:10px}.field label span{font-size:8px;color:#61728a;margin-left:4px}.field select{width:100%;background:#202e42;border:1px solid #3b485c;border-radius:5px;color:#e1e6ee;font-size:11px;padding:12px 5px}.field select option{background:#202e42;color:#e1e6ee}#swap{border:1px solid #3c495b;background:transparent;color:#c6ad7f;border-radius:50%;width:30px;height:30px;font-size:18px;margin-bottom:6px;padding:0}.amount-field{margin-top:24px}.amount-shell{display:flex;align-items:center;gap:12px;border-bottom:1px solid #728097;padding:4px 0 12px}.amount-shell input{background:transparent;border:0;color:#f3f3f5;min-width:0;width:100%;font-size:33px;letter-spacing:-1px;font-variant-numeric:tabular-nums;outline-offset:0}.amount-shell>span{font-size:13px;color:#bfa879}#amount-help{font-size:9px;color:#6f819b;margin:9px 0}.presets{display:flex;gap:7px;margin:14px 0 0}.presets button{flex:1;background:transparent;border:1px solid #38465a;border-radius:4px;color:#8c9bb1;font-size:9px;padding:7px 2px}.presets button:hover{color:#d6bf92;border-color:#8d7e65}#error{font-size:11px;color:#edb5a8;min-height:30px;line-height:1.5;margin:12px 0}.calculate{width:100%;display:flex;justify-content:space-between;border:0;background:#c7b185;color:#172336;border-radius:5px;padding:13px 16px;font-size:12px;font-weight:600}.calculate:hover{background:#d8c49e}.result{padding:32px 28px;background:#f4f1ea;color:#253349;display:flex;flex-direction:column;min-width:0}.result .eyebrow{color:#9c875d;font-size:8px}#result-context{font-size:11px;color:#959288;margin:22px 0 13px}.result-number{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.result-number output{font-size:38px;letter-spacing:-1.5px;line-height:1.4;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.result-number>span{font-size:15px;color:#a28d65}#rate{font-size:12px;color:#74796f;margin:20px 0 6px}#inverse{font-size:10px;color:#a0a195;margin:0 0 26px}.result-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #dedbd2;display:flex;justify-content:space-between;align-items:center;gap:8px}#rate-date{font-size:9px;line-height:1.8;color:#989687}#copy{background:transparent;border:0;font-size:10px;color:#89754e;white-space:nowrap;padding:4px}#copy:disabled{opacity:.4;cursor:default}#copy-status{font-size:10px;color:#8e7b59;min-height:14px;margin:5px 0 0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:34px 0}.note-number{font-size:9px;color:#9f8b64}.notes h3{font-size:12px;font-weight:400;color:#b6beca;margin:8px 0}.notes p{font-size:10px;line-height:1.9;color:#758398;margin:0}footer{border-top:1px solid #ffffff13;padding-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#65758b}footer a{color:#8390a2;text-decoration:none}@media(max-width:700px){.page{padding:25px 20px}.intro{padding-top:36px}h1{font-size:32px}.ornament{right:10px;font-size:125px;top:40px}.converter{grid-template-columns:1fr}.panel-head{padding:18px 22px}.panel-head>span{font-size:7px}form,.result{padding:25px 22px}.result-number output{font-size:36px}.notes{gap:25px}footer{flex-direction:column;gap:10px}.currency-row{grid-template-columns:1fr 30px 1fr}.edition{font-size:7px;letter-spacing:1px}}