:root{--bg:#070b10;--panel:#11161f;--panel-2:#161d28;--panel-3:#1b2331;--line:#222b3a;--line-2:#2c3647;--txt:#e8edf4;--sub:#8b97a8;--sub-2:#5d6a7d;--mint:#34e0a1;--mint-d:#1fae7c;--coral:#ff7a6e;--amber:#ffce5c;--blue:#5ab0ff;--violet:#a98bff;--grad:linear-gradient(135deg,#34e0a1,#5ab0ff);--shadow:0 24px 70px rgba(0,0,0,.5);--font:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{min-height:100vh}body{font-family:var(--font);color:var(--txt);line-height:1.5;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 8% -8%,rgba(52,224,161,.12),transparent 60%),radial-gradient(1100px 560px at 108% 4%,rgba(90,176,255,.1),transparent 55%),var(--bg)}a{color:inherit;text-decoration:none}.legal{padding:16px 24px 24px;text-align:center;font-size:10.5px;line-height:1.8;color:var(--sub-2)}.btn{border:none;border-radius:10px;padding:10px 18px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}.btn.primary{background:var(--grad);color:#06251a}.btn.ghost{background:var(--panel-2);border:1px solid var(--line);color:var(--txt)}.btn.sm{padding:8px 14px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.badge{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:7px;display:inline-block;white-space:nowrap}.badge.mint{background:rgba(52,224,161,.15);color:var(--mint)}.badge.amber{background:rgba(255,206,92,.15);color:var(--amber)}.badge.blue{background:rgba(90,176,255,.15);color:var(--blue)}.badge.coral{background:rgba(255,122,110,.15);color:var(--coral)}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--panel-3);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:12.5px;color:var(--txt)}.pill small{color:var(--sub);font-weight:700}.sec-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.sec-h h3{font-size:15px;letter-spacing:.01em}.sec-h a{font-size:11.5px;color:var(--sub)}.macro{display:flex;flex-direction:column;gap:13px}.macro .row .lab{display:flex;justify-content:space-between;font-size:12px;color:var(--sub);margin-bottom:6px}.macro .row .lab b{color:var(--txt)}.track{height:8px;background:#22303a;overflow:hidden}.track,.track i{border-radius:6px}.track i{display:block;height:100%}.exr{display:flex;align-items:center;gap:13px;padding:12px 2px;border-bottom:1px solid var(--line)}.exr:last-child{border-bottom:none}.exr .ic{width:38px;height:38px;border-radius:11px;background:rgba(90,176,255,.14);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.exr .e-b{flex:1 1}.exr .e-b .nm{font-size:13.5px;font-weight:600}.exr .e-b .sub{font-size:11px;color:var(--sub);margin-top:2px}.exr .burn{font-size:12.5px;font-weight:700;color:var(--coral)}.exr .burn small{display:block;font-size:9px;color:var(--sub);text-align:right;font-weight:600}.onb{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(700px 360px at 50% -10%,rgba(52,224,161,.1),transparent 60%)}.wizard{width:100%;max-width:620px}.wizard.wide{max-width:760px}.wcard{background:var(--panel-2);border:1px solid var(--line);border-radius:20px;padding:30px}.wcard h3{font-size:20px;margin-bottom:6px}.wcard .lead{font-size:13px;color:var(--sub);margin-bottom:24px;line-height:1.7}.wfoot{display:flex;justify-content:space-between;margin-top:26px}.steps{gap:0;margin-bottom:28px}.steps,.steps .st{display:flex;align-items:center}.steps .st{flex:1 1;flex-direction:column;gap:8px;position:relative}.steps .st .dot{width:30px;height:30px;border-radius:50%;background:var(--panel-3);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--sub);z-index:2}.steps .st.done .dot{background:var(--mint);color:#06251a;border-color:var(--mint)}.steps .st.on .dot{background:transparent;border:2px solid var(--mint);color:var(--mint)}.steps .st small{font-size:11px;color:var(--sub)}.steps .st.done small,.steps .st.on small{color:var(--txt)}.steps .st:after{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:var(--line);z-index:1}.steps .st:last-child:after{display:none}.steps .st.done:after{background:var(--mint)}.calc-row{display:flex;gap:12px;margin-bottom:22px}.calc-box{flex:1 1;background:var(--panel-3);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}.calc-box.hi{background:linear-gradient(150deg,#15281f,#13202e);border-color:#244234}.calc-box .l{font-size:11px;color:var(--sub)}.calc-box .n{font-size:24px;font-weight:800;margin-top:5px;letter-spacing:-.01em}.calc-box .n small{font-size:12px;color:var(--sub);font-weight:600}.period{background:var(--panel-3);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px}.period .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.period .top .big{font-size:30px;font-weight:800}.period .top .big small{font-size:14px;color:var(--sub);font-weight:600}.slider{height:8px;background:#22303a;border-radius:6px;position:relative;margin:18px 4px}.slider i{position:absolute;left:0;top:0;height:100%;background:var(--grad);border-radius:6px}.slider .knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.4);pointer-events:none}.slider .ticks{position:absolute;left:0;right:0;top:18px;display:flex;justify-content:space-between;font-size:10px;color:var(--sub-2)}.slider input[type=range]{position:absolute;left:0;right:0;top:-11px;width:100%;height:30px;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.meter{display:flex;gap:8px;margin-top:24px}.meter .seg{flex:1 1;text-align:center;padding:9px;border-radius:10px;font-size:12px;font-weight:700;opacity:.42;transition:opacity .15s}.meter .seg.on{opacity:1;outline:2px solid currentColor}.meter .seg.a{background:rgba(52,224,161,.14);color:var(--mint)}.meter .seg.b{background:rgba(255,206,92,.14);color:var(--amber)}.meter .seg.c{background:rgba(255,122,110,.12);color:var(--coral)}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.result-head .eyebrow{font-size:12px;color:var(--sub);margin-bottom:8px}.result-head h1{font-size:26px;font-weight:800;line-height:1.5;letter-spacing:.01em}.result-head .hl{color:var(--mint)}.split{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.wo-block{margin-top:18px}.wo-h{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--sub);padding-bottom:8px;border-bottom:1px solid var(--line-2)}.wo-h b{color:var(--coral);font-size:12px}.field{margin-bottom:16px}.field>label{display:block;font-size:12px;color:var(--sub);margin-bottom:7px;font-weight:600}.field .hint{font-size:11px;color:var(--sub-2);margin-top:7px;line-height:1.6}.input{width:100%;background:var(--panel-3);border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--txt);font-size:14px;font-family:inherit}.input:focus{outline:none;border-color:var(--mint)}.input::placeholder{color:var(--sub-2)}.input-row{display:flex;gap:12px}.input-row .field{flex:1 1;min-width:0}.suffix{position:relative}.suffix .u{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--sub)}.suffix .input{padding-right:46px}.seg-btns{display:flex;gap:8px;flex-wrap:wrap}.seg-btns button{flex:1 1;min-width:80px;background:var(--panel-3);border:1px solid var(--line);color:var(--sub);border-radius:11px;padding:11px 8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.seg-btns button.on{background:rgba(52,224,161,.16);border-color:var(--mint);color:var(--mint)}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{padding:9px 14px;border-radius:999px;font-size:13px;background:var(--panel-3);border:1px solid var(--line);color:var(--sub);cursor:pointer;font-family:inherit}.chip.on{background:rgba(52,224,161,.16);border-color:var(--mint);color:var(--mint);font-weight:700}.warn{background:rgba(255,122,110,.1);border:1px solid rgba(255,122,110,.35);color:#ffb3ab;border-radius:12px;font-size:12px;margin-bottom:16px}.note,.warn{padding:12px 14px;line-height:1.7}.note{background:var(--panel-3);border:1px solid var(--line);color:var(--sub);border-radius:12px;font-size:11.5px}@media (max-width:720px){.onb{padding:28px 16px;justify-content:flex-start}.wcard{padding:22px 18px}.calc-row{flex-wrap:wrap}.calc-box{min-width:calc(50% - 6px)}.result-head{flex-direction:column}.result-head h1{font-size:22px}}