.salary-mode-field{margin:0;border:0;padding:0}.salary-mode-field>legend{margin-bottom:.45rem;padding:0;font-size:.92rem;color:#334155;font-weight:600}.salary-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.salary-mode-option{position:relative;cursor:pointer}.salary-mode-option input{position:absolute;opacity:0;pointer-events:none}.salary-mode-option span{display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px solid #c8d8e8;border-radius:11px;background:#f5f9fd;color:#334155;font-size:.95rem;font-weight:600;min-height:2.85rem;padding:.45rem .6rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.salary-mode-option input:focus-visible+span{border-color:#7ab2cf;box-shadow:0 0 0 3px #0f6a8f24;outline:0}.salary-mode-option input:checked+span{border-color:#7ab2cf;box-shadow:0 0 0 3px #0f6a8f1c;background:#eaf4fb;color:#0a4f6b}.salary-main-grid{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:.95rem}.salary-mode-hint,.salary-tax-hint,.salary-summary,.salary-breakdown-list li{overflow-wrap:anywhere}.salary-mode-hint,.salary-tax-hint{margin:.52rem 0 0;color:#4a6179;font-size:.9rem;line-height:1.45}.salary-period-grid{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:.95rem}.salary-rate-settings{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:.7rem;align-items:end;border:1px dashed #c7d9e8;border-radius:12px;padding:.85rem;background:#fbfdff}.salary-rate-settings[hidden]{display:none}.salary-rate-input-wrap input{padding-right:2.8rem}.salary-rate-preset-list{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.salary-rate-preset{border:1px solid #c8d8e8;border-radius:999px;background:#f4f9ff;color:#1e293b;font-size:.9rem;font-weight:600;line-height:1;min-width:2.45rem;height:2.25rem;padding:.2rem .78rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease}.salary-rate-preset:hover{border-color:#9ec5e5;background:#edf6ff}.salary-rate-preset:focus-visible{border-color:#7ab2cf;box-shadow:0 0 0 3px #0f6a8f24;outline:0}.salary-rate-preset.is-active{border-color:#7ab2cf;background:#eaf4fb;color:#0a4f6b}.salary-results{grid-template-columns:repeat(4,minmax(0,1fr))}.salary-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.salary-summary-card{margin-top:.85rem;border:1px solid #d8e7f3;border-radius:12px;background:#f9fcff;padding:.78rem}.salary-summary-title{margin:0;font-size:1rem}.salary-summary{margin:.45rem 0 0;color:#334155;font-size:.92rem}.salary-breakdown-list{margin:.65rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}.salary-breakdown-list li{border:1px solid #d7e3f0;border-radius:10px;background:#fff;color:#334155;font-size:.9rem;padding:.55rem .62rem}.copy-result-button{width:2.05rem;height:2.05rem;border:1px solid #bfd6e6;border-radius:10px;background:#f7fbff;color:#0f6a8f;cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.copy-result-button:before{content:"";width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Crect x='9' y='9' width='11' height='11' rx='2' stroke='%230f6a8f' stroke-width='1.8'/%3E%3Cpath d='M6 15H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1' stroke='%230f6a8f' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.copy-result-button:hover{background:#edf6ff;border-color:#9ec5e5}.copy-result-button:focus-visible{border-color:#7ab2cf;box-shadow:0 0 0 3px #0f6a8f24;outline:0}.copy-result-button.is-copied{border-color:#9cd6be;background:#ebf9f1}.copy-result-button.is-copied:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.5l5 5 11-11' stroke='%230f7a4b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media (min-width: 1024px){.salary-main-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.2rem 1.3rem;align-items:start}.salary-mode-field>legend{font-size:1.02rem}.salary-mode-option span{font-size:1.08rem;min-height:3.2rem}.salary-mode-hint,.salary-tax-hint{font-size:1rem}.salary-rate-settings{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:.9rem;padding:1rem}.salary-period-grid{gap:1.2rem 1.3rem}.salary-rate-input-wrap input{padding-right:3.1rem}.salary-rate-preset{min-width:2.8rem;height:2.48rem;font-size:1rem;padding:.2rem .92rem}.salary-summary-card{padding:1rem}.salary-summary-title{font-size:1.08rem}.salary-summary{font-size:1rem}.salary-breakdown-list li{font-size:.98rem;padding:.7rem .8rem}.copy-result-button{width:2.28rem;height:2.28rem}}@media (max-width: 1100px){.salary-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 880px){.salary-period-grid,.salary-results{grid-template-columns:1fr}.salary-rate-settings{grid-template-columns:1fr;align-items:stretch}}@media (max-width: 640px){.salary-period-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .65rem}.salary-period-grid .loan-field:first-child{grid-column:1 / -1}.salary-period-grid .loan-field:nth-child(n+2)>span{display:flex;align-items:center;min-height:2.2rem;line-height:1.2}#salary-working-days,#salary-worked-days{padding-right:.74rem}.salary-results{grid-template-columns:1fr}.salary-mode-field>legend{margin-bottom:.45rem;font-size:.92rem;line-height:1.3}.salary-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.salary-mode-option span{min-height:2.55rem;border-radius:9px;font-size:.82rem;line-height:1.15;padding:.35rem .32rem}.salary-rate-preset{height:2.15rem;min-width:2.3rem;font-size:.85rem;padding:.2rem .68rem}.copy-result-button{width:1.95rem;height:1.95rem;border-radius:9px}}