.tool-wrap{max-width:1120px;margin:0 auto;padding:0 20px 60px}.hero{padding:38px 0 24px;text-align:center}.hero-badge{display:inline-block;margin-bottom:14px;padding:7px 14px;border:1px solid var(--border, #e5e7eb);border-radius:999px;background:var(--surface2, #f8fafc);color:var(--purple, #6d28d9);font-size:.75rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.hero h1{margin:0 0 14px;color:var(--text, #111827);font-size:clamp(2rem,4.8vw,3rem);font-weight:900;letter-spacing:-.045em;line-height:1.1}.hero-sub{max-width:810px;margin:0 auto 14px;color:var(--text2, #4b5563);font-size:1.05rem;line-height:1.72}.calc-card,.content-section,.faq-section,.embed-section,.trust-wrap{border:1px solid var(--border, #e5e7eb);border-radius:var(--radius, 22px);background:var(--surface, #ffffff);box-shadow:var(--shadow, 0 18px 45px rgba(15, 23, 42, .06))}.calc-card{margin:10px 0 24px;padding:28px}.calc-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border, #e5e7eb)}.ch-icon{flex:0 0 auto;font-size:2rem;line-height:1}.ch-title{margin-bottom:5px;color:var(--text, #111827);font-size:1.1rem;font-weight:850}.ch-sub{color:var(--text2, #4b5563);font-size:.91rem;line-height:1.58}.safety-note{margin:0 0 19px;padding:13px 15px;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed;color:#9a3412;font-size:.9rem;line-height:1.62}.method-strip{display:flex;gap:10px;align-items:flex-start;margin:17px 0 0;padding:13px 15px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a8a;font-size:.89rem;line-height:1.62}.method-strip p{margin:0}.method-icon{flex:0 0 auto;font-size:1.15rem}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 20px;padding:6px;border:1px solid var(--border, #e5e7eb);border-radius:15px;background:var(--surface2, #f8fafc)}.mode-tab{min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text2, #4b5563);cursor:pointer;font:inherit;font-size:.85rem;font-weight:850}.mode-tab:hover{background:var(--surface, #ffffff);border-color:var(--border, #e5e7eb)}.mode-tab.is-active{background:var(--text, #111827);color:#fff;box-shadow:0 1px 6px #0f172a26}.input-section{margin-bottom:20px;padding:18px;border:1px solid var(--border, #e5e7eb);border-radius:16px;background:var(--surface2, #f8fafc)}.section-label{margin:0 0 13px;color:var(--purple, #6d28d9);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}.field-group{display:flex;flex-direction:column;gap:7px;min-width:0}.field-group label{display:flex;align-items:center;gap:4px;color:var(--text2, #4b5563);font-size:.76rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.field-group input,.field-group select{width:100%;height:44px;box-sizing:border-box;border:1.5px solid var(--border, #e5e7eb);border-radius:var(--radius-sm, 12px);background:var(--surface, #ffffff);color:var(--text, #111827);padding:0 12px;font:inherit;font-size:.93rem;transition:border-color .2s ease,box-shadow .2s ease}.field-group input:focus,.field-group select:focus{outline:none;border-color:var(--purple, #6d28d9);box-shadow:0 0 0 4px #6d28d91a}.field-group.is-hidden{display:none}.input-suffix-wrap{display:flex;align-items:stretch;width:100%}.input-suffix-wrap .input-suffix{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;border:1.5px solid var(--border, #e5e7eb);border-left:none;border-radius:0 var(--radius-sm, 12px) var(--radius-sm, 12px) 0;background:var(--surface, #ffffff);color:var(--text2, #4b5563);font-size:.83rem;font-weight:850}.input-suffix-wrap input{border-radius:var(--radius-sm, 12px) 0 0 var(--radius-sm, 12px)}.input-suffix-wrap:focus-within .input-suffix{border-color:var(--purple, #6d28d9)}.button-row{display:flex;flex-wrap:wrap;gap:10px}.btn-primary,.btn-secondary{min-height:46px;padding:0 19px;border-radius:var(--radius-sm, 12px);cursor:pointer;font:inherit;font-size:.94rem;font-weight:850;transition:opacity .2s ease,transform .15s ease,border-color .2s ease}.btn-primary{border:1px solid var(--purple, #6d28d9);background:linear-gradient(135deg,var(--purple, #6d28d9),#9333ea);color:#fff}.btn-primary:hover{opacity:.93;transform:translateY(-1px)}.btn-secondary{border:1.5px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);color:var(--text2, #4b5563)}.btn-secondary:hover{border-color:var(--purple, #6d28d9);color:var(--purple, #6d28d9)}.error-box{margin:0 0 16px;padding:12px 14px;border:1px solid #fca5a5;border-radius:12px;background:#fef2f2;color:#b91c1c;font-size:.9rem;font-weight:750;line-height:1.55}.results-area{margin-top:24px;padding:22px;border:1px solid var(--border, #e5e7eb);border-radius:18px;background:var(--surface2, #f8fafc)}.results-area:focus{outline:none}.result-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:19px;padding-bottom:18px;border-bottom:1px solid var(--border, #e5e7eb)}.result-status{display:inline-flex;align-items:center;margin-bottom:8px;border-radius:999px;padding:5px 10px;background:#ecfdf5;color:#047857;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.result-heading h2{margin:0 0 7px;color:var(--text, #111827);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:900;letter-spacing:-.025em}.result-heading p{max-width:760px;margin:0;color:var(--text2, #4b5563);font-size:.92rem;line-height:1.62}.result-icon{flex:0 0 auto;font-size:2.3rem}.primary-result{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px;padding:18px;border:1px solid #c4b5fd;border-radius:16px;background:#faf5ff}.primary-result span{display:block;margin-bottom:5px;color:#7e22ce;font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.primary-result strong{display:block;color:#6d28d9;font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.05em;line-height:1}.primary-result small{display:block;margin-top:7px;color:#7e22ce;font-size:.8rem}.primary-result-badge{flex:0 0 auto;border:1px solid #d8b4fe;border-radius:999px;background:#fff;color:#6d28d9;padding:7px 11px;font-size:.8rem;font-weight:900;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:18px}.metric-card{min-width:0;padding:14px;border:1px solid var(--border, #e5e7eb);border-radius:14px;background:var(--surface, #ffffff)}.metric-card span{display:block;min-height:30px;margin-bottom:7px;color:var(--text3, #6b7280);font-size:.72rem;font-weight:850;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.metric-card strong{display:block;overflow-wrap:anywhere;color:var(--text, #111827);font-size:1.08rem;font-weight:900;letter-spacing:-.02em}.metric-card small{display:block;min-height:30px;margin-top:6px;color:var(--text3, #6b7280);font-size:.73rem;line-height:1.45}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-panel{min-width:0;padding:19px;border:1px solid var(--border, #e5e7eb);border-radius:16px;background:var(--surface, #ffffff)}.panel-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid var(--border, #e5e7eb)}.panel-badge{display:inline-flex;margin-bottom:6px;border-radius:999px;padding:4px 9px;background:#f3e8ff;color:#7e22ce;font-size:.7rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.panel-top h3{margin:0;color:var(--text, #111827);font-size:1.12rem;font-weight:900}.panel-icon{font-size:1.7rem}.value-list{display:grid;gap:9px}.value-list div{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:9px;border-bottom:1px solid var(--border, #e5e7eb)}.value-list div:last-child{padding-bottom:0;border-bottom:none}.value-list span{color:var(--text2, #4b5563);font-size:.86rem;line-height:1.4}.value-list strong{flex:0 0 auto;max-width:55%;overflow-wrap:anywhere;color:var(--text, #111827);font-size:.87rem;font-weight:900;text-align:right}.target-box{padding:14px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.target-box strong{display:block;margin-bottom:6px;color:#1e3a8a;font-size:.93rem;font-weight:900}.target-box p{margin:0;color:#1e40af;font-size:.89rem;line-height:1.62}.goal-note{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;border-top:1px solid var(--border, #e5e7eb)}.goal-note span{color:var(--text2, #4b5563);font-size:.86rem}.goal-note strong{color:var(--text, #111827);font-size:.86rem;font-weight:900;text-align:right}.insight-box{margin-top:17px;padding:15px;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed}.insight-box strong{display:block;margin-bottom:5px;color:#9a3412;font-size:.93rem;font-weight:900}.insight-box p{margin:0;color:#9a3412;font-size:.89rem;line-height:1.63}.reference-section,.history-section{margin-top:18px;padding:18px;border:1px solid var(--border, #e5e7eb);border-radius:16px;background:var(--surface, #ffffff)}.schedule-heading{margin-bottom:14px}.schedule-heading span{display:block;margin-bottom:5px;color:var(--text, #111827);font-size:1rem;font-weight:900}.schedule-heading p{margin:0;color:var(--text2, #4b5563);font-size:.87rem;line-height:1.58}.table-wrap{overflow-x:auto;border:1px solid var(--border, #e5e7eb);border-radius:13px}.reference-table{width:100%;min-width:640px;border-collapse:collapse;background:var(--surface, #ffffff)}.reference-table th{padding:11px 12px;border-bottom:1px solid var(--border, #e5e7eb);background:var(--surface2, #f8fafc);color:var(--text2, #4b5563);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-align:left;text-transform:uppercase}.reference-table td{padding:11px 12px;border-bottom:1px solid var(--border, #e5e7eb);color:var(--text, #111827);font-size:.86rem;font-weight:700}.reference-table tr:last-child td{border-bottom:none}.history-list{display:grid;gap:8px}.history-empty{margin:0;color:var(--text3, #6b7280);font-size:.88rem;line-height:1.55}.copy-summary{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;white-space:pre-line}.share-zone{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.share-zone button,.share-zone a{min-height:40px;border-radius:10px}.embed-section,.trust-wrap,.content-section,.faq-section{margin:24px 0;padding:28px}.compact-embed{margin-top:-4px;margin-bottom:24px;padding:18px}.content-section h2,.faq-section h2{margin:0 0 14px;color:var(--text, #111827);font-size:1.48rem;font-weight:900;letter-spacing:-.025em}.content-section h3{margin:0 0 7px;color:var(--text, #111827);font-size:.98rem;font-weight:900}.content-section p,.faq-item p{margin:0 0 16px;color:var(--text2, #4b5563);font-size:.97rem;line-height:1.8}.content-section p:last-child{margin-bottom:0}.howto-steps{display:grid;gap:0;margin-top:18px}.howto-step{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid var(--border, #e5e7eb)}.howto-step:last-child{border-bottom:none}.step-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--purple, #6d28d9);color:#fff;font-size:.8rem;font-weight:900}.howto-step p{margin:0;font-size:.9rem;line-height:1.7}.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.tip-card{padding:17px;border:1px solid var(--border, #e5e7eb);border-radius:16px;background:var(--surface2, #f8fafc)}.tip-icon{display:block;margin-bottom:9px;font-size:1.45rem}.tip-card p{margin:0;font-size:.88rem;line-height:1.65}.faq-list{display:flex;flex-direction:column;gap:9px}.faq-item{overflow:hidden;border:1px solid var(--border, #e5e7eb);border-radius:14px}.faq-item summary{cursor:pointer;list-style:none;background:var(--surface2, #f8fafc);color:var(--text, #111827);padding:15px 18px;font-size:.95rem;font-weight:850}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:0;border-top:1px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);padding:14px 18px;font-size:.93rem}html.embed-mode,html.embed-mode body{margin:0!important;padding:0!important;background:transparent!important}html.embed-mode header,html.embed-mode footer{display:none!important}html.embed-mode .tool-wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}html.embed-mode .tool-wrap>:not([data-embed-only=calculator]){display:none!important}html.embed-mode [data-embed-only=calculator]{display:block!important;width:100%!important;margin:0!important;border-radius:14px!important;box-shadow:none!important}@media(max-width:960px){.input-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.comparison-grid,.tips-grid{grid-template-columns:1fr}.result-heading,.primary-result{flex-direction:column}}@media(max-width:540px){.tool-wrap{padding:0 12px 44px}.hero{padding-top:25px}.calc-card,.content-section,.faq-section,.embed-section,.trust-wrap{border-radius:18px;padding:18px 14px}.mode-tabs,.input-grid,.metric-grid{grid-template-columns:1fr}.button-row{display:grid;grid-template-columns:1fr}.btn-primary,.btn-secondary{width:100%}.metric-card span,.metric-card small{min-height:auto}.value-list div,.goal-note{flex-direction:column;gap:4px;align-items:flex-start}.value-list strong,.goal-note strong{max-width:none;text-align:left}}