*,:before,:after{box-sizing:border-box}:root{--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Helvetica Neue", Arial, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--color-page-bg:#f3f5f8;--color-surface:#fff;--color-surface-subtle:#f8f9fb;--color-primary:#223a70;--color-primary-hover:#1e2f5e;--color-primary-soft:#4a5f8c;--color-text:#111;--color-text-body:#333;--color-text-secondary:#666;--color-text-muted:#999;--color-text-disabled:#999;--color-text-placeholder:#bbb;--color-on-primary:#fff;--color-border:#dde1e6;--color-border-strong:#e1e4e8;--color-disabled-bg:#eceef2;--color-disabled-border:#d4d8de;--color-hover-surface:#eef0f4;--color-bg:var(--color-page-bg);--text-primary:var(--color-text);--text-body:var(--color-text-body);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--text-disabled:var(--color-text-disabled);--text-placeholder:var(--color-text-placeholder)}html{-webkit-text-size-adjust:100%}body{background:var(--color-page-bg);min-width:320px;color:var(--color-text);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400}#root,.app{background:var(--color-page-bg);min-height:100dvh}button,input,select{font:inherit}.lang-switcher{flex-shrink:0;position:relative}.lang-switcher__trigger{color:var(--color-text-muted);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.15rem;padding:.15rem .1rem;font-size:.7rem;font-weight:500;line-height:1;display:inline-flex}.lang-switcher__trigger:hover{color:var(--color-text-secondary)}.lang-switcher__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lang-switcher__caret{font-size:.65rem;line-height:1}.lang-switcher__menu{z-index:20;border:1px solid var(--color-border);background:var(--color-page-bg);min-width:7.5rem;max-width:min(11rem,100vw - 2rem);margin:0;padding:.25rem 0;list-style:none;position:absolute;top:calc(100% + .35rem);right:0}.lang-switcher__option{width:100%;color:var(--color-text-body);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:.4rem .65rem;font-size:.8rem;font-weight:400;display:block}.lang-switcher__option:hover{background:var(--color-hover-surface)}.lang-switcher__option--active{color:var(--color-primary);font-weight:600}.lang-switcher__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.header{grid-template-columns:1fr auto 1fr;align-items:start;gap:.5rem;padding:1.75rem 1.25rem 1.1rem;display:grid}.header__side{min-width:0}.header__side--start,.header__side--end{align-items:flex-start;padding-top:.15rem;display:flex}.header__side--start{justify-content:flex-start}.header__side--end{justify-content:flex-end}.header__mark{justify-self:center;width:auto;height:clamp(2.5rem,9vw,3rem);display:block}.category-tabs{justify-content:center;gap:.25rem;padding:0 1.25rem 1.35rem;display:flex}.category-tabs__btn{max-width:7.5rem;min-height:2.5rem;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem .75rem;font-size:1rem;font-weight:500}.category-tabs__btn--active{color:var(--color-primary);font-weight:600}.category-tabs__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.save-button{border:1px solid var(--color-disabled-border);background:var(--color-disabled-bg);width:100%;min-height:2.75rem;color:var(--color-text-muted);font:inherit;cursor:not-allowed;border-radius:2px;margin:0 0 1.75rem;padding:.65rem 1rem;font-size:.95rem;font-weight:500;transition:background .12s,border-color .12s;display:block}.save-button:not(:disabled){border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer}.save-button:not(:disabled):hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.save-button:not(:disabled):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.save-button--inline{flex-shrink:0;width:auto;min-height:2.25rem;margin:0;padding:.45rem .85rem;font-size:.875rem;display:inline-block}.converter-row{margin-left:calc(-1 * var(--main-padding-x,1.25rem));margin-right:calc(-1 * var(--main-padding-x,1.25rem));padding:.75rem var(--main-padding-x,1.25rem) 1.25rem;max-width:calc(100% + 2 * var(--main-padding-x,1.25rem));background:var(--color-page-bg);border-bottom:2px solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:.5rem .65rem;display:flex;overflow-x:hidden}.converter-row__from{border-bottom:2px solid var(--color-border);flex:8.5rem;align-items:baseline;gap:.35rem;min-width:0;max-width:100%;padding-bottom:.35rem;display:flex}.converter-row__amount{min-width:2rem;max-width:100%;color:var(--color-text);font:inherit;letter-spacing:-.02em;caret-color:var(--color-text);background:0 0;border:none;flex:3rem;padding:0;font-size:clamp(1.85rem,7vw,2.5rem);font-weight:600}.converter-row__amount::placeholder{color:var(--color-text-placeholder)}.converter-row__amount:focus{outline:none}.converter-row__from:focus-within{border-bottom-color:var(--color-primary)}.converter-row__unit{color:var(--color-text-secondary);font:inherit;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666666' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") 100% no-repeat;border:none;flex-shrink:0;padding:0 1.1rem 0 0;font-size:1rem;font-weight:500}.converter-row__unit--to{border-bottom:2px solid var(--color-border);flex:0 auto;max-width:100%;padding-bottom:.35rem}.converter-row__unit:focus{outline:none}.converter-row__unit--to:focus{border-bottom-color:var(--color-primary)}.converter-row__swap{color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem .2rem;font-size:1rem;font-weight:500;line-height:1;transition:color .12s}.converter-row__swap:hover{color:var(--color-primary)}.converter-row__swap:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.converter-row__result{flex:100%;align-items:baseline;gap:.45rem;width:100%;min-width:0;max-width:100%;margin:.35rem 0 0;display:flex}.converter-row__result-value{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.85rem,7vw,2.5rem);font-weight:600}.converter-row__result-value--empty{color:var(--color-text-muted);font-size:1.15rem;font-weight:400}.converter-row__result-unit{color:var(--color-primary-soft);letter-spacing:.01em;font-size:.9rem;font-weight:500}@media (width>=640px){.converter-row{flex-wrap:nowrap;gap:.65rem}.converter-row__from{flex:auto;max-width:11rem}}@media (width<=639px){.converter-row__result{margin-top:.5rem}}.rate-note{margin:.35rem 0 .85rem;padding:0}.rate-note__line{color:var(--color-text-muted);margin:0 0 .35rem;font-size:.72rem;font-weight:400;line-height:1.45}.rate-note__line:last-child{margin-bottom:0}.rate-note__link{color:var(--color-text-muted);text-underline-offset:.12em;text-decoration:underline}.rate-note__link:hover{color:var(--color-primary)}.rate-note__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.saved-list{margin-left:calc(-1 * var(--main-padding-x,1.25rem));margin-right:calc(-1 * var(--main-padding-x,1.25rem));padding:.75rem var(--main-padding-x,1.25rem) 0;background:var(--color-page-bg);border-top:2px solid var(--color-border)}.saved-list__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;padding-top:.75rem;display:flex}.saved-list__title{color:var(--color-text);margin:0;font-size:.9rem;font-weight:600}.saved-list__clear-all{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.15rem .1rem;font-size:.75rem;font-weight:500;transition:color .12s}.saved-list__clear-all:hover{color:var(--color-primary)}.saved-list__clear-all:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.saved-list__confirm{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.saved-list__confirm-text{color:var(--color-text-secondary);white-space:nowrap;font-size:.78rem;font-weight:500}.saved-list__confirm-action{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.15rem .1rem;font-size:.78rem;font-weight:500;transition:color .12s}.saved-list__confirm-action:hover{color:var(--color-primary)}.saved-list__confirm-action--danger{color:var(--color-primary);font-weight:600}.saved-list__confirm-cancel{margin-left:.5rem}.saved-list__confirm-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.saved-list__empty{color:var(--color-text-muted);margin:0;padding-bottom:.75rem;font-size:.85rem;font-weight:400;line-height:1.5}.saved-list__items{margin:0;padding:0;list-style:none}.saved-list__item{border-top:2px solid var(--color-border);align-items:center;gap:.5rem;display:flex}.saved-list__item:last-child{border-bottom:2px solid var(--color-border)}.saved-list__body{flex-wrap:wrap;flex:1;align-items:center;gap:.15rem .35rem;min-width:0;padding:.75rem 0;display:flex}.saved-list__restore{color:var(--color-text-body);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.05rem;font-weight:500;line-height:1.4;transition:color .12s}.saved-list__restore:hover,.saved-list__restore:focus-visible{color:var(--color-primary)}.saved-list__restore:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.saved-list__restore--result{display:inline}.saved-list__result-wrap{align-items:center;gap:.35rem;display:inline-flex}.saved-list__result{color:var(--color-text);font-weight:600}.saved-list__arrow{color:var(--color-text-muted);font-weight:400}.saved-list__copy{border:1px solid var(--color-border);color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;padding:.2rem .45rem;font-size:.78rem;font-weight:500;line-height:1.2;transition:color .12s,border-color .12s,background .12s}.saved-list__copy:hover{border-color:var(--color-primary);background:var(--color-hover-surface)}.saved-list__copy:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.saved-list__copy--copied{border-color:var(--color-primary);background:var(--color-hover-surface)}.saved-list__delete{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem .35rem;font-size:1.15rem;font-weight:400;line-height:1;transition:color .12s}.saved-list__delete:hover{color:var(--color-primary)}.saved-list__delete:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.ad-banner{width:100%;max-width:100%;margin-top:2rem;margin-bottom:1.5rem;overflow:hidden}.ad-banner__slot{width:100%;max-width:100%;min-height:5.625rem;display:block;overflow:hidden}.ad-banner__slot :is(ins,iframe){max-width:100%;display:block}.app{flex-direction:column;min-height:100dvh;display:flex}.app__main{width:min(100%,42rem);max-width:100%;padding:0 var(--main-padding-x,1.25rem);flex-direction:column;flex:1;margin:0 auto;display:flex;overflow-x:hidden}.app__spacer{background:var(--color-page-bg);flex:1;min-height:45vh}@media (width>=768px){.app__main{--main-padding-x:1.5rem;width:min(100%,44rem)}.app__spacer{min-height:50vh}}