@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";html,body{height:100%;margin:0}#root{min-height:100%;display:flex;flex-direction:column}body{background-color:#f7f7f7;margin:0;font-family:Noto Sans KR,sans-serif}.App{display:flex;flex-direction:column;gap:32px;align-items:center;margin:0 auto;padding:24px 12px;width:100%;max-width:600px;color:#222}@media (max-width: 480px){.App{gap:28px;padding:20px 0}}.Header{display:flex;flex-direction:column;width:100%}.header-info{display:flex;justify-content:flex-end;width:100%}.header-title{display:flex;justify-content:center}.title{font-size:30px;font-weight:600;color:#222;margin:0}.help-button{font-size:14px;color:#666;width:28px;height:28px;border-radius:50%;border:1.5px solid #666;background-color:transparent;display:flex;align-items:center;justify-content:center;line-height:28px;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 480px){.header-info{justify-content:center}.title{font-size:24px}.help-button{width:24px;height:24px;font-size:12px;position:absolute;top:10px;right:10px}}.Main{display:flex;flex-direction:column;gap:15px;width:100%;min-height:calc(100vh - 150px)}@media (max-width: 480px){.Main{min-height:calc(100vh - 100px)}}.RatioControls{display:flex;flex-direction:column;width:100%;gap:15px}.controls-add{display:flex;justify-content:center;margin-bottom:12px;width:100%}.RatioControls .add-entry-btn{border:none;background-color:transparent;font-size:14px;color:#222;cursor:pointer;transition:.15s ease;-webkit-user-select:none;user-select:none}.RatioControls .add-entry-btn:disabled{opacity:.5;cursor:default}.controls-actions{display:flex;justify-content:space-between;width:100%;max-width:600px}.RatioControls .reset-btn,.RatioControls .calculate-btn{font-size:14px;color:#222;border:1px solid #c8c8c8;border-radius:6px;background-color:#f0f0f0;padding:8px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 480px){.controls-actions{max-width:350px;margin:0 auto}.RatioControls .reset-btn,.RatioControls .calculate-btn{font-size:13px;padding:7px 16px}}.RatioEntryList{width:100%}.entry-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%}.RatioEntry{display:grid;grid-template-columns:minmax(130px,1fr) minmax(260px,2fr) 28px;column-gap:30px;justify-items:center;align-items:center;margin:0 auto;width:fit-content}.Entry1,.Entry2,.Entry3{display:flex;align-items:center;justify-content:center}.Entry2{gap:6px}.RatioEntry input{width:120px;height:36px;border:1px solid #dcdcdc;border-radius:8px;color:#333;font-size:14px;text-align:center}.RatioEntry p{width:14px;text-align:center;color:#666;padding-bottom:3px;margin:0}.RatioEntry .delete-entry-btn{width:26px;height:26px;border:none;background-color:transparent;color:#666;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none}.RatioEntry .delete-entry-btn:disabled{opacity:.5;cursor:default}@media (max-width: 480px){.RatioEntry{grid-template-columns:minmax(85px,1fr) minmax(140px,2fr) 28px;column-gap:6px}.Entry2{gap:2px}.RatioEntry input{width:90px;height:27px;font-size:13px}}.RatioLabel{display:grid;grid-template-columns:minmax(130px,1fr) minmax(260px,2fr) 28px;column-gap:30px;justify-items:center;align-items:center;margin:0 auto;width:fit-content}.Label1,.Label2,.Label3{display:flex;align-items:center;justify-content:center}.Label2{gap:6px}.RatioLabel input{width:120px;height:36px;border:1px solid transparent;background-color:transparent;font-size:15px;color:#222;text-align:center;pointer-events:none}.RatioLabel p{width:15px;text-align:center;color:#222;padding-bottom:3px;margin:0}.RatioLabel .delete-entry-btn{width:26px;height:26px;border:none;background-color:transparent;color:transparent;font-size:18px;pointer-events:none}@media (max-width: 480px){.RatioLabel{grid-template-columns:minmax(85px,1fr) minmax(140px,2fr) 28px;column-gap:6px}.Label2{gap:2px}.RatioLabel input{width:90px;height:27px;font-size:15px}}.Footer{display:flex;justify-content:center;align-items:center;gap:5px;padding:20px 0;width:100%;border-top:1px solid #dcdcdc}.footer-container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:5px}.footer-container>p:first-child{color:#555;font-size:16px;font-weight:600;margin:0}.footer-container>p:nth-child(2){font-size:13px;color:#777;margin:0}.footer-meta{display:flex;align-items:center;gap:8px}.footer-meta>a{font-size:13px;color:#777;text-decoration:none}.footer-divider{font-size:13px;color:#aaa;display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:1px}.footer-version{font-size:13px;color:#777}.footer-email{font-size:13px;color:#555;margin:0}.HelpGuide{display:flex;justify-content:center;align-items:center;z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073}.help-window{padding:24px;position:relative;width:90%;max-width:420px;border-radius:12px;box-shadow:0 4px 14px #0003;background-color:#fff}.help-close-btn{position:absolute;top:12px;right:12px;font-size:22px;color:#555;border:none;background:none;cursor:pointer;-webkit-user-select:none;user-select:none}.help-slide{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:30px}.slide-btn{display:flex;justify-content:center;align-items:center;padding:14px;line-height:1;border:none;background:none;font-size:40px;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none}.slide-btn.left{margin-right:4px}.slide-btn.right{margin-left:4px}.slide-image{width:70%;max-width:260px;border-radius:8px;object-fit:contain}