:root{--bg: #f6f5f3;--card: #ffffff;--ink: #22201d;--ink-2: #55524d;--ink-3: #8a867f;--line: #e8e5e0;--accent: #ff692d;--accent-deep: #e5541b;--accent-soft: #fff0e8;--green: #4caf7d;--green-soft: #e7f3ec;--avg-bar: #cfcbc4;--track: #efede9;--r-card: 20px;--r-pill: 9999px;--tabbar-height: 64px;--font-serif: "Shippori Mincho", "Hiragino Mincho ProN", serif;--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--font-num: "Inter", "Helvetica Neue", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:400;-webkit-font-smoothing:antialiased;line-height:1.7;font-size:16px}.frame{max-width:520px;margin:0 auto;padding:20px 16px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 28px)}:where(button,a,input,select,summary):focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.step-en{font-family:var(--font-num);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-weight:600}.home-title{font-family:var(--font-serif);font-weight:600;font-size:1.72rem;line-height:1.45;color:var(--ink);margin:4px 0 10px}.step-title,.result-title,.section-title,.table-title{font-family:var(--font-serif);font-weight:600;color:var(--ink)}.step-title{margin:0 0 4px;font-size:1.22rem}.result-title{margin:4px 0 12px;font-size:1.45rem;line-height:1.5}.section-title{font-size:1.05rem;margin:0 0 6px}.step-lead,.greeting-sub{margin:0 0 20px;font-size:.92rem;color:var(--ink-2)}.home-lead{font-size:.92rem;color:var(--ink-2);margin:0 0 16px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{font-size:.8rem;font-weight:500;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px;white-space:nowrap}.cta-sub{text-align:center;font-size:.8rem;color:var(--ink-3);margin:10px 0 0}.last-date{font-size:.8rem;color:var(--ink-3);margin:0 0 8px}.card,.row-card,.empty-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;margin-bottom:14px;box-shadow:none}.row-card{padding:6px 20px}.empty-card.center{text-align:center;padding:32px 20px}.empty-text{font-size:.86rem;color:var(--ink-2);margin:0}.empty-card.center .empty-text{margin-bottom:18px}.row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;gap:12px}.row+.row{border-top:1px dashed var(--line)}.row-label{font-size:.88rem;font-weight:500;color:var(--ink)}.row-value{font-family:var(--font-num);font-size:.95rem;font-weight:600;color:var(--ink);text-align:right}.row-value.gold{color:var(--accent-deep)}.progress-seg{display:flex;gap:6px;margin-bottom:22px}.progress-seg span{flex:1;height:8px;border-radius:var(--r-pill);background:var(--track)}.progress-seg span.done{background:var(--accent)}.field{display:block;margin-bottom:16px}.field-label{display:block;font-size:.86rem;font-weight:500;color:var(--ink);margin-bottom:6px}.field-input{display:flex;align-items:center;min-height:52px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .15s ease}.field-input:focus-within{border-color:var(--accent)}.field-input input,.field-input select{flex:1;border:0;outline:none;padding:12px 14px;font-size:16px;font-family:var(--font-num);color:var(--ink);background:transparent;min-width:0;border-radius:14px}.field-input select{font-family:var(--font-sans);-moz-appearance:none;appearance:none;-webkit-appearance:none}.unit{padding:0 14px;font-size:.82rem;color:var(--ink-3);border-left:1px solid var(--line)}.field-hint{display:block;font-size:.76rem;color:var(--ink-3);margin-top:4px}.field-error{display:block;font-size:.78rem;color:var(--accent-deep);margin-top:4px}.field-error:empty{display:none}.nav-row{display:flex;gap:12px;margin-top:26px}.btn{font-family:var(--font-sans);font-size:.95rem;letter-spacing:.04em;min-height:54px;padding:14px 22px;cursor:pointer;border:1.5px solid transparent;border-radius:var(--r-pill);transition:background-color .15s ease,transform .1s ease;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}.btn:active{transform:scale(.985)}.btn.primary{background:var(--accent);color:#fff;font-weight:700;flex:1}.btn.primary:hover{background:var(--accent-deep)}.btn.ghost{background:transparent;color:var(--ink);font-weight:500;border-color:var(--ink)}.btn.large{display:flex;width:100%}.cf-panel{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.cf-label{display:block;font-size:.78rem;color:var(--ink-2)}.cf-value{font-family:var(--font-num);font-size:2.5rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.2}.cf-value-sub{font-family:var(--font-num);font-size:1.1rem;font-weight:600;color:var(--ink-2)}.cf-value.negative,.cf-value-sub.negative{color:var(--accent-deep)}.ef-panel{border-top:1px dashed var(--line);padding-top:12px}.ef-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.ef-value{font-family:var(--font-num);font-size:1.2rem;font-weight:600;color:var(--ink);white-space:nowrap}.ef-bar{height:8px;border-radius:var(--r-pill);background:var(--track);margin-bottom:8px}.ef-bar-fill{height:100%;border-radius:var(--r-pill);background:var(--green)}.ef-note{font-size:.76rem;color:var(--ink-3);margin:0}.goal-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.goal-total{font-family:var(--font-num);font-size:.92rem;font-weight:600;color:var(--accent-deep);white-space:nowrap}.goal-row{display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:"icon name amount" "icon bar bar" "icon sub sub";column-gap:12px;row-gap:5px;padding:14px 0;border-bottom:1px dashed var(--line);align-items:center}.goal-row:last-of-type{border-bottom:0}.goal-icon{grid-area:icon;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-deep);align-self:start}.goal-icon svg{width:21px;height:21px}.goal-name{grid-area:name;font-size:.9rem;font-weight:500}.goal-amount{grid-area:amount;font-family:var(--font-num);font-weight:600;color:var(--accent-deep);white-space:nowrap}.goal-bar{grid-area:bar;height:8px;border-radius:var(--r-pill);background:var(--track)}.goal-bar-fill{height:100%;border-radius:var(--r-pill);background:var(--accent)}.goal-sub{grid-area:sub;font-size:.76rem;color:var(--ink-3)}.callout{background:var(--accent-soft);border-radius:12px;padding:12px 14px;font-size:.82rem;line-height:1.7;color:var(--ink-2);margin:0 0 18px}.table-title{margin:0 0 10px;padding-top:18px;border-top:1px solid var(--line)}.table-note{font-size:.76rem;color:var(--ink-3);margin:8px 0 0}.result-body{margin:0 0 20px;font-size:.9rem;color:var(--ink-2)}.cta{margin:24px 0 12px}.segment{display:flex;background:var(--track);border-radius:var(--r-pill);padding:4px;margin-bottom:14px}.seg{flex:1;border:0;border-radius:var(--r-pill);padding:10px 0;font-family:var(--font-sans);font-size:.86rem;font-weight:700;color:var(--ink-3);background:transparent;cursor:pointer;min-height:44px}.seg.active{background:var(--card);color:var(--accent);border:1px solid var(--line)}.transfer-note{font-size:.82rem;color:var(--ink-2);background:var(--green-soft);border-radius:12px;padding:10px 14px;margin:0 0 14px}.bud-row{padding:14px 0;border-bottom:1px dashed var(--line)}.bud-row:last-of-type{border-bottom:0}.bud-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}.bud-label{font-size:.88rem;font-weight:700;color:var(--ink)}.bud-hint{display:block;font-size:.72rem;font-weight:400;color:var(--ink-3)}.bud-ideal{font-size:.78rem;color:var(--ink-2);white-space:nowrap}.bud-pct-input{width:2.6em;border:0;border-bottom:1px solid var(--line);outline:none;text-align:right;font-family:var(--font-num);font-size:.85rem;color:var(--ink);background:transparent;padding:0 2px}.bud-pct-input:focus{border-bottom-color:var(--accent)}.bud-inputs{display:flex;align-items:center;gap:10px}.field-input.compact{flex:1;min-width:0;min-height:44px}.field-input.compact input{padding:9px 12px;font-size:16px}.bud-badge{font-size:.76rem;white-space:nowrap}.bud-badge .over{color:var(--accent-deep);font-weight:700}.bud-badge .ok{color:var(--green)}.bud-note{margin:8px 0 0;font-size:.76rem;color:var(--accent-deep)}.bud-total{margin-top:12px;border-top:1px solid var(--line);padding-top:4px}.over-text{color:var(--accent-deep);font-weight:700}.advice-list{margin:0 0 20px;padding-left:20px;font-size:.86rem;color:var(--ink-2)}.advice-list li{margin-bottom:8px}.sp-summary{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:16px}.month{border-bottom:1px dashed var(--line);padding:4px 0}.month summary{display:flex;justify-content:space-between;align-items:center;padding:10px 0;min-height:44px;cursor:pointer;font-size:.9rem;font-weight:700;color:var(--ink);list-style:none}.month summary::-webkit-details-marker{display:none}.month summary:before{content:"▸";color:var(--accent);margin-right:8px}.month[open] summary:before{content:"▾"}.month summary>span:first-of-type{flex:1}.month-total{font-family:var(--font-num);font-weight:600}.sp-row{display:flex;align-items:center;gap:12px;padding:5px 0 5px 18px}.sp-label{flex:1;font-size:.85rem}.sp-row .field-input.compact{flex:0 0 140px}.cmp-row{padding:14px 0;border-bottom:1px dashed var(--line)}.cmp-row:last-of-type{border-bottom:0}.cmp-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.cmp-label{font-size:.88rem;font-weight:700;color:var(--ink)}.cmp-over{font-size:.78rem;font-weight:700;color:var(--accent-deep);white-space:nowrap}.cmp-under{font-size:.78rem;font-weight:700;color:var(--green);white-space:nowrap}.cmp-na{font-size:.76rem;color:var(--ink-3)}.cmp-bars{display:flex;flex-direction:column;gap:6px}.cmp-bar-line{display:flex;align-items:center;gap:8px}.cmp-tag{flex:0 0 44px;font-size:.72rem;color:var(--ink-3)}.cmp-bar{height:12px;border-radius:6px;min-width:2px;transition:width .25s ease}.cmp-bar.mine{background:var(--ink)}.cmp-bar.avg{background:var(--avg-bar)}.cmp-val{font-family:var(--font-num);font-size:.78rem;font-weight:600;color:var(--ink);white-space:nowrap;margin-left:auto}.cmp-note{font-size:.72rem;color:var(--ink-3);margin:8px 0 0}.disclaimer{font-size:.72rem;line-height:1.8;color:var(--ink-3);margin:4px 8px 16px}.disclaimer a{color:var(--ink-2)}:root{--shadow-sm: 0 1px 2px rgba(34, 32, 29, .04), 0 2px 8px rgba(34, 32, 29, .04);--shadow-md: 0 2px 4px rgba(34, 32, 29, .04), 0 10px 24px rgba(34, 32, 29, .07);--shadow-lg: 0 4px 8px rgba(34, 32, 29, .05), 0 18px 40px rgba(34, 32, 29, .1)}.frame.wide{max-width:980px}.card,.metric-card,.notif-card{box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}@media(pointer:fine){.card:hover,.metric-card:hover,.notif-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.reveal.revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.dash-head{margin-bottom:18px}.dash-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:18px;display:flex;flex-direction:column;gap:6px}.metric-label{font-size:.74rem;color:var(--ink-2)}.metric-value{font-family:var(--font-num);font-size:1.6rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.2;font-variant-numeric:tabular-nums}.metric-value.negative,.metric-value.accent{color:var(--accent-deep)}.metric-chip{align-self:flex-start;font-size:.7rem;font-weight:600;color:var(--ink-2);background:var(--track);border-radius:var(--r-pill);padding:3px 10px}.metric-chip.good{color:var(--green);background:var(--green-soft)}.metric-chip.bad{color:var(--accent-deep);background:var(--accent-soft)}.metric-value,.metric-chip{white-space:nowrap}.metric-ring{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.metric-ring>div{display:flex;flex-direction:column;gap:6px;min-width:0}.metric-ring .metric-value{font-size:1.25rem}.metric-ring .ring{width:56px;height:56px}.cta-card{text-align:left}.cta-card .btn{margin-top:14px}.notif-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--accent-soft);border:1px solid rgba(255,105,45,.25);border-radius:var(--r-card);padding:14px 16px;margin-bottom:14px;cursor:pointer;font-family:var(--font-sans)}.notif-icon{flex:0 0 auto;color:var(--accent-deep);display:flex}.notif-icon svg{width:21px;height:21px}.notif-text{flex:1;font-size:.84rem;color:var(--ink);line-height:1.6}.notif-arrow{color:var(--accent-deep);font-weight:700}.dash-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}@media(min-width:860px){.metric-grid{grid-template-columns:repeat(4,1fr)}.dash-grid{grid-template-columns:1fr 1fr}}.chart-card{margin-bottom:0}.chart-sub{font-size:.78rem;color:var(--ink-3);margin:0 0 14px}.ch-val{font-family:var(--font-num);font-size:10px;font-weight:600;fill:var(--ink-2)}.ch-cat{font-family:var(--font-sans);font-size:9px;fill:var(--ink-3)}.ch-axis{stroke:var(--line);stroke-width:1}.ch-zero{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 3}.donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.donut-box{position:relative;width:170px;flex:0 0 auto;margin:0 auto}.donut{width:100%;display:block}.donut-slice{transition:stroke-dasharray .8s cubic-bezier(.2,.7,.2,1) var(--d, 0ms),opacity .18s ease;cursor:pointer}.anim-chart.on .donut-slice{stroke-dasharray:var(--len) var(--c)}.donut-slice.dim{opacity:.25}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.donut-center-label{font-size:.7rem;color:var(--ink-3)}.donut-center-value{font-family:var(--font-num);font-size:1.15rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.legend{list-style:none;margin:0;padding:0;flex:1;min-width:180px}.legend-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.8rem;border-bottom:1px dashed var(--line);cursor:pointer;transition:opacity .18s ease}.legend-row:last-child{border-bottom:0}.legend-row.dim{opacity:.35}.legend-swatch{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.legend-label{flex:1;color:var(--ink)}.legend-val{font-family:var(--font-num);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.legend-pct{width:34px;text-align:right;color:var(--ink-3);font-family:var(--font-num);font-size:.72rem}.waterfall,.barchart,.linechart{width:100%;height:auto;display:block}.wf-bar,.bar-mark{opacity:0}.wf-bar{transform:translateY(6px);transition:opacity .5s ease var(--d, 0ms),transform .5s ease var(--d, 0ms)}.anim-chart.on .wf-bar{opacity:1;transform:none}.wf-link{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:2 3}.bar-mark{transform:scaleY(0);transition:transform .6s cubic-bezier(.2,.7,.2,1) var(--d, 0ms),opacity .2s ease var(--d, 0ms)}.anim-chart.on .bar-mark{opacity:1;transform:scaleY(1)}.bar-g:hover .bar-mark{filter:brightness(1.12)}.lc-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1) .15s}.anim-chart.on .lc-line{stroke-dashoffset:0}.lc-area,.lc-end,.pt-dot{opacity:0;transition:opacity .5s ease .8s}.anim-chart.on .lc-area,.anim-chart.on .lc-end{opacity:1}.pt-dot{transition:opacity .15s ease}.pt-g:hover .pt-dot{opacity:1}.ring{width:64px;height:64px;flex:0 0 auto}.ring-track{fill:none;stroke:var(--track);stroke-width:7}.ring-fill{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:0 100;transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray .9s cubic-bezier(.2,.7,.2,1) .2s}.anim-chart.on .ring-fill{stroke-dasharray:var(--p) 100}.ring-text{font-family:var(--font-num);font-size:13px;font-weight:600;fill:var(--ink)}.goal-card .ef-bar{margin:10px 0 8px}.anim-bar .ef-bar-fill{width:0;transition:width .9s cubic-bezier(.2,.7,.2,1) .25s}.anim-bar.on .ef-bar-fill{width:var(--w)}.goal-target{font-size:.86rem;color:var(--ink-2);margin:8px 0 0}.goal-target strong{font-family:var(--font-num);font-size:1.1rem;color:var(--ink)}.insight-card{display:flex;gap:12px;align-items:flex-start;margin-bottom:0}.insight-icon{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center}.insight-icon svg{width:20px;height:20px}.insight-text{margin:0;font-size:.86rem;color:var(--ink-2);line-height:1.7}.insight-text strong{color:var(--ink);font-family:var(--font-num)}.reco-list{list-style:none;margin:12px 0 0;padding:0;position:relative}.reco-item{display:flex;align-items:center;gap:12px;padding:12px 0;position:relative}.reco-item+.reco-item{border-top:1px dashed var(--line)}.reco-num{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-num);font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center}.reco-body{flex:1;display:flex;flex-direction:column;gap:2px}.reco-title{font-size:.86rem;font-weight:500;color:var(--ink)}.reco-impact{font-size:.74rem;font-family:var(--font-num);font-weight:600;color:var(--green)}.btn.small{min-height:38px;padding:6px 14px;font-size:.78rem;border-color:var(--line)}.activity-list{list-style:none;margin:8px 0 0;padding:0}.activity-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.82rem}.activity-item:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:0 0 auto}.activity-label{flex:1;color:var(--ink)}.activity-date{color:var(--ink-3);font-family:var(--font-num);font-size:.72rem}.skeleton-card{min-height:96px}.sk{display:block;border-radius:8px;background:linear-gradient(90deg,var(--track) 25%,#f7f5f2 50%,var(--track) 75%);background-size:200% 100%;animation:shimmer 1.6s ease infinite}.sk-label{width:40%;height:12px;margin-bottom:10px}.sk-value{width:65%;height:26px;margin-bottom:10px}.sk-chip{width:30%;height:14px;border-radius:999px}.sk-donut{width:140px;height:140px;border-radius:50%;margin:10px auto}.chart-skeleton{text-align:center}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wizard-intro .intro-benefits{list-style:none;margin:4px 0 20px;padding:0;display:grid;gap:10px}.intro-benefits li{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:500}.intro-steps{list-style:none;margin:8px 0 22px;padding:0}.intro-steps li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.88rem}.intro-steps li:last-child{border-bottom:0}.intro-step-title{flex:1}.intro-step-time{font-size:.74rem;color:var(--ink-3);font-family:var(--font-num)}.wizard-sticky{position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 2px 12px;margin-bottom:8px}.stepper{list-style:none;display:flex;justify-content:space-between;margin:0 0 10px;padding:0}.stepper li{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.stepper-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-num);font-size:.72rem;font-weight:700;background:var(--track);color:var(--ink-3);transition:background-color .25s ease,color .25s ease,transform .25s ease}.stepper li.done .stepper-dot{background:var(--green-soft);color:var(--green)}.stepper li.current .stepper-dot{background:var(--accent);color:#fff;transform:scale(1.12)}.stepper-label{font-size:.66rem;color:var(--ink-3)}.stepper li.current .stepper-label{color:var(--accent-deep);font-weight:700}.wiz-progress{height:5px;border-radius:var(--r-pill);background:var(--track);overflow:hidden}.wiz-progress-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-deep));transition:width .4s cubic-bezier(.2,.7,.2,1)}.live-bar{display:flex;justify-content:space-between;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:10px 14px;margin-top:10px}.live-bar>div{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}.live-bar span{font-size:.62rem;color:var(--ink-3);white-space:nowrap}.live-bar strong{font-family:var(--font-num);font-size:.82rem;font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.accent-text{color:var(--accent-deep)}.wizard-card{animation:stepIn .35s cubic-bezier(.2,.7,.2,1)}@keyframes stepIn{0%{opacity:0;transform:translate(18px)}}.field-check{display:flex;align-items:center;color:var(--green);width:0;opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1),width .2s ease}.field-check svg{width:18px;height:18px}.field-input.filled .field-check{width:26px;opacity:1;transform:scale(1)}.field-ref{display:inline-block;font-size:.72rem;font-weight:600;color:var(--ink-2);background:var(--track);border-radius:var(--r-pill);padding:2px 10px;margin-top:6px}.score-card{display:flex;align-items:center;gap:18px}.score-card .ring{width:88px;height:88px;flex:0 0 auto}.score-card .ring-text{font-size:17px}.score-info{min-width:0}.score-grade{font-family:var(--font-num);font-size:.8rem;font-weight:700;letter-spacing:.1em}.score-card .result-title{margin:2px 0 4px;font-size:1.3rem}.annual-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.annual-hero .cf-value{font-size:2.7rem}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-num);font-size:.7rem;font-weight:700;margin-right:8px;vertical-align:1px}.funnel-card{background:linear-gradient(135deg,var(--accent-soft),var(--card) 60%);border-color:#ff692d4d}.funnel-card .cta{margin:16px 0 10px}.chart-tip{position:fixed;z-index:50;transform:translate(-50%,-100%);background:var(--ink);color:#fff;border-radius:10px;padding:6px 12px;font-size:.74rem;line-height:1.5;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;transition:opacity .12s ease;box-shadow:var(--shadow-md)}.chart-tip.show{opacity:1}.chart-tip strong{font-family:var(--font-num);font-size:.85rem}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;align-items:stretch;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 8px env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;background:none;border:0;padding:4px 0 2px;cursor:pointer;color:var(--ink-3);font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.04em;border-radius:12px}.tab svg{width:21px;height:21px}.tab.active{color:var(--accent);font-weight:700}