.yh-calculator{--yh-primary:#2563eb;--yh-primary-hover:#1d4ed8;--yh-primary-active:#1e40af;--yh-primary-focus:rgba(37,99,235,.22);--yh-radius:10px;--yh-radius-sm:6px;--yh-radius-xs:4px;--yh-bg:#fff;--yh-surface:#f8fafc;--yh-surface-hover:#f1f5f9;--yh-border:#cbd5e1;--yh-border-focus:var(--yh-primary);--yh-text:#0f172a;--yh-text-muted:#64748b;--yh-text-subtle:#94a3b8;--yh-error-color:#dc2626;--yh-error-bg:#fef2f2;--yh-error-border:#fca5a5;--yh-result-bg:#eff6ff;--yh-result-border:#bfdbfe;--yh-result-color:var(--yh-primary);--yh-tab-bg:var(--yh-surface);--yh-tab-active-bg:var(--yh-primary);--yh-tab-active-txt:#fff;--yh-shadow-sm:0 1px 2px rgba(0,0,0,.06);--yh-shadow:0 4px 12px rgba(0,0,0,.08);--yh-transition:150ms ease}@media(prefers-color-scheme:dark){.yh-calculator:not([data-yh-tema="acik"]){--yh-bg:#0f172a;--yh-surface:#1e293b;--yh-surface-hover:#29364a;--yh-border:#334155;--yh-text:#f1f5f9;--yh-text-muted:#94a3b8;--yh-text-subtle:#64748b;--yh-error-color:#f87171;--yh-error-bg:#2d1b1b;--yh-error-border:#7f1d1d;--yh-result-bg:#1a2f50;--yh-result-border:#2563eb;--yh-tab-bg:#1e293b;--yh-shadow-sm:0 1px 2px rgba(0,0,0,.25);--yh-shadow:0 4px 12px rgba(0,0,0,.35)}}.yh-calculator[data-yh-tema="koyu"]{--yh-bg:#0f172a;--yh-surface:#1e293b;--yh-surface-hover:#29364a;--yh-border:#334155;--yh-text:#f1f5f9;--yh-text-muted:#94a3b8;--yh-text-subtle:#64748b;--yh-error-color:#f87171;--yh-error-bg:#2d1b1b;--yh-error-border:#7f1d1d;--yh-result-bg:#1a2f50;--yh-result-border:#2563eb;--yh-tab-bg:#1e293b;--yh-shadow-sm:0 1px 2px rgba(0,0,0,.25);--yh-shadow:0 4px 12px rgba(0,0,0,.35)}.yh-calculator,.yh-calculator *,.yh-calculator *::before,.yh-calculator *::after{box-sizing:border-box}.yh-calculator{font-family:inherit;font-size:1rem;line-height:1.5;color:var(--yh-text);background:var(--yh-bg);border:1px solid var(--yh-border);border-radius:var(--yh-radius);padding:1.25rem;max-width:100%;overflow:hidden;transition:background-color var(--yh-transition),border-color var(--yh-transition)}.yh-title{font-size:1.25rem;font-weight:700;color:var(--yh-text);margin:0 0 1rem;padding:0;border:none;line-height:1.3}.yh-mod-selector{margin-bottom:1.25rem}.yh-mod-tabs{display:none}.yh-mod-select-wrapper{position:relative}.yh-mod-select-wrapper::after{content:"▾";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--yh-text-muted);font-size:.875rem}.yh-mod-select{width:100%;min-height:44px;padding:.5rem 2.25rem .5rem .875rem;background:var(--yh-surface);border:1.5px solid var(--yh-border);border-radius:var(--yh-radius-sm);color:var(--yh-text);font-size:.9375rem;font-family:inherit;appearance:none;cursor:pointer;transition:border-color var(--yh-transition),box-shadow var(--yh-transition)}.yh-mod-select:focus{outline:none;border-color:var(--yh-border-focus);box-shadow:0 0 0 3px var(--yh-primary-focus)}.yh-mod-tab{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.375rem .875rem;background:var(--yh-tab-bg);border:1.5px solid var(--yh-border);border-radius:var(--yh-radius-sm);color:var(--yh-text-muted);font-size:.875rem;font-family:inherit;font-weight:500;cursor:pointer;transition:background var(--yh-transition),color var(--yh-transition),border-color var(--yh-transition);white-space:nowrap}.yh-mod-tab:hover:not(.is-active){background:var(--yh-surface-hover);border-color:var(--yh-text-subtle);color:var(--yh-text)}.yh-mod-tab.is-active{background:var(--yh-tab-active-bg);border-color:var(--yh-tab-active-bg);color:var(--yh-tab-active-txt)}.yh-mod-tab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--yh-primary-focus)}.yh-mod-title{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:var(--yh-text-muted)}.yh-form{margin:0}.yh-inputs{display:flex;flex-direction:column;gap:.875rem;margin-bottom:.875rem}.yh-input-group{display:flex;flex-direction:column;gap:.3rem}.yh-label{font-size:.875rem;font-weight:600;color:var(--yh-text);cursor:pointer}.yh-input{width:100%;min-height:44px;padding:.625rem .875rem;background:var(--yh-bg);border:1.5px solid var(--yh-border);border-radius:var(--yh-radius-sm);color:var(--yh-text);font-size:1rem;font-family:inherit;line-height:1.5;transition:border-color var(--yh-transition),box-shadow var(--yh-transition),background-color var(--yh-transition)}.yh-input::placeholder{color:var(--yh-text-subtle)}.yh-input:focus{outline:none;border-color:var(--yh-border-focus);box-shadow:0 0 0 3px var(--yh-primary-focus)}.yh-input.has-error{border-color:var(--yh-error-color);background:var(--yh-error-bg)}.yh-input.has-error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.2)}.yh-error{display:none;align-items:flex-start;gap:.25rem;color:var(--yh-error-color);font-size:.8125rem;line-height:1.4;margin-top:.1rem}.yh-error.is-visible{display:flex}.yh-error::before{content:"⚠";flex-shrink:0;margin-top:.05rem}.yh-actions{display:flex;flex-direction:column;gap:.5rem}.yh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.625rem 1.25rem;border:1.5px solid transparent;border-radius:var(--yh-radius-sm);font-size:.9375rem;font-family:inherit;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--yh-transition),border-color var(--yh-transition),color var(--yh-transition),box-shadow var(--yh-transition);-webkit-user-select:none;user-select:none}.yh-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--yh-primary-focus)}.yh-btn-calculate{background:var(--yh-primary);border-color:var(--yh-primary);color:#fff}.yh-btn-calculate:hover{background:var(--yh-primary-hover);border-color:var(--yh-primary-hover)}.yh-btn-calculate:active{background:var(--yh-primary-active)}.yh-btn-reset{background:transparent;border-color:var(--yh-border);color:var(--yh-text-muted)}.yh-btn-reset:hover{background:var(--yh-surface-hover);color:var(--yh-text)}.yh-result{background:var(--yh-result-bg);border:1.5px solid var(--yh-result-border);border-radius:var(--yh-radius);padding:1rem 1.125rem;margin-top:1rem;opacity:0;transform:translateY(6px);transition:opacity 200ms ease,transform 200ms ease}.yh-result[hidden]{display:none!important}.yh-result.is-visible{opacity:1;transform:translateY(0)}.yh-result-inner{margin-bottom:.875rem}.yh-result-value{font-size:2rem;font-weight:800;color:var(--yh-result-color);line-height:1.2;word-break:break-word;margin-bottom:.25rem}.yh-result-desc{font-size:.9rem;color:var(--yh-text-muted);line-height:1.5}.yh-steps{margin-top:.75rem;border-top:1px solid var(--yh-result-border);padding-top:.75rem}.yh-steps summary{font-size:.875rem;font-weight:600;color:var(--yh-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:.4rem}.yh-steps summary::-webkit-details-marker{display:none}.yh-steps summary::before{content:"▸";transition:transform var(--yh-transition);font-size:.75rem}.yh-steps[open] summary::before{transform:rotate(90deg)}.yh-steps summary:focus-visible{outline:2px solid var(--yh-primary);outline-offset:2px;border-radius:2px}.yh-steps-content{margin-top:.625rem;display:flex;flex-direction:column;gap:.375rem}.yh-step{font-size:.875rem;color:var(--yh-text);display:flex;gap:.5rem;line-height:1.5}.yh-step-num{color:var(--yh-primary);font-weight:700;flex-shrink:0;min-width:1.25rem}.yh-btn-copy{margin-top:.75rem;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;min-height:36px;background:transparent;border:1.5px solid var(--yh-result-border);border-radius:var(--yh-radius-xs);color:var(--yh-primary);font-size:.8125rem;font-family:inherit;font-weight:600;cursor:pointer;transition:background var(--yh-transition),border-color var(--yh-transition)}.yh-btn-copy:hover{background:var(--yh-primary-focus);border-color:var(--yh-primary)}.yh-btn-copy.is-copied{color:#16a34a;border-color:#86efac;background:#f0fdf4}.yh-btn-copy:focus-visible{outline:none;box-shadow:0 0 0 3px var(--yh-primary-focus)}.yh-history{margin-top:1.25rem;border-top:1px solid var(--yh-border);padding-top:1rem}.yh-history[hidden]{display:none!important}.yh-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.yh-history-heading{font-size:.875rem;font-weight:700;color:var(--yh-text-muted);text-transform:uppercase;letter-spacing:.04em}.yh-history-clear{background:none;border:none;color:var(--yh-text-subtle);font-size:.8rem;font-family:inherit;cursor:pointer;padding:.2rem .4rem;border-radius:var(--yh-radius-xs);transition:color var(--yh-transition)}.yh-history-clear:hover{color:var(--yh-error-color)}.yh-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.yh-history-item{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;background:var(--yh-surface);border-radius:var(--yh-radius-xs);font-size:.875rem;flex-wrap:wrap}.yh-history-mod{font-size:.75rem;font-weight:700;color:var(--yh-primary);background:var(--yh-primary-focus);padding:.1rem .4rem;border-radius:9999px;flex-shrink:0}.yh-history-value{font-weight:700;color:var(--yh-text);flex-shrink:0}.yh-history-desc{color:var(--yh-text-muted);font-size:.8125rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yh-history-time{color:var(--yh-text-subtle);font-size:.75rem;flex-shrink:0}.yh-admin-wrap .yh-admin-layout{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.5rem}.yh-admin-wrap .yh-admin-main{flex:1;min-width:280px}.yh-admin-wrap .yh-admin-preview{flex:0 0 360px;min-width:280px}.yh-admin-wrap .yh-shortcode-box{display:inline-flex;align-items:center;gap:.75rem;background:#f6f7f7;border:1px solid #c3c4c7;border-radius:4px;padding:.5rem .75rem;margin-bottom:.5rem}@media(min-width:768px){.yh-calculator{padding:1.75rem 2rem}.yh-mod-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.yh-mod-select-wrapper{display:none}.yh-inputs{flex-direction:row;gap:1rem}.yh-input-group{flex:1}.yh-actions{flex-direction:row}.yh-btn-calculate{flex:1}.yh-result-value{font-size:2.25rem}}@media(max-width:360px){.yh-calculator{padding:1rem}.yh-result-value{font-size:1.625rem}}@media(forced-colors:active){.yh-btn,.yh-input,.yh-mod-select,.yh-mod-tab{forced-color-adjust:auto}}@media(prefers-reduced-motion:reduce){.yh-calculator,.yh-calculator *,.yh-calculator *::before,.yh-calculator *::after{transition:none!important;animation:none!important}}