@font-face { font-family:'Poiret One'; src:url('/font.ttf') format('truetype'); font-weight:400; font-display:swap; } body { margin:0; background:#0b0b11; color:#f4eee4; } #ybs-first-light .sound-settings { width:100%; border-top:1px solid #332e36; margin-top:18px; padding-top:18px; } #ybs-first-light .sound-settings h3 { font:28px/1.4 'Poiret One',sans-serif; color:#d9b97c; margin:0; } #ybs-first-light .sound-samples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:20px; } #ybs-first-light .sound-samples button { border:1px solid #514333; border-radius:10px; padding:10px 3px; } #ybs-first-light .sound-volume { display:flex; justify-content:space-between; color:#c4beca; font-size:13px; } #ybs-first-light #sound-volume { width:100%; min-height:44px; accent-color:#d9b97c; } #ybs-first-light .ybs-phone { min-height:100svh!important; border-radius:0!important; border:0!important; padding-top:max(24px,env(safe-area-inset-top)); padding-bottom:max(20px,env(safe-area-inset-bottom)); } #ybs-first-light #connection { font:12px/1.5 Arial,sans-serif; color:#cfc2cd; text-align:center; min-height:18px; margin-top:22px; } #ybs-first-light .app-nav { display:flex; justify-content:center; flex-wrap:wrap; } #ybs-first-light .history-list { width:100%; } #ybs-first-light .history-item { display:block; width:100%; text-align:left; padding:18px 0; border:0; border-bottom:1px solid #332e36; background:transparent; color:#d9b97c; } #ybs-first-light .history-item span { display:block; font:24px/1.5 'Poiret One',sans-serif; } #ybs-first-light .history-item time, #ybs-first-light .history-item small { display:block; font:12px/1.6 Arial,sans-serif; color:#c4beca; overflow-wrap:anywhere; } #ybs-first-light .touch-setting { display:flex; align-items:center; gap:12px; padding:20px 0; text-align:left; font:13px/1.6 Arial,sans-serif; color:#c4beca; } #ybs-first-light .touch-setting input { width:22px; height:22px; accent-color:#d9b97c; } #ybs-first-light #wave { fill:none; stroke:#d9b97c; stroke-width:1.2; } #ybs-first-light #wave-glow { fill:none; stroke:#d9b97c; stroke-width:3; filter:blur(4px); opacity:.35; } #ybs-first-light { --ybs-light:#d9b97c; --ybs-glow:rgba(217,185,124,.25); --ybs-night:#0b0b11; --ybs-display:'Poiret One','Segoe UI',Arial,sans-serif; --ybs-pulse:.5; --ybs-duration:8s; --ybs-radius:12px; --ybs-tracking:0px; font-family:Arial,sans-serif; color:#f4eee4; max-width:420px; margin:auto; } #ybs-first-light * { box-sizing:border-box; } #ybs-first-light .ybs-preview { display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; padding:12px 6px; font-size:12px; color:light-dark(#55515a,#bcb8c4); } #ybs-first-light .ybs-replay { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:8px 6px; color:light-dark(#55515a,#bcb8c4); font-size:12px; } #ybs-first-light .ybs-replay select { max-width:100%; background:light-dark(#eeebef,#25222b); color:light-dark(#403947,#ded5e5); border:1px solid light-dark(#d4cbd8,#4c4353); border-radius:8px; padding:10px; min-height:44px; font:inherit; } #ybs-first-light .ybs-market-status { min-height:18px; padding:0 6px 12px; font-size:11px; color:light-dark(#55515a,#bcb8c4); } #ybs-first-light .ybs-phone { position:relative; overflow:hidden; isolation:isolate; border-radius:34px; background:var(--ybs-night); border:1px solid #302c34; min-height:660px; padding:24px; display:flex; flex-direction:column; } #ybs-first-light .ybs-phone:after { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(ellipse at 50% 37%,var(--ybs-glow),transparent 57%); opacity:.6; } #ybs-first-light .ybs-top { display:flex; justify-content:center; align-items:center; min-height:40px; gap:12px; color:#c9c4ce; font-size:12px; letter-spacing:2px; } #ybs-first-light .ybs-lockup { display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:100%; } #ybs-first-light .ybs-brand { flex-shrink:0;color:var(--ybs-light);font:400 38px/1.2 var(--ybs-display);letter-spacing:-1.2px;white-space:nowrap;text-align:left;text-shadow:0 0 14px var(--ybs-glow); } #ybs-first-light .ybs-name { display:flex;align-items:center;gap:5px;color:#fff;white-space:nowrap;font-family:Arial,sans-serif;font-weight:400;letter-spacing:0;text-align:left; } #ybs-first-light .ybs-name-main { font-size:26px;line-height:1; } #ybs-first-light .ybs-name-stack { display:flex;flex-direction:column;font-size:10px;line-height:1.02;letter-spacing:0; } @media (max-width:360px) { #ybs-first-light .ybs-lockup { gap:10px; } #ybs-first-light .ybs-brand { font-size:32px; } #ybs-first-light .ybs-name { gap:4px; } #ybs-first-light .ybs-name-main { font-size:23px; } #ybs-first-light .ybs-name-stack { font-size:9px; } } #ybs-first-light .ybs-top.has-emblem { flex-direction:column;gap:8px;padding-top:13px; } #ybs-first-light .ybs-header-orb { position:relative;width:72px;height:72px;flex-shrink:0; } #ybs-first-light .ybs-header-orb[hidden] { display:none; } #ybs-first-light .ybs-header-orb .ybs-orb { position:absolute;top:0;left:0;margin:0;transform:scale(.48);transform-origin:top left; } #ybs-first-light .ybs-top.has-emblem + .ybs-stage { padding-top:22px; } #ybs-first-light .music-setting { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:13px;color:#c4beca; } #ybs-first-light .music-setting button { color:var(--ybs-light); } #ybs-first-light .ybs-stage { flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; padding-top:42px; } #ybs-first-light .ybs-orb { position:relative; width:150px; height:150px; margin:0 auto 30px; display:grid; place-items:center; } #ybs-first-light .ybs-ring { position:absolute; inset:18px; border-radius:50%; border:1px solid var(--ybs-light); box-shadow:0 0 20px var(--ybs-glow),inset 0 0 20px var(--ybs-glow); opacity:.8; } #ybs-first-light .ybs-ring:nth-child(2) { inset:9px 24px; transform:rotate(47deg); opacity:.3; } #ybs-first-light .ybs-ring:nth-child(3) { inset:24px 9px; transform:rotate(-35deg); opacity:.3; } #ybs-first-light .ybs-core { width:7px; height:7px; border-radius:50%; background:var(--ybs-light); box-shadow:0 0 30px 10px var(--ybs-glow); } #ybs-first-light .ybs-awake .ybs-ring { animation:ybs-breathe var(--ybs-duration) ease-in-out infinite; } #ybs-first-light .ybs-awake .ybs-ring:nth-child(2) { animation-delay:-2.7s; animation-direction:reverse; } #ybs-first-light .ybs-awake .ybs-ring:nth-child(3) { animation-delay:-5.1s; } #ybs-first-light .ybs-awake .ybs-core { animation:ybs-focus var(--ybs-duration) ease-in-out infinite; } @keyframes ybs-breathe { 45% { scale:calc(1 + var(--ybs-pulse)*.12) calc(1 - var(--ybs-pulse)*.07); box-shadow:0 0 30px var(--ybs-glow); } 75% { scale:calc(1 - var(--ybs-pulse)*.07) calc(1 + var(--ybs-pulse)*.08); } } @keyframes ybs-focus { 45% { scale:calc(1 - var(--ybs-pulse)*.45); opacity:.65; } 75% { scale:calc(1 + var(--ybs-pulse)*.35); opacity:1; } } #ybs-first-light .ybs-eyebrow { color:var(--ybs-light); font-size:11px; letter-spacing:2.4px; text-transform:uppercase; margin:0 0 16px; } #ybs-first-light h2 { font-family:var(--ybs-display); font-size:34px; font-weight:400; line-height:1.5; letter-spacing:var(--ybs-tracking); margin:0 0 18px; max-width:330px; color:#f4eee4; text-shadow:0 0 18px var(--ybs-glow); } #ybs-first-light .ybs-copy { color:#b8b3bf; font-size:14px; line-height:1.75; margin:0; max-width:300px; } #ybs-first-light .ybs-actions { width:100%; margin-top:auto; padding-top:30px; } #ybs-first-light button { font:inherit; } #ybs-first-light .ybs-main { position:relative; isolation:isolate; overflow:hidden; min-height:52px; width:100%; background:transparent; color:var(--ybs-light); border:1px solid var(--ybs-light); border-radius:var(--ybs-radius); padding:10px 15px; font-family:var(--ybs-display); font-size:23px; letter-spacing:0; transition:background .35s,box-shadow .35s,transform .2s; } #ybs-first-light .ybs-main:active { transform:scale(.975); } #ybs-first-light .ybs-main:hover { background:var(--ybs-glow); box-shadow:0 0 18px var(--ybs-glow); } #ybs-first-light .ybs-main:after { content:""; position:absolute; pointer-events:none; inset:0; background:linear-gradient(105deg,transparent 25%,var(--ybs-glow),transparent 75%); transform:translateX(-110%); } #ybs-first-light .ybs-main:hover:after { animation:ybs-sweep 1s ease-out; } @keyframes ybs-sweep { to {transform:translateX(110%);} } #ybs-first-light[data-button="wave"] .ybs-main { border-color:transparent; border-radius:0; background:transparent; box-shadow:none; } #ybs-first-light[data-button="wave"] .ybs-main:before { content:""; position:absolute; bottom:1px; left:15%; right:15%; height:1px; background:linear-gradient(90deg,transparent,var(--ybs-light),transparent); box-shadow:0 0 10px var(--ybs-glow); } #ybs-first-light[data-button="filled"] .ybs-main { background:var(--ybs-light); color:#17121b; } #ybs-first-light[data-button="quiet"] .ybs-main { border-color:transparent; } #ybs-first-light .ybs-touch-wave { position:absolute; width:44px; height:44px; margin:-22px 0 0 -22px; border:1px solid var(--ybs-light); border-radius:50%; box-shadow:0 0 18px var(--ybs-glow); opacity:0; z-index:4; pointer-events:none; } #ybs-first-light .ybs-touch-wave.ybs-touching { animation:ybs-touch .7s ease-out; } @keyframes ybs-touch { 0% {opacity:.45;transform:scale(.6);} 100% {opacity:0;transform:scale(6);} } #ybs-first-light .ybs-sub { min-height:44px; background:none; border:0; color:#c4beca; font-size:12px; padding:12px; } #ybs-first-light .ybs-foot { font-size:11px; color:#a39aa9; line-height:1.5; margin-top:20px; text-align:center; } #ybs-first-light .ybs-stage[data-scene="waiting"] .ybs-orb { margin-top:50px; } #ybs-first-light .ybs-stage[data-scene="notice"] .ybs-orb { margin-top:35px; } #ybs-first-light .ybs-notice { text-align:left; background:#25222b; border:1px solid #48404b; border-radius:22px; padding:18px; width:100%; color:#ede8f0; margin-top:14px; } #ybs-first-light .ybs-notice small { display:block; color:var(--ybs-light); font-size:11px; letter-spacing:1.8px; margin-bottom:10px; } #ybs-first-light .ybs-notice strong { display:block; font-weight:500; font-size:16px; margin-bottom:7px; } #ybs-first-light .ybs-notice span { font-size:13px; color:#c1b9c7; line-height:1.5; } #ybs-first-light .ybs-value { font-family:Arial,sans-serif; font-size:12px; color:#bbb2c0; margin:24px 0 5px; letter-spacing:.6px; } #ybs-first-light .ybs-unit { color:#b9b1c1; font-size:12px; margin-bottom:20px; } #ybs-first-light .ybs-timer { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } #ybs-first-light .ybs-wave { width:100%; max-width:300px; height:76px; margin:0 auto; color:var(--ybs-light); opacity:var(--ybs-life,1); transform:scaleY(var(--ybs-amplitude,1)); transition:opacity .4s linear,transform .4s linear; } #ybs-first-light .ybs-wave-svg { display:block; width:100%; height:100%; overflow:visible; } #ybs-first-light .ybs-wave-path { fill:none; stroke:currentColor; stroke-width:var(--ybs-stroke,1.2); vector-effect:non-scaling-stroke; } #ybs-first-light .ybs-wave-aura { fill:none; stroke:currentColor; stroke-width:3; opacity:.35; filter:blur(4px); vector-effect:non-scaling-stroke; } #ybs-first-light .ybs-wave-echo { fill:none; stroke:currentColor; stroke-width:.8; opacity:.3; vector-effect:non-scaling-stroke; } #ybs-first-light .ybs-signal-word { opacity:var(--ybs-ink,1); transition:opacity .4s linear; } #ybs-first-light .ybs-history { width:100%; margin-top:10px; text-align:left; } #ybs-first-light .ybs-history-row { border-bottom:1px solid #302b34; padding:16px 0; font-size:13px; color:#b9b1c1; line-height:1.7; } #ybs-first-light .ybs-history-row strong { color:#f4eee4; font-weight:400; letter-spacing:2px; } #ybs-first-light .ybs-history-row time { display:block; font-size:11px; } #ybs-first-light .ybs-stage[data-scene="signal"] h2 { font-family:var(--ybs-display); font-size:78px; line-height:1.35; letter-spacing:var(--ybs-tracking); margin:0 0 4px; padding:0 14px; } #ybs-first-light .ybs-nav { display:flex; gap:6px; flex-wrap:wrap; padding:12px 0; justify-content:center; } #ybs-first-light .ybs-nav button { min-height:44px; background:light-dark(#eeebef,#25222b); color:light-dark(#403947,#ded5e5); border:1px solid transparent; border-radius:10px; padding:9px 12px; font-size:12px; } #ybs-first-light .ybs-nav button[aria-pressed="true"] { border-color:light-dark(#756044,#d9b97c); } #ybs-first-light button:focus-visible { outline:2px solid var(--ybs-light); outline-offset:4px; } #ybs-first-light[data-motion="off"] .ybs-main:after,#ybs-first-light[data-motion="off"] .ybs-touch-wave { animation:none!important; } #ybs-first-light[data-motion="off"] .ybs-main { transition:none; } @media(prefers-reduced-motion:reduce) { #ybs-first-light .ybs-ring,#ybs-first-light .ybs-core,#ybs-first-light .ybs-main:after,#ybs-first-light .ybs-touch-wave { animation:none!important; } #ybs-first-light .ybs-main,#ybs-first-light .ybs-wave,#ybs-first-light .ybs-signal-word { transition:none; } } @media(max-width:350px) { #ybs-first-light .ybs-phone { padding:22px 18px; } #ybs-first-light h2 { font-size:27px; } } .account-form {width:100%; min-width:0; max-width:100%; display:grid; grid-template-columns:minmax(0,1fr); gap:18px; text-align:left;} .account-form > *, .account-form label, .account-form details {min-width:0;max-width:100%;} .account-form label {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;font-size:13px;} .account-form input, .account-form select {min-width:0;max-width:100%;} .account-form input[type="datetime-local"] {appearance:none;-webkit-appearance:none;min-height:46px;font-size:16px;} .account-form input[type="datetime-local"]::-webkit-date-and-time-value {min-width:0;text-align:left;} .account-form input[type="datetime-local"]::-webkit-datetime-edit {min-width:0;padding:0;} .journal-details[open] > label {margin-top:18px;} .account-form input {width:100%;box-sizing:border-box;padding:13px;border:1px solid #63533b;border-radius:8px;background:#121217;color:#f4eee4;font:inherit;} .account-links {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;} .recovery-code {font-size:13px;line-height:1.6;padding:14px;border:1px solid #63533b;border-radius:8px;max-width:100%;box-sizing:border-box;} .recovery-code code {overflow-wrap:anywhere;user-select:all;} .plan-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0;} .plan-grid label {min-width:0;} .account-form select {width:100%;min-height:44px;background:#121217;color:#f4eee4;border:1px solid #63533b;border-radius:8px;padding:10px;font:inherit;} .plan-assumptions {text-align:left;padding:18px 0;margin-top:12px;} /* owner 06/11: no divider above the assumptions */ .plan-assumptions summary {cursor:pointer;padding:0 0 18px;font-size:14px;} .plan-results {width:100%;margin-top:25px;border-top:1px solid #63533b;padding-top:25px;} .plan-rhythm {margin:24px 0;padding:20px 0;border-top:1px solid #63533b;border-bottom:1px solid #302b24;} /* Owner 05/11/2026: one divider, not two, when the saved assumptions follow the next-step block. */ .plan-rhythm h4 {font-family:var(--ybs-display);font-size:27px;font-weight:400;line-height:1.35;margin:12px 0;color:#dac38e;} #paper-wave {fill:none;stroke:#d6bc7d;stroke-width:1.5;stroke-linecap:round;filter:drop-shadow(0 0 5px #b89c5d);} .plan-results h3 {font-family:var(--ybs-display);font-size:38px;font-weight:400;overflow-wrap:anywhere;margin:12px 0;} .plan-results .plan-money-code {display:inline-block;white-space:nowrap;font:13px/1.5 Arial,sans-serif;vertical-align:middle;color:#c4beca;} .plan-results dl {text-align:left;font-size:13px;} .plan-results dl div {border-bottom:1px solid #302b24;padding:12px 0;display:flex;gap:16px;justify-content:space-between;} .plan-results dd {margin:0;text-align:right;overflow-wrap:anywhere;max-width:55%;} .plan-rhythm dl {margin:12px 0 20px;text-align:left;font:13px/1.6 Arial,sans-serif;} .plan-rhythm dl div {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px 16px;padding:14px 0;border-bottom:1px solid #302b24;} .plan-rhythm dt {min-width:0;color:#bcb6bf;} .plan-rhythm dd {min-width:0;max-width:100%;margin:0;text-align:right;color:#eee3ce;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;} @media(max-width:480px){.plan-rhythm dl div{grid-template-columns:minmax(0,1fr);gap:5px;}.plan-rhythm dd{text-align:left;font-size:15px;}} .plan-scenarios {display:grid;gap:12px;text-align:left;} .plan-scenarios article {display:grid;gap:8px;border:1px solid #63533b;border-radius:10px;padding:16px;} .plan-scenarios span,.plan-scenarios small,.plan-stress {font-size:12px;line-height:1.7;} .plan-scenarios strong {font-size:22px;font-weight:400;overflow-wrap:anywhere;} .plan-benefits {text-align:left;line-height:2;font-size:14px;padding-left:20px;} .app-nav {flex-wrap:wrap;} .plan-horizon {display:grid;gap:9px;margin:4px 0 36px;text-align:center;} .plan-horizon>span:not(.plan-horizon-line) {font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#b5a386;} .plan-horizon time {font:25px/1.5 var(--ybs-display);color:#d9b97c;} .plan-horizon small {font-size:11px;color:#b6aeba;} .plan-horizon-line {display:block;width:115px;height:1px;margin:12px auto 20px;background:linear-gradient(90deg,transparent,#d9b97c,transparent);box-shadow:0 0 16px #d9b97c55;} .plan-intention .plan-currency {display:grid;justify-items:center;gap:10px;margin:0;color:#c4beca;font:13px/1.5 Arial,sans-serif;} .plan-intention .plan-currency select {width:min(100%,240px);background:#17151b;color:#f4eee4;border:1px solid #8d7650;border-radius:8px;padding:12px;min-height:46px;color-scheme:dark;} .plan-intention .plan-currency select:focus-visible {outline:2px solid #d9b97c;outline-offset:3px;} .account-form select {color-scheme:dark;} .account-form select option {background:#121217;color:#f4eee4;} .plan-prompts {display:grid;gap:30px;padding:12px 0;} .plan-prompts label {font:21px/1.5 var(--ybs-display);color:#ded2bd;} .plan-prompts input {font:32px/1.5 var(--ybs-display);border:0;border-bottom:1px solid #63533b;border-radius:0;padding:6px 0;background:linear-gradient(0deg,#d9b97c08,transparent);color:#f4eee4;} .plan-prompts input:focus {outline:1px solid #d9b97c;outline-offset:5px;} .language-picker {display:grid;gap:10px;width:100%;max-width:300px;margin-top:24px;text-align:left;font:13px/1.5 Arial,sans-serif;color:#c4beca;} .language-picker select {width:100%;box-sizing:border-box;min-height:46px;padding:10px;border:1px solid #8d7650;border-radius:8px;background:#17151b;color:#f4eee4;color-scheme:dark;font:13px Arial,sans-serif;} .language-picker option {background:#17151b;color:#f4eee4;} .plan-amount-entry {display:flex;align-items:baseline;gap:8px;min-width:0;} .plan-amount-entry input {min-width:0;flex:1;} .plan-currency-unit {flex-shrink:0;font:13px/1.5 Arial,sans-serif;color:#d9b97c;} @media(max-width:350px){.plan-amount-entry input{font-size:26px;}} .plan-intention .plan-exposure {margin-top:12px;color:#c4beca;} .plan-intention .plan-leverage-note,.plan-intention .plan-assumption-note {margin:0;} .plan-intention .plan-assumptions {margin:8px 0 0;padding-bottom:0;} @media(max-width:350px){.plan-grid{grid-template-columns:1fr;}} @media(max-width:350px){.plan-results dl div{display:grid;grid-template-columns:1fr;gap:6px;}.plan-results dd{text-align:left;max-width:100%;overflow-wrap:normal;}} .paper-panel {margin:26px 0 18px;padding:18px 14px;border:1px solid #77644166;border-radius:12px;background:#d9b97c06;text-align:left;} .paper-panel dl {font:13px/1.6 Arial,sans-serif;margin:14px 0;} .paper-panel dl div {display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #d9b97c14;} .paper-panel dt {color:#bbb5b0;}.paper-panel dd {margin:0;color:#eee3ce;text-align:right;font-variant-numeric:tabular-nums;} .paper-panel .ybs-eyebrow {font-size:10px;letter-spacing:1.6px;} .paper-record {text-align:left;border-bottom:1px solid #d9b97c30;padding:18px 0;font:13px/1.6 Arial,sans-serif;} .paper-record strong {color:#d9b97c;font-weight:400;text-transform:capitalize;}.paper-record time {display:block;color:#a7a1a0;font-size:11px;margin-top:6px;} .paper-record p {margin:8px 0;}.paper-record small {color:#aaa3a0;} @media(max-width:350px){.paper-panel dl div{display:block;}.paper-panel dd{text-align:left;margin-top:5px;}} .plan-journey{margin:12px 0 38px;padding:24px 16px;border:1px solid #bca06a33;border-radius:22px;background:linear-gradient(145deg,#c6a7690c,transparent);text-align:center}.plan-journey h3{font-size:30px;font-weight:400;color:#dfc78e}.journey-path{width:100%;max-width:420px;overflow:visible}.journey-track{stroke:#d6bb7c30;stroke-width:1;fill:none}.journey-travelled{stroke:#d6bb7c;stroke-width:2;fill:none}.journey-now{fill:#ead299;filter:drop-shadow(0 0 6px #d6bb7c)}.journey-end{fill:none;stroke:#d6bb7c}.journey-labels{display:flex;justify-content:space-between;font-size:11px;color:#b6afa1}.journey-stats{display:flex;gap:16px;justify-content:center;margin:24px 0}.journey-stats div{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.journey-stats strong{color:#dfc78e;font-size:20px;overflow-wrap:anywhere}.journey-stats span{font-size:12px;color:#b6afa1}.journey-steps{list-style:none;padding:0;text-align:left}.journey-steps li{position:relative;border-left:1px solid #c6a76955;padding:0 0 22px 20px;margin-left:8px;display:flex;flex-direction:column;gap:5px}.journey-steps li:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#d6bb7c}.journey-steps time,.journey-steps span{font-size:12px;color:#b6afa1}.journey-steps strong{font-size:15px;font-weight:400} #ybs-first-light .history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:8px 0 4px}#ybs-first-light .history-heading h2{margin:0;text-align:left;font-size:38px}#ybs-first-light .history-add{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #c7aa7066;border-radius:999px;padding:11px 15px;background:#c7aa7014;color:#e6cf9a;font:13px Arial,sans-serif;cursor:pointer}#ybs-first-light .history-add b{font-size:20px;font-weight:400}#ybs-first-light .history-add:hover{background:#c7aa7025}#ybs-first-light .history-add:focus-visible,#ybs-first-light .history-signal:focus-visible{outline:2px solid #dfc78e;outline-offset:4px}#ybs-first-light .history-signal span{display:flex;align-items:center;justify-content:space-between}#ybs-first-light .history-signal i{font:24px Arial,sans-serif;color:#bda66a}#ybs-first-light .history-signal:hover{background:#c7aa7009}#ybs-first-light .journal-note{margin:26px 0;text-align:left;color:#9e98a3;font:12px/1.6 Arial,sans-serif}#ybs-first-light #journal-form{padding:20px 16px;border:1px solid #c7aa7040;border-radius:18px;scroll-margin-top:16px} #ybs-first-light .journal-edit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:#d9b97c;font-size:13px} #ybs-first-light .journal-edit-heading time{text-align:right;color:#c4beca;font-size:12px;line-height:1.5} #ybs-first-light .journal-edit-heading time small{display:block;color:#a39caa;font-size:10px} #ybs-first-light .account-form input.journal-suggested{color:#a39caa;background:#d9b97c08;border-color:#63533b80} #ybs-first-light .journal-suggestion-note{color:#a39caa;font-size:11px;line-height:1.5;margin:0} .plan-exposure select.leverage-caution,.plan-exposure select option.leverage-caution {color:#918777;background:#111115;border-color:#39352f;} .plan-intention fieldset.plan-exposure {border:0;padding:0;margin:12px 0 0;min-width:0;text-align:left;} .plan-exposure legend {padding:0 0 10px;color:#bdb6aa;font-size:13px;} .leverage-picker {border:1px solid #63533b;border-radius:16px;background:linear-gradient(135deg,#211d18,#111116);overflow:hidden;} .leverage-picker summary {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;min-height:26px;list-style:none;cursor:pointer;color:#e6dbca;font-size:14px;} .leverage-picker summary::-webkit-details-marker {display:none;} .leverage-picker summary>span:last-child {color:#c4a86a;transition:transform .2s;} .leverage-picker[open] summary>span:last-child {transform:rotate(180deg);} .leverage-options {padding:5px 10px 10px;border-top:1px solid #40372a;} .account-form .leverage-choice {display:flex;flex-direction:row;align-items:center;gap:14px;min-height:52px;padding:7px 10px;border-radius:10px;cursor:pointer;} .leverage-choice span {display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;} .leverage-choice strong {font-weight:400;font-size:18px;} .leverage-choice small {font-size:12px;color:#aaa295;} .account-form .leverage-choice input {appearance:none;width:16px;height:16px;min-height:16px;padding:0;margin:0;border:1px solid #6f6147;border-radius:50%;background:transparent;flex:0 0 16px;} .account-form .leverage-choice input:checked {border-color:#d0b575;background:#d0b575;box-shadow:inset 0 0 0 4px #1c1915,0 0 10px #d0b57530;} .leverage-choice:has(input:checked) {background:#c9ad7310;color:#e2c995;} .leverage-picker .leverage-caution,.leverage-picker .leverage-caution small {color:#898276;} .leverage-picker summary:focus-visible,.leverage-choice:focus-within {outline:1px solid #d0b575;outline-offset:-3px;} .leverage-picker .leverage-choice.leverage-caution {color:#898276;} #ybs-first-light .app-nav button[aria-current="page"] {color:var(--ybs-light);text-shadow:0 0 12px var(--ybs-glow);} .history-toggle {margin:12px auto;} .saved-plan-controls {margin-top:32px;} .journey-value {display:grid;gap:7px;margin:24px 0 4px;}.journey-value>strong {font:400 36px/1.2 var(--ybs-display);color:#ead299;overflow-wrap:anywhere;}.journey-value>span,.journey-share>span {font:12px/1.6 Arial,sans-serif;color:#b6afa1;}.journey-share {color:#e6cc92;font-size:24px;margin:4px 0;}.journey-share>span {display:block;}.journey-milestone {fill:#9e9584;font:8px Arial,sans-serif;}.journey-value-path .journey-travelled {transition:stroke-dasharray 1s ease;}.journey-explanation,.journey-recent {text-align:left;margin:20px 0;color:#bdb39f;font-size:12px;}.journey-recent .journey-steps {margin-top:20px;}.journey-beacon {animation:journey-glow 3s ease-in-out infinite;}@keyframes journey-glow {50% {filter:drop-shadow(0 0 9px #eed59a);}}@media(prefers-reduced-motion:reduce){.journey-beacon{animation:none;}.journey-value-path .journey-travelled{transition:none;}} .app-nav button[hidden]{display:none!important}.app-nav{flex-wrap:wrap} /* Release the wave as exhalation begins; the source contracts while energy travels. */ .journey-flow{pointer-events:none} .journey-flow path{fill:none;stroke-linecap:round} .journey-breath-halo,.journey-breath-line{animation:journey-breathe 10.5s ease-in-out infinite;animation-delay:var(--journey-phase,0ms);opacity:0} .journey-breath-halo{stroke:#d4b779;stroke-width:5;filter:blur(4px)} .journey-breath-line{stroke:#dec58d;stroke-width:1.2} .journey-energy-halo{stroke:#f3ce7f;stroke-width:9;filter:blur(3px)} .journey-energy-core{stroke:#fff0bf;stroke-width:2.8} .journey-energy-front{opacity:0;animation:journey-energy 10.5s linear infinite;animation-delay:var(--journey-phase,0ms)} /* Route light rises, crests, and settles back as the faster wave reaches the goal. */ @keyframes journey-breathe{0%,23%{opacity:0}29.153846%{opacity:.20}46.076923%,100%{opacity:0}} @keyframes journey-energy{0%,22.99%{transform:translateX(var(--energy-start));opacity:0}23%{transform:translateX(var(--energy-start));opacity:1}46.076923%{transform:translateX(280px);opacity:1}49.923077%,100%{transform:translateX(300px);opacity:0}} .journey-value-path .journey-beacon{transform-box:fill-box;transform-origin:center;animation:journey-source-breath 10.5s ease-in-out infinite;animation-delay:var(--journey-phase,0ms)} .journey-source-halo{fill:#e5c98b;filter:blur(4px);pointer-events:none;transform-box:fill-box;transform-origin:center;opacity:0;animation:journey-source-aura 10.5s ease-in-out infinite;animation-delay:var(--journey-phase,0ms)} @keyframes journey-source-breath{0%,31%,100%{transform:scale(1);filter:drop-shadow(0 0 6px #d6bb7c)}18%,23%{transform:scale(1.65);filter:drop-shadow(0 0 13px #ffe6ac)}} @keyframes journey-source-aura{0%,31%,100%{transform:scale(1);opacity:0}18%,23%{transform:scale(1.9);opacity:.45}} @media(prefers-reduced-motion:reduce){.journey-flow,.journey-source-halo{display:none}.journey-flow *,.journey-source-halo{animation:none}.journey-value-path .journey-beacon{animation:none;transform:none}} /* Acknowledgement light only appears after the server accepts participation. */ .confirmation-saving{opacity:.65;transition:opacity .18s;cursor:wait} .confirmation-receipt{width:100%;padding-top:35px;position:relative} #ybs-first-light .confirmation-receipt .ybs-orb{animation:confirmation-breathe 1.1s ease-out both} #ybs-first-light .confirmation-receipt h2{margin:0 auto 18px;color:var(--ybs-light)} .confirmation-receipt:after{content:"";display:block;height:1px;width:70%;margin:26px auto;background:linear-gradient(90deg,transparent,#e4cc92,transparent);animation:confirmation-light 1.1s ease-out both} @keyframes confirmation-breathe{0%{transform:scale(.97);opacity:.65}40%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}} @keyframes confirmation-light{0%{transform:scaleX(.2);opacity:0}45%{opacity:.8}100%{transform:scaleX(1);opacity:0}} .confirmation-error{color:#e0b8a4!important} @media(prefers-reduced-motion:reduce){#ybs-first-light .confirmation-receipt .ybs-orb,.confirmation-receipt:after{animation:none}.confirmation-receipt:after{display:none}} #ybs-first-light .saved-feedback{position:fixed;z-index:30;left:50%;bottom:max(100px,calc(env(safe-area-inset-bottom) + 80px));transform:translateX(-50%);max-width:calc(100vw - 64px);padding:14px 26px;border:0;border-radius:24px;background:transparent;isolation:isolate;color:#e4cc92;font:14px/1.4 Arial,sans-serif;text-shadow:0 1px 5px #09090d;pointer-events:none;text-align:center;animation:saved-arrival .3s ease-out} .saved-feedback:after{content:"";display:block;height:1px;margin-top:9px;background:linear-gradient(90deg,transparent,#e4cc92,transparent);animation:confirmation-light 1s ease-out both} @keyframes saved-arrival{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}} @media(prefers-reduced-motion:reduce){#ybs-first-light .saved-feedback,.saved-feedback:after{animation:none}.saved-feedback:after{display:none}} .saved-feedback:before{content:"";position:absolute;z-index:-1;inset:-12px -24px;pointer-events:none;background:radial-gradient(ellipse at center,#19171cf2 0%,#19171cda 32%,#b89b6414 58%,transparent 76%);filter:blur(7px)} #ybs-first-light .app-nav button{transition:color .22s ease,text-shadow .22s ease,transform .15s ease} #ybs-first-light .app-nav button:active{transform:scale(.96)} #ybs-first-light .history-signal{transition:background-color .18s ease} #ybs-first-light .history-signal:active{background-color:#c7aa7015} @media(prefers-reduced-motion:reduce){#ybs-first-light .app-nav button,#ybs-first-light .history-signal{transition:none}#ybs-first-light .app-nav button:active{transform:none}} .welcome-preferences {margin:22px auto 0;max-width:300px;color:#bcb4a6;font:13px/1.6 Arial,sans-serif;} .welcome-preferences > summary {cursor:pointer;list-style:none;text-align:center;} .welcome-preferences > summary::after {content:' ⌄';color:#bda56f;} #plan-explore[hidden] {display:none;} #stage[data-scene=settings] [data-action=onboarding-account], #stage[data-scene=settings] [data-action=close] {display:block;width:fit-content;max-width:100%;margin:24px auto 12px;padding:16px 8px 8px;border:0;border-top:1px solid rgba(189,165,111,.14);background:none;box-shadow:none;color:#a8a19a;font:13px/1.6 Arial,sans-serif;} #ybs-first-light .ybs-main:is(.onboarding-skip,[data-action="logout"]) {display:block;width:fit-content;max-width:100%;margin:12px auto 0;padding:12px 16px;border:0;background:none;box-shadow:none;color:#a8a19a;font:13px/1.6 Arial,sans-serif;min-height:44px;} #ybs-first-light .ybs-main:is(.onboarding-skip,[data-action="logout"])::after {display:none;} #ybs-first-light .ybs-main:is(.onboarding-skip,[data-action="logout"]):hover {color:#d7c49d;} #ybs-first-light[data-button] .ybs-main:is(.onboarding-skip,[data-action="logout"])::before {display:none;} #ybs-first-light #reset-flow [hidden]{display:none!important;} #ybs-first-light .reset-error{color:#e5b4a3;font:13px/1.6 Arial,sans-serif;margin:8px 0;text-align:left;} #ybs-first-light .reset-error:empty{display:none;} #ybs-first-light .account-delete{max-width:420px;margin:28px auto;text-align:left;} #ybs-first-light .account-delete summary{color:#a8a19a;font:13px/1.6 Arial,sans-serif;cursor:pointer;} #ybs-first-light .deletion-billing-ack{display:flex;align-items:flex-start;gap:10px;font:13px/1.6 Arial,sans-serif;} #ybs-first-light .deletion-billing-ack input{width:18px;min-width:18px;height:18px;accent-color:#cbb27b;margin-top:3px;} #ybs-first-light .deletion-cancel-link{color:inherit;text-decoration:underline;text-underline-offset:3px;} /* Secondary brand presence outside Stillness; retain original typefaces. */ #ybs-first-light .ybs-top.brand-compact { min-height:30px; } #ybs-first-light .ybs-top.brand-compact .ybs-brand { font-size:26px;letter-spacing:-.8px;text-shadow:none; } #ybs-first-light .ybs-top.brand-compact .ybs-name-main { font-size:18px; } #ybs-first-light .ybs-top.brand-compact .ybs-name-stack { font-size:8px; } #ybs-first-light .ybs-top.brand-compact .ybs-name { gap:4px; } #ybs-first-light .ybs-top.brand-compact.has-emblem { padding-top:0;gap:6px; } #ybs-first-light .ybs-top.brand-compact + .ybs-stage { padding-top:20px; } /* Shared disclosure control: drawn chevron avoids iOS emoji/native markers. */ #ybs-first-light details > summary { display:flex;align-items:center;justify-content:space-between;gap:16px; min-height:44px;padding:10px 0;list-style:none;cursor:pointer; color:#bcb4a6;font:400 13px/1.6 Arial,sans-serif;text-align:left; } #ybs-first-light details > summary::-webkit-details-marker { display:none; } #ybs-first-light details > summary::marker { content:''; } #ybs-first-light details > summary::after { content:'';display:block;flex:0 0 6px;width:6px;height:6px; margin:0 5px 3px 8px;border:solid #bda56f;border-width:0 1px 1px 0; transform:rotate(45deg);background:none; } #ybs-first-light details[open] > summary { color:#d9b97c; } #ybs-first-light details[open] > summary::after { transform:rotate(225deg);margin-bottom:-3px; } #ybs-first-light details > summary:focus-visible { outline:1px solid #bda56f;outline-offset:3px;border-radius:3px; } #ybs-first-light details:not(.leverage-picker) { width:100%; } #ybs-first-light .leverage-picker > summary { padding:17px 18px;color:#e6dbca;font-size:14px; } #ybs-first-light .leverage-picker > summary > span:last-child { display:none; } /* Owner 05/11/2026: the account email stands out from the lines around it. */ #ybs-first-light .account-email{color:#f4eee4;font-size:19px;font-weight:600;letter-spacing:.2px;line-height:1.4;margin:0 0 12px;max-width:100%;overflow-wrap:anywhere;} /* Copy review 05/11/2026: keep the five tabs on one line at phone width (Vietnamese labels are longer). */ @media (max-width:420px){#ybs-first-light .app-nav .ybs-sub{padding-left:7px;padding-right:7px}} /* Owner 05/11/2026: the personal amount sits below a divider, shown only when the person asks. */ #ybs-first-light .step-size{border-top:1px solid #63533b;margin-top:16px;padding-top:14px;width:100%} #ybs-first-light .step-size h3{font:400 24px/1.3 var(--ybs-display);color:#e8c98e;margin:6px 0} /* Sign in with Apple (06/11/2026): white style for dark backgrounds, per Apple's Human Interface Guidelines. */ .apple-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin:6px 0 4px;padding:0 18px;border:0;border-radius:12px;background:#fff;color:#000;font:600 19px/1 -apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;letter-spacing:-.01em;cursor:pointer} .apple-button:disabled{opacity:.6;cursor:default} .apple-button:focus-visible{outline:2px solid #d9b97c;outline-offset:3px} .apple-logo{width:17px;height:21px;fill:currentColor;flex:none;margin-top:-3px} .auth-or{margin:18px 0 6px;text-align:center;color:#9a93a0;font-size:14px}