.chart-page .u-section{scroll-margin-top:calc(var(--top-h) + 56px)}.bg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto var(--space-4)}.bg-center{fill:var(--surface);stroke:var(--border-strong);stroke-width:1.4;cursor:pointer;transition:fill var(--dur-1) var(--ease),stroke var(--dur-1) var(--ease)}.bg-center.is-defined{fill:var(--accent-2-soft);stroke:var(--accent-2);stroke-width:1.8}.bg-center.is-sel{stroke:var(--text);stroke-width:2.4}.bg-center:hover{fill:var(--surface-2)}.bg-center.is-defined:hover{fill:#4ad9d93d}.bg-half{stroke:var(--border);stroke-width:2.6;stroke-linecap:round;fill:none}.bg-half.is-on{stroke:var(--accent-2);stroke-width:3.4}.bg-ch.is-sel .bg-half.is-on{stroke:var(--text);stroke-width:4.2}.bg-hit{stroke:transparent;stroke-width:15;cursor:pointer;fill:none}.bg-hit-dot{fill:transparent;cursor:pointer}.bg-gate-dot{fill:var(--bg-2);stroke:var(--border-strong);stroke-width:1.2;transition:fill var(--dur-1) var(--ease),stroke var(--dur-1) var(--ease)}.bg-gate.is-on .bg-gate-dot{fill:var(--accent-2);stroke:var(--accent-2)}.bg-gate.is-sel .bg-gate-dot{stroke:var(--text);stroke-width:2.2}.bg-gate.is-on:hover .bg-gate-dot{fill:var(--text);stroke:var(--text)}.bg-gate-num{font-family:var(--font-num);font-size:7.6px;font-weight:600;text-anchor:middle;fill:var(--text-mute);pointer-events:none}.bg-gate.is-on .bg-gate-num{fill:var(--bg-3)}.chart-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-3)}.chart-warn{color:var(--act)}.chart-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.chart-pair .u-card+.u-card{margin-top:0}.chart-list{display:block}.chart-big{font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.2}.chart-cross{font-size:15px}.chart-sub{margin:6px 0 0;font-size:13px;color:var(--text-mute);line-height:1.45}.chart-on{color:var(--accent-2)}.chart-off{color:var(--text-mute)}.chart-pills{display:flex;flex-wrap:wrap;gap:8px}.chart-pills .num{margin-inline-end:2px;font-weight:640}.chart-points{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.chart-points-head,.chart-points-row{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center}.chart-points-head{background:var(--surface-2);padding:8px 0;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:640}.chart-side-design{color:var(--accent-2)}.chart-side-person{color:var(--accent)}.chart-points-row{border-top:1px solid var(--border)}.chart-point{display:flex;align-items:center;gap:8px;padding:0 6px;font-size:13px;color:var(--text-dim);min-width:0}.chart-glyph{font-size:15px;color:var(--text);line-height:1}.chart-act{display:block;width:100%;padding:11px 4px;background:none;border:0;color:var(--text);font:inherit;font-size:14px;text-align:center;cursor:pointer;transition:background var(--dur-1) var(--ease)}.chart-act-design .num{color:var(--accent-2)}.chart-act-personality .num{color:var(--accent)}.chart-act:hover{background:var(--surface-2)}.chart-act.is-empty{color:var(--text-mute);cursor:default}.chart-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-4)}.chart-section+.chart-section{margin-top:var(--space-4)}.chart-hook{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-dim);font-size:14px}@media(max-width:360px){.chart-pair{grid-template-columns:minmax(0,1fr)}.chart-points-head,.chart-points-row{grid-template-columns:52px minmax(0,1fr) 52px}.chart-point{font-size:12px;gap:6px}}.bg-overlay{--ov-own: var(--accent);--ov-other: var(--rel);--ov-shared: var(--accent-2);--ov-together: var(--act);--ov-own-soft: var(--accent-soft);--ov-other-soft: var(--rel-soft);--ov-shared-soft: var(--accent-2-soft);--ov-together-soft: var(--act-soft)}.bg-overlay .bg-half.is-on.is-you{stroke:var(--ov-own)}.bg-overlay .bg-half.is-on.is-them{stroke:var(--ov-other)}.bg-overlay .bg-half.is-on.is-both{stroke:var(--ov-shared)}.bg-overlay .bg-gate.is-on.is-you .bg-gate-dot{fill:var(--ov-own);stroke:var(--ov-own)}.bg-overlay .bg-gate.is-on.is-them .bg-gate-dot{fill:var(--ov-other);stroke:var(--ov-other)}.bg-overlay .bg-gate.is-on.is-both .bg-gate-dot{fill:var(--ov-shared);stroke:var(--ov-shared)}.bg-overlay .bg-center.is-c-both{fill:var(--ov-shared-soft);stroke:var(--ov-shared)}.bg-overlay .bg-center.is-c-you{fill:var(--ov-own-soft);stroke:var(--ov-own)}.bg-overlay .bg-center.is-c-them{fill:var(--ov-other-soft);stroke:var(--ov-other)}.bg-overlay .bg-center.is-c-together{fill:var(--ov-together-soft);stroke:var(--ov-together);stroke-dasharray:5 3}.bg-overlay .bg-center.is-c-open{fill:var(--surface);stroke:var(--border-strong)}.bg-overlay .bg-center.is-sel{stroke:var(--text);stroke-width:2.4}.bg-dot{flex:0 0 auto;width:12px;height:12px;border-radius:4px;border:1px solid var(--border-strong);align-self:center}.bg-dot.is-c-both{background:var(--ov-shared);border-color:var(--ov-shared)}.bg-dot.is-c-you{background:var(--ov-own);border-color:var(--ov-own)}.bg-dot.is-c-them{background:var(--ov-other);border-color:var(--ov-other)}.bg-dot.is-c-together{background:var(--ov-together-soft);border:1px dashed var(--ov-together)}.bg-dot.is-c-open{background:transparent}.bg-key{display:inline-flex;align-items:center;gap:6px}.bg-key>i{width:12px;height:12px;border-radius:4px;background:var(--border-strong)}.bg-key.is-you>i{background:var(--ov-own)}.bg-key.is-them>i{background:var(--ov-other)}.bg-key.is-both>i{background:var(--ov-shared)}.bg-key.is-c-together>i{background:var(--ov-together-soft);border:1px dashed var(--ov-together)}@media(prefers-reduced-motion:reduce){.bg-center,.bg-gate-dot,.chart-act{transition:none}.chart-page .u-section{scroll-behavior:auto}}.cp-page .u-section,.cp-report .u-section{scroll-margin-top:calc(var(--top-h) + 56px)}button.cp-back{width:auto;padding-inline-start:0;margin-bottom:var(--space-2);color:var(--text-dim)}.cp-report{--ov-other: var(--rel);--ov-other-soft: var(--rel-soft)}.cp-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:var(--space-3);font-size:13px;color:var(--text-dim)}.cp-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:var(--space-3)}.cp-people .u-card{padding:14px}.cp-people .u-row{display:block;padding:8px 0}.cp-people .u-row-label{display:block;font-size:13px}.cp-people .u-row-value{display:block;text-align:start;margin-top:1px}.cp-people .cp-person-name,.cp-people .cp-person-type,.cp-people .u-row-value{overflow-wrap:anywhere}.cp-person-name{font-weight:600}.cp-person-type{color:var(--text-dim);font-size:13px;margin:2px 0 8px}.cp-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:var(--space-3)}.cp-metric{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:16px 14px;text-align:center}.cp-metric-num{font-size:40px;line-height:1;font-weight:600;color:var(--text)}.cp-metric-num span{font-size:20px;color:var(--text-dim)}.cp-metric-name{margin-top:6px;font-size:14px}.cp-metric-basis{margin-top:2px;font-size:12px;color:var(--text-mute)}.cp-bars{display:flex;gap:2px;height:10px;margin-bottom:10px}.cp-bar{border-radius:3px;min-width:6px}.cp-bar.is-k-electromagnetic{background:var(--act)}.cp-bar.is-k-companionship{background:var(--accent-2)}.cp-bar.is-k-compromise{background:var(--rel)}.cp-bar.is-k-dominance{background:var(--text-mute)}.cp-kinds{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;color:var(--text-dim);margin-bottom:var(--space-2)}.cp-kind{display:inline-flex;align-items:center;gap:6px}.cp-kind>i{width:10px;height:10px;border-radius:3px;background:var(--text-mute)}.cp-kind.is-k-electromagnetic>i{background:var(--act)}.cp-kind.is-k-companionship>i{background:var(--accent-2)}.cp-kind.is-k-compromise>i{background:var(--rel)}.cp-kind b{color:var(--text)}.cp-composite{margin-bottom:var(--space-2)}.cp-list{display:grid;gap:8px}.cp-list .u-card{padding:12px 14px;text-align:start;width:100%}.cp-row{display:flex;align-items:stretch;gap:8px}.cp-row>.u-card{flex:1;min-width:0}.cp-del{flex:0 0 auto;width:46px;border:1px solid var(--border);border-radius:var(--r-md);background:transparent;color:var(--text-mute);cursor:pointer;transition:color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.cp-del:hover:not(:disabled){color:var(--rel);border-color:var(--rel)}.cp-del:disabled{opacity:.4;cursor:default}.cp-item{display:flex;align-items:baseline;gap:10px}.cp-item-name{flex:1;min-width:0;overflow-wrap:anywhere}.cp-item-note{color:var(--text-dim);font-size:13px;text-align:end;flex:0 0 auto}.cp-item-stack{display:grid;grid-template-columns:auto 1fr;row-gap:1px}.cp-item-stack .bg-dot{grid-row:1;align-self:center}.cp-item-stack .cp-item-name{grid-column:2}.cp-item-stack .cp-item-note{grid-column:2;text-align:start}.cp-gates{flex:0 0 auto;color:var(--text-dim);font-size:13px;min-width:46px}.cp-group{margin-bottom:var(--space-4)}.cp-group .title-3{display:flex;gap:8px;align-items:baseline}.cp-group .title-3 span{color:var(--text-mute);font-size:15px}.cp-pills{display:flex;flex-wrap:wrap;gap:8px}.cp-label{display:block;margin:var(--space-3) 0 6px;font-size:14px;color:var(--text-dim)}.cp-place{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:12px 14px}.cp-place .ghost{width:auto;flex:0 0 auto}.cp-roles{margin-top:var(--space-2)}.cp-roles-head{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);margin-bottom:6px}.cp-roles-list{display:flex;flex-wrap:wrap;gap:8px}.cp-focus{color:var(--text-dim)}.cp-role-text{margin-top:var(--space-3)}.cp-explain{margin-top:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3)}.cp-method-list{display:grid;gap:10px;margin:var(--space-3) 0}.cp-method-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;border-top:1px solid var(--border);padding-top:8px}.cp-method-name{display:inline-flex;align-items:center;gap:8px;font-weight:600}.cp-method-name>i{width:10px;height:10px;border-radius:3px;background:var(--text-mute)}.cp-method-row.is-k-electromagnetic .cp-method-name>i{background:var(--act)}.cp-method-row.is-k-companionship .cp-method-name>i{background:var(--accent-2)}.cp-method-row.is-k-compromise .cp-method-name>i{background:var(--rel)}.cp-method-note{grid-column:1 / -1;color:var(--text-dim);font-size:13px;line-height:1.5}@media(max-width:360px){.cp-people,.cp-metrics{grid-template-columns:1fr}.cp-metric-num{font-size:34px}}.tr-page{--ov-other: var(--act);--ov-other-soft: var(--act-soft);--ov-together: var(--rel);--ov-together-soft: var(--rel-soft)}.tr-page .u-section{scroll-margin-top:calc(var(--top-h) + 56px)}.tr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:var(--space-3)}.tr-stat{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:14px 8px;text-align:center}.tr-stat b{display:block;font-size:28px;line-height:1;font-weight:600;color:var(--text)}.tr-stat span{display:block;margin-top:6px;font-size:12px;line-height:1.35;color:var(--text-dim)}.tr-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:var(--space-3);font-size:13px;color:var(--text-dim)}.tr-list{display:grid;gap:8px}.tr-list .u-card{padding:12px 14px;text-align:start;width:100%}.tr-group{margin-bottom:var(--space-4)}.tr-group .title-3{display:flex;gap:8px;align-items:baseline}.tr-group .title-3 span{color:var(--text-mute);font-size:15px}.tr-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.tr-num{flex:0 0 auto;color:var(--text-dim);font-size:13px;min-width:46px}.tr-name{flex:1;min-width:0;overflow-wrap:anywhere}.tr-state{flex:0 0 auto;color:var(--text-dim);font-size:13px}.tr-new,.tr-mine{flex:0 0 auto;font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px;border:1px solid transparent}.tr-new{background:var(--act-soft);color:var(--act)}.tr-mine{border-color:var(--border-strong);color:var(--text-mute)}.tr-sub{margin-top:4px;font-size:13px;color:var(--text-dim);overflow-wrap:anywhere}.tr-when{margin-top:2px;font-size:12px;color:var(--text-mute)}.tr-body{display:grid;grid-template-columns:18px 1fr auto;align-items:baseline;gap:2px 8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.tr-body .tr-glyph{grid-row:1;color:var(--act);font-size:15px;text-align:center}.tr-body-name{grid-column:2;overflow-wrap:anywhere}.tr-body .tr-line{grid-column:3;color:var(--text-dim);font-size:13px}.tr-body .tr-when{grid-column:2 / -1;margin-top:0}.tr-center{display:grid;grid-template-columns:auto 1fr;gap:1px 10px}.tr-center .bg-dot{grid-row:1;align-self:center}.tr-center .tr-name{grid-column:2}.tr-center .tr-state{grid-column:2;text-align:start}.tr-explain{margin-top:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3)}@media(max-width:360px){.tr-stats{grid-template-columns:1fr 1fr}.tr-stat b{font-size:24px}}.lib .u-section{scroll-margin-top:calc(var(--top-h) + 56px)}button.lib-back{display:inline-flex;align-items:center;gap:6px;width:auto;padding-inline-start:0;margin-bottom:var(--space-2);color:var(--text-dim);text-decoration:none}button.lib-back:hover{color:var(--text)}.lib-sections,.lib-list{display:grid;gap:10px}.lib-sections .u-card+.u-card,.lib-list .u-card+.u-card{margin-top:0}.lib-sections .u-card,.lib-list .u-card{padding:14px 16px}.lib-sec-head{display:flex;align-items:center;gap:var(--space-3)}.lib-sec-name{flex:1;min-width:0;font-weight:600}.lib-sec-head>svg{flex:0 0 auto;color:var(--text-mute)}.lib-sec-note{color:var(--text-dim);font-size:14px;line-height:1.5;margin:4px 0 0}.lib-sec-count{color:var(--text-mute);font-size:13px;margin:6px 0 0}.lib-sec-count b{color:var(--accent-2);font-weight:600}p.lib-lock{margin-top:var(--space-4)}.lib-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}input.lib-search{flex:1 1 180px;width:auto;min-width:0;padding:10px 14px;font-size:15px}input.lib-search::-webkit-search-cancel-button{margin-inline-start:4px}.lib-item-head,.lib-rel-head{display:flex;align-items:baseline;gap:var(--space-2)}.lib-item-title{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}.lib-item-lead{color:var(--text-dim);font-size:14px;line-height:1.5;margin:6px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.lib-item-note{display:flex;flex-wrap:wrap;gap:2px 8px;color:var(--text-mute);font-size:13px;margin:8px 0 0}.lib-item-note span+span:before{content:"·";margin-inline-end:8px}.lib-item-note .is-useful{color:var(--text-dim);font-weight:600}.lib-rel-head+.lib-item-note{margin-top:4px}.lib-chip{display:inline-flex;align-items:center;flex:0 0 auto;padding:2px 9px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-dim);font-size:12px;line-height:1.5;white-space:nowrap}.lib-chip.is-mine{border-color:var(--accent-2);background:var(--accent-2-soft);color:var(--accent-2);font-weight:600}.lib-chip.is-time{border-color:transparent;background:none;color:var(--text-mute);padding-left:0;padding-right:0}.lib-article{margin-bottom:var(--space-6)}.lib-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.lib-meta .eyebrow{margin-bottom:0}.lib-article .title{margin-bottom:var(--space-2)}.lib-article .lead,.lib-article .u-fine{margin-bottom:var(--space-4)}.lib-article .u-text-section+.u-text-section{margin-top:var(--space-4)}.lib-react{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.lib-react-ask{flex:0 0 auto;margin-inline-end:var(--space-1);color:var(--text-dim);font-size:14px}p.lib-react-err{margin-top:var(--space-3);margin-bottom:0}.lib-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-4)}button.lib-nav-btn{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-dim);text-align:start;text-decoration:none;transition:border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}button.lib-nav-btn:hover{border-color:var(--border-strong);color:var(--text)}button.lib-nav-btn.is-next{grid-column:2;justify-content:flex-end;text-align:end}button.lib-nav-btn>svg{flex:0 0 auto;color:var(--text-mute)}button.lib-nav-btn>span{min-width:0;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}@media(max-width:360px){input.lib-search{flex-basis:100%}.lib-nav{grid-template-columns:1fr}button.lib-nav-btn.is-next{grid-column:1}}p.lib-mine-note{margin:0 0 var(--space-4);padding-inline-start:var(--space-3);border-inline-start:2px solid var(--border-strong)}button.lib-ask{display:flex;align-items:center;gap:8px;width:100%;margin-top:var(--space-4);padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--ok-soft);color:var(--text);text-decoration:none}button.lib-ask svg{color:var(--ok);flex:0 0 auto}button.lib-ask:hover{border-color:var(--border-strong)}.ai{padding-bottom:var(--space-4)}button.ai-back{display:inline-flex;align-items:center;gap:6px;width:auto;padding-inline-start:0;margin-bottom:var(--space-2);color:var(--text-dim);text-decoration:none}button.ai-back:hover{color:var(--text)}.ai-thread-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.ai-thread-when{flex:1;font-size:13px;color:var(--text-mute)}button.ai-drop{width:auto;padding:4px 6px;color:var(--text-mute);text-decoration:none}button.ai-drop:hover{color:var(--danger)}.ai-drop-ask{display:inline-flex;align-items:center;gap:var(--space-1);font-size:14px;color:var(--text-dim);white-space:nowrap}.ai-drop-ask button.ghost{width:auto;padding:6px 8px}.ai-drop-ask button.ai-drop-yes{color:var(--danger)}.ai-talk{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.ai-msg.is-mine{justify-self:end;max-width:86%;padding:12px 16px;border-radius:var(--r-lg);border-end-end-radius:var(--r-sm);background:var(--ok-soft);border:1px solid var(--border)}.ai-msg.is-mine p{margin:0}.ai-msg.is-answer{padding:2px 0;line-height:1.62}.ai-msg.is-answer>:first-child{margin-top:0}.ai-msg.is-answer>:last-child{margin-bottom:0}.ai-sources{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.ai-sources-label{font-size:13px;color:var(--text-mute)}.ai-source{font-size:13px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 10px}.ai-wait{display:flex;align-items:center;gap:var(--space-2);color:var(--text-dim)}.ai-dots{display:inline-flex;gap:4px}.ai-dots i{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:ai-blink 1.1s infinite ease-in-out}.ai-dots i:nth-child(2){animation-delay:.16s}.ai-dots i:nth-child(3){animation-delay:.32s}@keyframes ai-blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.ai-dots i{animation:none;opacity:.6}}.ai-composer{display:grid;gap:var(--space-2)}.ai-seed{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim);background:var(--ok-soft);border-radius:var(--r-pill);padding:6px;padding-inline-start:12px;justify-self:start;max-width:100%}.ai-seed>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-seed button.ai-seed-off{width:auto;padding:4px;color:var(--text-dim);text-decoration:none;display:inline-flex}.ai-field{display:flex;align-items:flex-end;gap:var(--space-2)}textarea.ai-input{flex:1;min-width:0;padding:14px 16px;resize:none;line-height:1.5}.ai-send{width:52px;flex:0 0 52px;height:52px;padding:0;display:inline-flex;align-items:center;justify-content:center}.ai-under{display:flex;justify-content:space-between;gap:var(--space-2);font-size:13px;color:var(--text-mute)}.ai-err{margin-top:var(--space-2)}.ai-fine{margin-top:var(--space-3)}.u-card.ai-spent{text-align:center}.u-card.ai-spent p{margin:0 0 var(--space-1)}.ai-hints{display:grid;gap:8px}.ai-hint{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:start;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.ai-hint svg{flex:0 0 auto;color:var(--ok);margin-top:2px}.ai-hint:not(:disabled):hover{background:var(--surface-2)}.ai-hint:disabled{opacity:.5;cursor:default}.ai-list{display:grid;gap:10px}.ai-list .u-card+.u-card{margin-top:0}.ai-item{display:flex;align-items:center;gap:var(--space-2);min-width:0}.ai-item>.u-card{flex:1;min-width:0;text-align:start}.ai-item-title{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-item-note{display:block;margin-top:2px;font-size:13px;color:var(--text-mute)}:root{--bg: #0a0918;--bg-2: #171238;--bg-3: #060512;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .075);--surface-3: rgba(255, 255, 255, .11);--surface-hover: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--text: #f4f2ff;--text-dim: #a9a4cc;--text-mute: #8580a6;--accent: #8b7cff;--accent-2: #4ad9d9;--rel: #ff7ab8;--act: #ffbe5c;--danger: #ff8b8b;--ok: #7ee0a8;--accent-soft: rgba(139, 124, 255, .16);--accent-2-soft: rgba(74, 217, 217, .14);--rel-soft: rgba(255, 122, 184, .14);--act-soft: rgba(255, 190, 92, .14);--ok-soft: rgba(126, 224, 168, .14);--radius: 16px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 18px;--space-5: 26px;--space-6: 38px;--max-width: 520px;--step: clamp(16px, 4vw, 22px);--tab-h: 62px;--top-h: 52px;--safe-b: env(safe-area-inset-bottom, 0px);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: ui-serif, "Iowan Old Style", "New York", "Noto Serif", Georgia, "Times New Roman", serif;--font-num: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--shadow-1: 0 8px 28px rgba(0, 0, 0, .36);--shadow-2: 0 18px 48px rgba(0, 0, 0, .46);--glow: 0 0 0 1px var(--accent-soft), 0 10px 34px rgba(139, 124, 255, .22);--dur-1: .14s;--dur-2: .24s;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(130% 78% at 50% 0%,var(--bg-2) 0%,var(--bg) 58%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-ui);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:max(16px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.screen{width:100%;max-width:var(--max-width);display:flex;flex-direction:column;flex:1;animation:rise .26s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen,.spinner{animation:none}}.topbar{width:100%;max-width:var(--max-width);display:flex;align-items:center;gap:12px;min-height:40px;margin-bottom:20px}.back{background:none;border:0;color:var(--text-dim);font-size:22px;line-height:1;padding:8px;margin-inline-start:-8px;cursor:pointer;border-radius:12px}.back:hover{color:var(--text);background:var(--surface)}[dir=rtl] .back-arrow{display:inline-block;transform:scaleX(-1)}.progress{flex:1;height:4px;background:var(--surface);border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .28s ease}.points{position:relative;flex:none;min-width:52px;text-align:end;font-size:14px;font-weight:650;color:var(--act);font-variant-numeric:tabular-nums;white-space:nowrap}.points-value{display:inline-block;animation:bump .42s var(--ease)}@keyframes bump{35%{transform:scale(1.25)}}.points-gain{position:absolute;inset-inline-end:0;top:100%;font-size:13px;font-weight:700;color:var(--act);pointer-events:none;animation:gain .9s var(--ease) forwards}@keyframes gain{0%{opacity:0;transform:translateY(6px) scale(.9)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-18px)}}.ghost.login-link{width:100%;max-width:var(--max-width);text-align:end;margin:-14px 0 4px;padding:6px 0;font-size:15px}h1,.title{font-family:var(--font-display);font-size:clamp(26px,6.6vw,34px);line-height:1.16;font-weight:600;letter-spacing:-.015em;margin:0 0 8px}h2,.title-2{font-family:var(--font-display);font-size:clamp(20px,4.8vw,24px);line-height:1.22;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.hint,.lead{color:var(--text-dim);font-size:15px;margin:0 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:620;color:var(--accent);margin-bottom:10px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}a{color:var(--accent);text-underline-offset:3px}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.options{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px}.option{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;transition:background .14s ease,transform .14s ease,border-color .14s ease}.option:hover{background:var(--surface-hover)}.option:active{transform:scale(.99)}.option[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(90deg,rgba(139,124,255,.22),var(--surface))}[dir=rtl] .option[aria-pressed=true]{background:linear-gradient(270deg,rgba(139,124,255,.22),var(--surface))}.lang-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lang-option{justify-content:center;text-align:center;min-height:44px;padding:9px 10px;font-size:16px}.lang-brand{display:flex;align-items:center;gap:14px;min-height:65px;margin:0 0 20px}.lang-title{margin-bottom:14px}.lang-mark{position:relative;flex:none;width:48px;height:48px;border-radius:13px;box-shadow:0 0 0 1px var(--accent-soft),0 6px 26px #8b7cff57}.lang-mark img{display:block;width:100%;height:100%;border-radius:inherit}.lang-mark:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid var(--accent);opacity:0;animation:mark-ring 3.4s var(--ease) .6s infinite}@keyframes mark-ring{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.55)}}.lang-brand-name{margin:0;font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.15;letter-spacing:-.01em}.lang-brand-promise{margin:3px 0 0;color:var(--text-dim);font-size:14px;line-height:1.35;text-wrap:balance}.lang-trust{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:2px 0 0;color:var(--text-mute);font-size:13px;line-height:1.4;text-align:center;text-wrap:balance}.lang-trust svg{flex:none;margin-top:2px;color:var(--accent-2)}@media(prefers-reduced-motion:reduce){.lang-mark:after{animation:none}}.field{width:100%;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit}.field::placeholder{color:var(--text-dim)}.field:focus{outline:2px solid var(--accent);outline-offset:1px}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.primary{width:100%;padding:17px 20px;border:0;border-radius:var(--radius);background:linear-gradient(90deg,var(--accent),#6f5cff);color:#fff;font:inherit;font-weight:650;cursor:pointer;transition:opacity .14s ease,transform .14s ease}.primary:disabled{opacity:.45;cursor:default}.primary:not(:disabled):active{transform:scale(.99)}.primary.hold{position:relative;overflow:hidden;background:var(--surface-2);color:var(--text-dim);opacity:1}.hold-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:inherit;text-align:center;color:#fff;background:linear-gradient(90deg,var(--accent),#6f5cff);clip-path:inset(0 100% 0 0);animation:hold-fill var(--hold-ms, 2s) linear both}[dir=rtl] .hold-over{clip-path:inset(0 0 0 100%);animation-name:hold-fill-rtl}@keyframes hold-fill{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes hold-fill-rtl{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.hold-over{animation-timing-function:steps(5,end)}}.ghost{background:none;border:0;color:var(--text-dim);font:inherit;padding:12px;cursor:pointer;text-decoration:underline}.actions{margin-top:auto;padding-top:20px;display:grid;gap:8px}.actions.pin{position:sticky;bottom:0;z-index:5;margin-inline:-20px;padding:20px 20px max(24px,var(--safe-b));background:linear-gradient(180deg,rgba(10,9,24,0) 0,var(--bg) 20px)}.actions.pin:last-child{margin-bottom:calc(-1*max(24px,var(--safe-b)))}html:has(.actions.pin){scroll-padding-bottom:160px}.suggestions{list-style:none;margin:10px 0 0;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#0b0a1fe6}.suggestions li+li{border-top:1px solid var(--border)}.suggestion{width:100%;text-align:start;padding:14px 16px;background:none;border:0;color:var(--text);font:inherit;cursor:pointer}.suggestion:hover,.suggestion[aria-selected=true]{background:var(--surface-hover)}.suggestion small{display:block;color:var(--text-dim);font-size:13px}.calc{display:flex;flex-direction:column;flex:1;gap:16px;padding-top:var(--space-3)}@keyframes breathe{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.05)}}.dot{width:20px;height:20px;flex:none;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;font-size:12px}.spinner{width:20px;height:20px;flex:none;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prep{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;gap:18px;padding-top:var(--space-3);text-align:center}.prep-title,.prep-lead{margin:0}.prep-points{display:grid;gap:2px;min-width:180px;padding:16px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.prep-points-num{font-size:40px;font-weight:700;line-height:1.1;color:var(--act)}.prep-points-label{color:var(--text-dim);font-size:15px}.prep-status{display:flex;align-items:center;gap:12px;min-height:24px;color:var(--text-dim)}.prep-status .dot{border-color:var(--accent-2);color:var(--accent-2)}.game-level{display:flex;justify-content:space-between;gap:12px}.game-points{color:var(--act)}.game-graph{display:flex;align-items:center;gap:18px;padding:16px 18px;margin:6px 0 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.game-graph-text{min-width:0}.game-graph-text .hint{margin:0 0 10px;color:var(--text)}.game-graph-text .hint:last-child{margin-bottom:0}.game-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.game-chips li{font-size:12px;padding:3px 9px;border-radius:var(--r-pill);background:var(--accent-2-soft)}.mini-graph{width:96px;height:auto;flex:none}@media(max-height:700px){.game-graph .mini-graph{width:72px}}.mini-center{fill:var(--surface);stroke:var(--border-strong);stroke-width:1.5;vector-effect:non-scaling-stroke}.mini-center.on{fill:var(--accent-2);fill-opacity:.5;stroke:var(--accent-2);animation:lit .48s var(--ease) both}@keyframes lit{0%{fill:var(--surface);fill-opacity:1;stroke:var(--border-strong)}}.portrait{margin-bottom:18px}.portrait dl{margin:0;display:grid;gap:12px}.portrait dt{font-size:13px;color:var(--text-dim)}.portrait dd{margin:2px 0 0}.done{display:flex;flex-direction:column;flex:1;text-align:center}.done-body{margin:auto 0}.done .actions{margin-top:0}.done-mark{width:72px;height:72px;margin:8px auto 18px;display:grid;place-items:center;border-radius:var(--r-lg);background:var(--accent-2-soft);animation:star-in .52s var(--ease) both}.done-mark svg{width:34px;height:34px;fill:none;stroke:var(--accent-2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.done-points{display:inline-block;margin:4px 0 22px;padding:5px 14px;border-radius:var(--r-pill);background:var(--act-soft);color:var(--act);font-weight:600}.done .title+.reviews-title{margin-top:14px}@media(prefers-reduced-motion:reduce){.done-mark{animation:none}}.rating{display:flex;flex-direction:column;flex:1;text-align:center}.rating-body{margin:auto 0}.rating .actions{margin-top:0}.rating-hero{position:relative;display:grid;justify-items:center;gap:14px;padding:8px 0 16px}.rating-hero:before{content:"";position:absolute;top:4%;right:6%;bottom:4%;left:6%;background:radial-gradient(closest-side,rgba(139,124,255,.3),rgba(74,217,217,.1) 58%,transparent 74%);animation:breathe 3.6s ease-in-out infinite alternate;pointer-events:none}.rating-eyebrow{position:relative;margin:0;color:var(--accent-2)}.rating-native .rating-hero{padding-bottom:12px}.rating-native .title{margin-bottom:20px}.rating-graph{position:relative;width:auto;height:clamp(120px,24vh,200px);filter:drop-shadow(0 0 10px rgba(74,217,217,.3))}.rating-stars{position:relative;display:flex;gap:6px;margin:0}.rating-star{width:40px;height:40px;fill:var(--act-soft);stroke:var(--act);stroke-width:1.4;stroke-linejoin:round;animation:star-in .52s var(--ease) both}@keyframes star-in{0%{opacity:0;transform:scale(.4) rotate(-24deg)}60%{transform:scale(1.18) rotate(4deg)}}.rating .lead{margin:0 auto 18px;max-width:34ch}.rating-cta{display:block;text-align:center;text-decoration:none}.fineprint.rating-free{text-align:center;margin-top:0}.reviews-title{margin:0 0 10px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-dim)}.reviews{margin:0 -20px 16px}.reviews-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:2px 20px;overscroll-behavior-x:contain;scrollbar-width:none}.reviews-track::-webkit-scrollbar{display:none}.review{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;text-align:start;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.review-stars{margin:0;display:flex;gap:2px;line-height:0}.review-star{width:22px;height:22px;fill:none;stroke:var(--border-strong);stroke-width:1.4;stroke-linejoin:round}.review-star.on{fill:var(--act);stroke:var(--act)}.review-text{margin:0;flex:1}.review-text p{margin:0;font-size:15px;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.review-meta{margin:auto 0 0;display:grid;gap:2px;font-size:13px;color:var(--text-dim)}.review-translated{font-size:12px;color:var(--text-mute)}.review.value{gap:4px;justify-content:center}.review.value h3{margin:0;font-size:15px;font-weight:600}.review.value p{margin:0;font-size:14px;color:var(--text-dim)}.reviews-dots{display:flex;justify-content:center;margin-top:6px}.review-dot{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--r-pill);background:none;cursor:pointer}.review-dot:before{content:"";width:6px;height:6px;border-radius:var(--r-pill);background:var(--text-mute);transition:width .2s var(--ease),background-color .2s var(--ease)}.review-dot[aria-current=true]:before{width:16px;background:var(--accent)}.review-dot:focus-visible{outline:2px solid var(--accent);outline-offset:0}@media(prefers-reduced-motion:reduce){.points-value,.mini-center.on{animation:none}.points-gain{display:none}.review-dot:before{transition:none}.rating-hero:before,.rating-star{animation:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.billing-issue{border-color:#ffbe5c73;background:var(--act-soft);margin-bottom:18px}.billing-issue.hold{border-color:#ff8b8b73;background:#ff8b8b1a}.billing-issue p{margin:0 0 12px}.billing-issue .billing-issue-title{color:var(--act)}.billing-issue.hold .billing-issue-title{color:var(--danger)}.contrast{display:grid;gap:14px;margin-bottom:22px}.contrast-row{display:grid;gap:4px}.contrast-row b{color:var(--text-dim);font-weight:500;font-size:13px}.contrast-row span{font-size:17px}.contrast-row[data-kind=computed] span{color:var(--accent-2);font-weight:600}.opens{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}.opens li{display:flex;gap:10px;align-items:flex-start}.opens li:before{content:"✓";color:var(--accent-2)}.plans{display:grid;gap:10px;margin-bottom:18px}.plan{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;text-align:start}.plan[aria-pressed=true]{border-color:var(--accent);background:var(--surface-hover)}.plan .price{font-weight:650;font-size:19px;white-space:nowrap}.plan .period{color:var(--text-dim);font-size:14px}.plan .plan-month{display:block;margin-top:2px;color:var(--text-dim);font-size:14px;text-wrap:balance}.plan .plan-month:first-letter{text-transform:uppercase}.plan .plan-week{display:block;margin-top:4px;color:var(--accent-2);font-size:16px;font-weight:750;text-wrap:balance}.plan .plan-week:first-letter{text-transform:uppercase}.plan .plan-terms{display:block;margin-top:6px;color:var(--text-dim);font-size:13px;line-height:1.38;text-wrap:pretty}.plan[data-popular]{position:relative;margin-top:10px}.plan-popular{position:absolute;top:0;inset-inline-start:16px;transform:translateY(-50%);background:var(--accent);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.badge{background:var(--accent-2);color:#05202a;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:650}.plan .badge{white-space:nowrap;flex:none}.consent-note{font-size:14px;line-height:1.45;color:var(--text-dim);margin:14px 0 6px;text-wrap:pretty}.pay-terms{margin-top:-6px}.pay-terms .consent-note{margin:0 0 6px}.pay-terms .trial-terms{color:var(--text);font-size:14px;margin:0}.actions.pay-status{margin-top:0;padding-top:12px}.actions.pay-status:empty{display:none}.actions.pay-status .hint{margin:0}.offer .actions.pin{border-top:1px solid var(--border);padding-top:12px;background:var(--bg)}.actions.pin{gap:6px}.actions.pin .consent-note{margin:0;font-size:13px;line-height:1.38}.actions.pin .error{margin:0;padding:10px 12px;font-size:14px}.actions.pin .fineprint{margin-top:2px}.fineprint{color:var(--text-dim);font-size:13px;text-align:center;margin-top:12px}.error{color:var(--danger);background:#ff8b8b1a;border:1px solid rgba(255,139,139,.3);border-radius:var(--radius);padding:14px 16px;margin:12px 0;font-size:15px}.attribution{color:var(--text-dim);font-size:12px;margin-top:10px}.actions .trial-terms{color:var(--text);margin:0}.ghost.pay-help-link{justify-self:start;margin:-6px 0 0;padding:4px 0;font-size:15px}.ghost.paywall-login{display:block;margin:8px auto 0;font-size:15px}.owned-notice{display:grid;gap:12px;margin-bottom:18px;background:var(--act-soft);border-color:#ffbe5c59}.owned-notice p{margin:0;font-size:15px}.survey-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:620;color:var(--accent);margin:0 0 12px}.survey-options{display:grid;gap:10px}.survey-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px 16px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;color:var(--text);font:inherit;font-size:16px;text-align:start;cursor:pointer;transition:background var(--dur-1) ease,transform var(--dur-1) ease}.survey-option:hover{background:var(--surface-hover)}.survey-option:not(:disabled):active{transform:scale(.99)}.survey-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.survey-option svg{flex:none;color:var(--text-dim)}[dir=rtl] .survey-option svg{transform:scaleX(-1)}.survey-skip{display:block;margin:12px auto 0;padding:12px;background:none;border:0;color:var(--text-dim);font:inherit;font-size:15px;cursor:pointer}.survey-skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pay-help-card{padding:16px 18px}.pay-help-label{margin:0 0 10px;color:var(--text-dim);font-size:14px;font-weight:600}.pay-help-steps{margin:0;padding-inline-start:22px;display:grid;gap:10px;font-size:15px;line-height:1.45}.pay-help-actions{display:grid;gap:8px}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);z-index:70;max-width:calc(100% - 32px);margin:0;padding:12px 18px;background:#1a1540;border:1px solid var(--border-strong);border-radius:var(--r-pill);box-shadow:var(--shadow-2);color:var(--text);font-size:15px;text-align:center;animation:u-fade var(--dur-2) var(--ease);pointer-events:none}.paywall-bar{display:flex;justify-content:flex-end;margin:-4px -6px 4px 0}[dir=rtl] .paywall-bar{margin:-4px 0 4px -6px}.paywall-close{display:grid;place-items:center;width:44px;height:44px;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-dim);cursor:pointer;transition:background var(--dur-1) ease,color var(--dur-1) ease}.paywall-close:hover{background:var(--surface-hover);color:var(--text)}.paywall-close:disabled{opacity:.45;cursor:default}.paywall-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.paywall-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.offer{display:flex;flex-direction:column;flex:1}.offer .actions{margin-top:auto}.offer-card{display:grid;gap:4px;margin:4px 0 18px;border-color:#8b7cff73;background:linear-gradient(160deg,var(--accent-soft),var(--surface));box-shadow:var(--glow)}.offer-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0}.offer-price{font-family:var(--font-display);font-size:clamp(32px,9vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.015em}.offer-card .period{color:var(--text-dim);font-size:15px}.offer-save{margin-inline-start:auto;align-self:center}.offer-was,.offer-month{margin:0;color:var(--text-dim);font-size:15px;text-wrap:balance}.offer-was s{text-decoration-thickness:1px}.offer-month:first-letter{text-transform:uppercase}.offer-trial{margin:2px 0 0}.offer-opens{gap:8px;margin-bottom:16px;font-size:15px}.offer-terms{margin:0 0 4px;font-size:15px}.secondary{width:100%;padding:16px 20px;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:background var(--dur-1) ease,transform var(--dur-1) ease}.secondary:hover{background:var(--surface)}.secondary:disabled{opacity:.45;cursor:default}.secondary:not(:disabled):active{transform:scale(.99)}.secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lifetime-echo{margin:-8px 0 16px;padding-inline-start:12px;border-inline-start:2px solid var(--accent-2);color:var(--text);font-size:15px}.lifetime-timer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0 0 6px;color:var(--text-dim);font-size:14px}.lifetime-clock{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;color:var(--accent)}.lifetime-card[data-expired]{border-color:var(--border);background:var(--surface);box-shadow:none}.lifetime-card[data-expired] .offer-price-row{opacity:.55}.lifetime-checks{margin-bottom:12px}.lifetime-pill{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:0 0 14px;padding:10px 16px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r-pill);color:var(--text);font:inherit;font-size:14px;font-weight:600;text-align:start;cursor:pointer;transition:background var(--dur-1) ease}.lifetime-pill:hover{background:var(--surface-hover)}.lifetime-pill:disabled{opacity:.45;cursor:default}.lifetime-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lifetime-pill-text{flex:1;min-width:0}.lifetime-pill-clock{flex:none;font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--accent)}.notify{display:flex;flex-direction:column;flex:1;text-align:center}.notify-body{margin:auto 0}.notify .actions{margin-top:0}.notify .lead{margin:0 auto 20px;max-width:34ch}.notify-eyebrow{margin:0 0 6px;color:var(--accent-2)}.notify-hero{position:relative;display:grid;place-items:center;height:clamp(132px,22vh,184px)}.notify-hero:before{content:"";position:absolute;top:0;right:12%;bottom:0;left:12%;background:radial-gradient(closest-side,rgba(139,124,255,.32),rgba(74,217,217,.08) 62%,transparent 76%);animation:breathe 3.6s ease-in-out infinite alternate;pointer-events:none}.notify-ring{position:absolute;width:84px;height:84px;border:1px solid var(--accent);border-radius:50%;opacity:0;animation:notify-ring 3.6s ease-out infinite}.notify-ring:nth-of-type(2){animation-delay:1.2s}.notify-ring:nth-of-type(3){animation-delay:2.4s}@keyframes notify-ring{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(2.2)}}.notify-bell{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1px solid rgba(139,124,255,.5);background:radial-gradient(circle at 50% 30%,var(--accent-soft),var(--surface));box-shadow:var(--glow);color:var(--accent)}.notify-bell svg{transform-origin:50% 12%;animation:notify-ding 4.8s ease-in-out 1.2s infinite}@keyframes notify-ding{0%,56%,to{transform:rotate(0)}62%{transform:rotate(-14deg)}68%{transform:rotate(11deg)}74%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}86%{transform:rotate(0)}}.notify-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;max-width:340px;margin:0 auto;padding:12px 14px;text-align:start;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-1);animation:notify-card-in .56s var(--ease) .36s both}@keyframes notify-card-in{0%{opacity:0;transform:translateY(14px)}}.notify-card-icon{width:40px;height:40px;border-radius:10px}.notify-card-app{margin:0 0 2px;font-size:12px;color:var(--text-mute)}.notify-card-title{margin:0;font-size:15px;font-weight:600}.notify-card-body{margin:2px 0 0;font-size:14px;color:var(--text-dim)}@media(max-height:700px){.notify-hero{height:112px}.notify .lead{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.notify-hero:before,.notify-ring,.notify-bell svg,.notify-card{animation:none}.notify-ring{opacity:.18;transform:scale(1.5)}.notify-ring:nth-of-type(2){transform:scale(2)}.notify-ring:nth-of-type(3){display:none}}.member{width:100%;max-width:var(--max-width);flex:1;padding-bottom:calc(var(--tab-h) + var(--safe-b) + 18px)}.daybar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.daybar .day-num{font-size:13px;color:var(--text-dim)}.unit{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px;overflow:hidden}.unit-head{position:relative;width:100%;display:flex;flex-direction:column-reverse;align-items:stretch;gap:6px;padding:16px 46px 18px 18px;background:none;border:0;color:var(--text);font:inherit;text-align:start;cursor:pointer}[dir=rtl] .unit-head{padding:16px 18px 18px 46px}.unit-head:hover{background:var(--surface-hover)}.unit-head h3{margin:0 0 4px;font-size:18px;font-weight:620;letter-spacing:-.01em}.unit-head p{margin:0;color:var(--text-dim);font-size:15px}.unit-head:after{content:"";position:absolute;top:26px;inset-inline-end:20px;width:8px;height:8px;border-right:1.5px solid var(--text-mute);border-bottom:1.5px solid var(--text-mute);transform:rotate(45deg);transition:transform var(--dur-2) var(--ease)}.unit-head[aria-expanded=true]:after{transform:translateY(3px) rotate(225deg)}.unit-kind{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.unit-body{padding:0 18px 18px}@media(prefers-reduced-motion:reduce){.unit-head:after{transition:none}}.prose{font-size:17px;line-height:1.62}.prose h2{font-size:17px;font-weight:640;margin:22px 0 8px;color:var(--accent-2)}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 14px}.prose ul{margin:0 0 14px;padding-inline-start:20px}.prose li{margin-bottom:6px}.prose strong{font-weight:640;color:#fff}.hook{margin-top:16px;padding:14px 16px;border-inline-start:2px solid var(--accent);background:#8b7cff14;border-radius:var(--radius);border-start-start-radius:0;border-end-start-radius:0;font-size:16px}.checkin{border-color:#4ad9d966}.unit.checkin{scroll-margin-top:calc(var(--top-h) + 12px)}.checkin .unit-kind{color:var(--accent-2)}.checkin-done{display:flex;align-items:center;gap:8px;color:var(--accent-2);font-size:14px;padding:0 18px 18px}.note{width:100%;min-height:84px;resize:vertical;margin-top:10px;font-family:inherit}.report-day{border-inline-start:2px solid var(--border);padding:0 0 16px;padding-inline-start:14px;margin-inline-start:4px}.report-day[data-outcome=negative]{border-color:var(--danger)}.report-day[data-outcome=positive]{border-color:var(--accent-2)}.report-day .q{color:var(--text-dim);font-size:14px;margin:0 0 4px}.report-day .a{margin:0;font-size:16px}.report-day .n{color:var(--text-dim);font-size:14px;margin:6px 0 0;font-style:italic}.stats{display:flex;gap:10px;margin-bottom:20px}.stat{flex:1;text-align:center;padding:14px 8px}.stat b{display:block;font-size:26px;font-weight:650}.stat span{color:var(--text-dim);font-size:13px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.chart-cell b{display:block;font-size:18px;font-weight:620;margin-bottom:2px}.chart-cell span{color:var(--text-dim);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 11px;border:1px solid var(--border);border-radius:999px;font-size:14px;background:var(--surface)}.chip[data-state=open]{color:var(--text-dim);border-style:dashed}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;gap:2px;padding:6px 8px max(6px,var(--safe-b));background:linear-gradient(180deg,#0a0918d1,#060512f7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border)}.tab{position:relative;flex:1;max-width:108px;min-height:50px;display:grid;grid-template-rows:22px auto;justify-items:center;align-content:center;gap:3px;background:none;border:0;border-radius:var(--r-sm);color:var(--text-mute);font:inherit;font-size:11px;letter-spacing:.01em;cursor:pointer;transition:color var(--dur-1) var(--ease)}.tab svg{width:22px;height:22px}.tab[aria-current=page]{color:var(--text)}.tab[aria-current=page] svg{color:var(--tab-color, var(--accent))}.tab[aria-current=page]:before{content:"";position:absolute;margin-top:-10px;width:26px;height:26px;border-radius:50%;background:var(--tab-color, var(--accent));opacity:.18;filter:blur(9px)}.tab .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);display:inline-block;margin-inline-start:4px}.empty{color:var(--text-dim);text-align:center;padding:40px 20px}.shell-top{position:sticky;top:0;z-index:30;width:100%;max-width:var(--max-width);height:var(--top-h);display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin:calc(var(--space-2) * -1) 0 var(--space-2);background:linear-gradient(180deg,var(--bg) 58%,rgba(10,9,24,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-title{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.01em;text-align:center;margin:0}.shell-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:0;background:none;color:var(--text-dim);cursor:pointer}.shell-icon:hover{color:var(--text);background:var(--surface)}.shell-icon[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.shell-icon-ghost{pointer-events:none}.home-in{animation:rise .42s var(--ease) both;animation-delay:calc(var(--i, 0) * 80ms)}.home-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);text-align:center;border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 0% 0%,rgba(139,124,255,.24),transparent 62%),radial-gradient(110% 90% at 100% 100%,rgba(74,217,217,.15),transparent 62%),var(--surface);box-shadow:var(--shadow-1);transition:border-color var(--dur-1) var(--ease)}.home-hero:hover{border-color:var(--border-strong)}.home-hero:has(.home-hero-go:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.home-hello{margin:0;font-size:15px;color:var(--text-dim);overflow-wrap:anywhere}.home-art{position:relative;display:grid;place-items:center;padding:2px 0}.home-art-glow{position:absolute;top:-14%;right:12%;bottom:-14%;left:12%;background:radial-gradient(closest-side,rgba(139,124,255,.4),rgba(74,217,217,.14) 58%,transparent 76%);animation:breathe 4.2s ease-in-out infinite alternate;pointer-events:none}.home-graph{position:relative;width:auto;height:clamp(110px,17vh,150px);filter:drop-shadow(0 0 10px rgba(74,217,217,.3))}.home-type{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(24px,7vw,30px);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.home-chips{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.home-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);font-size:13px}.home-chip i{font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute)}.home-chip b{font-weight:620;color:var(--text)}.home-hero-go{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-1);padding:6px 4px;border:0;background:none;color:var(--accent);font:inherit;font-size:14px;font-weight:620;cursor:pointer}.home-hero-go:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.home-hero-go:focus-visible{outline:none}.home-advice{margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-inline-start:2px solid var(--accent-2);border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent-2-soft),transparent 72%),var(--surface)}.home-card-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:10px;color:var(--accent-2)}.home-card-head .eyebrow{margin:0;color:inherit}.home-card-head svg{animation:twinkle 3.6s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.18) rotate(18deg);opacity:.7}}.home-advice-text{margin:0;font-family:var(--font-display);font-size:19px;line-height:1.45;color:var(--text);text-wrap:pretty}.home-decide{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.home-decide b{display:block;margin-bottom:6px;font-size:12px;font-weight:620;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute)}.home-decide p{margin:0;font-size:15px;line-height:1.5;color:var(--text-dim)}.home-affirm{position:relative;isolation:isolate;overflow:hidden;margin:0 0 var(--space-3);padding:var(--space-5) var(--space-4);text-align:center;border:1px solid var(--border);border-radius:var(--r-md);background:radial-gradient(90% 120% at 50% 0%,rgba(139,124,255,.24),transparent 70%),var(--surface)}.home-affirm .eyebrow{margin-bottom:var(--space-2)}.home-affirm blockquote{margin:0;font-family:var(--font-display);font-style:italic;font-size:clamp(19px,5.4vw,22px);line-height:1.4;color:var(--text);text-wrap:balance}.home-affirm:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);transform:skew(-18deg);animation:sheen 9s ease-in-out 2s infinite;pointer-events:none}@keyframes sheen{0%,62%{transform:translate(0) skew(-18deg)}to{transform:translate(520%) skew(-18deg)}}.home-sky-wrap{margin-bottom:var(--space-3)}.home-sky-row{display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:var(--space-3);color:var(--text-dim);text-align:start}.home-sky-orb{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffbe5c73,#ffbe5c1f 72%);color:var(--act)}.home-sky-orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--act);border-radius:50%;opacity:0;animation:ping 2.8s ease-out infinite}@keyframes ping{0%{transform:scale(.9);opacity:.55}80%,to{transform:scale(1.5);opacity:0}}.home-sky-text{display:grid;gap:2px;min-width:0}.home-sky-text .eyebrow{margin:0;color:var(--act)}.home-sky-text b{color:var(--text);font-size:16px;font-weight:620;line-height:1.3}.home-sky-text i{font-style:normal;font-size:14px}.home-sky-mine{display:inline-flex;align-items:center;gap:4px;color:var(--accent)}@media(prefers-reduced-motion:reduce){.home-in,.home-art-glow,.home-affirm:before,.home-sky-orb:after,.home-card-head svg{animation:none}}.home-links{margin-top:var(--space-5);display:grid;gap:var(--space-3)}.home-links .u-card+.u-card{margin-top:0}.home-link{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:var(--space-3);color:var(--text-dim)}.home-link b{display:block;color:var(--text);font-size:16px;font-weight:620}.home-link i{font-style:normal;font-size:14px;line-height:1.35}.home-link-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--c-soft, var(--accent-soft));color:var(--c, var(--accent))}.plan-row{align-items:flex-start}.plan-lines{display:grid;gap:4px;min-width:0}.plan-note{font-style:normal;font-size:13px;color:var(--text-dim)}.plan-marks{display:grid;gap:6px;justify-items:end;flex:none}.badge-mine{background:var(--surface-hover);color:var(--text-dim)}.u-section{margin:0 0 var(--space-6);scroll-margin-top:calc(var(--top-h) + 56px)}.u-section-note{margin:0 0 var(--space-3)}.u-card{display:block;width:100%;text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-4);color:inherit;font:inherit}.u-card+.u-card{margin-top:var(--space-3)}.u-card-tap{cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.u-card-tap:hover{background:var(--surface-2);border-color:var(--border-strong)}.u-card-tap:active{transform:scale(.99)}.u-card[style*=--c]{border-inline-start:2px solid var(--c)}.u-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:9px 0;border-bottom:1px solid var(--border)}.u-row:last-child{border-bottom:0;padding-bottom:0}.u-row:first-child{padding-top:0}.u-row-label{color:var(--text-dim);font-size:15px}.u-row-value{font-weight:600;text-align:end}.u-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--r-pill);border:1px solid var(--c, var(--border-strong));background:var(--c-soft, var(--surface-2));color:var(--text);font-size:14px;line-height:1.25;white-space:nowrap}.u-pill-muted{border-style:dashed;border-color:var(--border);background:none;color:var(--text-dim)}.u-pill-tap{cursor:pointer;font-family:inherit}.u-pill-tap:hover{border-color:var(--c, var(--text-dim))}.u-pill-tap[aria-pressed=true]{background:var(--c, var(--accent));border-color:var(--c, var(--accent));color:#100e22;font-weight:600}.u-pills{display:flex;flex-wrap:wrap;gap:8px}.u-state{text-align:center;color:var(--text-dim);padding:42px 16px;display:grid;justify-items:center;gap:var(--space-3)}.u-state p{margin:0;max-width:34ch}.u-state .title-2{margin:0;color:var(--text)}.u-state .spinner{margin:0}.u-retry{display:inline-flex;align-items:center;gap:8px;width:auto;padding:10px 18px}.u-locked-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.u-anchors{position:sticky;top:var(--top-h);z-index:20;display:flex;gap:6px;margin:0 calc(var(--step) * -1) var(--space-4);padding:10px var(--step);overflow-x:auto;scrollbar-width:none;background:linear-gradient(180deg,var(--bg) 62%,rgba(10,9,24,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.u-anchors::-webkit-scrollbar{display:none}.u-anchor{flex:0 0 auto;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font:inherit;font-size:14px;cursor:pointer;transition:color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.u-anchor[aria-selected=true]{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.u-sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#04030c9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:u-fade var(--dur-2) var(--ease)}.u-sheet{width:100%;max-width:var(--max-width);max-height:86vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1540 0%,var(--bg) 46%);border:1px solid var(--border-strong);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-2);padding:10px var(--step) calc(var(--space-5) + var(--safe-b));animation:u-rise var(--dur-2) var(--ease);outline:none}.u-sheet-grip{width:38px;height:4px;border-radius:var(--r-pill);background:var(--border-strong);margin:0 auto 12px;flex:0 0 auto}.u-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex:0 0 auto}.u-sheet-head .title-2{margin:0}.u-sheet-sub{margin:4px 0 0;color:var(--c, var(--text-dim));font-size:14px}.u-sheet-close{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer}.u-sheet-close:hover{color:var(--text);border-color:var(--border-strong)}.u-sheet-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin-top:var(--space-4)}.u-sheet-foot{flex:0 0 auto;padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--border)}@keyframes u-fade{0%{opacity:0}to{opacity:1}}@keyframes u-rise{0%{transform:translateY(26px);opacity:.4}to{transform:none;opacity:1}}@media(min-width:640px){.u-sheet-wrap{align-items:center}.u-sheet{border-radius:var(--r-lg);border-bottom:1px solid var(--border-strong);max-height:78vh;padding-bottom:var(--space-5)}}@media(prefers-reduced-motion:reduce){.u-sheet-wrap,.u-sheet{animation:none}.u-card-tap:active{transform:none}.u-anchors{scroll-behavior:auto}}.title-3{font-size:16px;font-weight:640;color:var(--accent-2);margin:0 0 8px}.u-note{color:var(--text-dim);font-size:14px;line-height:1.55;margin:var(--space-3) 0 0}.u-fine{color:var(--text-mute);font-size:13px;line-height:1.55;margin:6px 0 0}.u-mech-title{font-weight:600;margin:0 0 4px}.u-mech{color:var(--text-dim);line-height:1.6;margin:0 0 10px}.u-mech b{color:var(--text)}.u-text-section{margin-bottom:var(--space-3)}.u-hint{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-3);align-items:start;margin:0 0 var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--c-soft),transparent 75%),var(--surface);border:1px solid var(--border);border-inline-start:2px solid var(--c);border-radius:var(--r-md);animation:u-hint-in .42s var(--ease) both}.u-hint-icon{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c-soft);color:var(--c)}.u-hint-icon:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--c);opacity:0;animation:u-hint-halo 3.2s ease-in-out .6s infinite}.u-hint-title{margin:0 0 4px;font-weight:640;font-size:15px;line-height:1.3}.u-hint-text{margin:0;color:var(--text-dim);font-size:14px;line-height:1.5}.u-hint-ok{grid-column:2;justify-self:end;margin-top:var(--space-3);min-height:44px;padding:0 var(--space-4);background:transparent;border:1px solid var(--c);border-radius:var(--r-pill);color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur-1) var(--ease)}.u-hint-ok:hover{background:var(--c-soft)}.u-hint-ok:focus-visible{outline:2px solid var(--c);outline-offset:2px}@keyframes u-hint-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes u-hint-halo{0%,to{opacity:0;transform:scale(.9)}50%{opacity:.55;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.u-hint{animation:none}.u-hint-icon:after{animation:none;opacity:0}}[dir=rtl] .u-icon-dir{transform:scaleX(-1)}