/* Yours: Qiv's Privacy Policy, then Harbor's Day and Night looks on the home screen. */
.app-yours > * { position: absolute; left: 0; top: 0; }
.yo-priv { width: 393px; height: 886px; background: #f2f2f7; }
.yo-priv > * { position: absolute; }
.yo-sb { left: 0; top: 0; width: 393px; height: 50px; }
/* reading down the policy: the text scrolls under the bar, which keeps its place */
.yo-priv::after { content: ""; position: absolute; left: 0; top: 0; width: 393px; height: 100px; z-index: 1; background: rgba(242, 242, 247, 0.96); box-shadow: 0 0.5px 0 rgba(60, 60, 67, calc(var(--scroll, 0) / 64 * 0.29)); }
.yo-priv .yo-sb, .yo-priv .yo-done, .yo-priv .yo-pt { z-index: 2; }
.yo-eff, .yo-intro, .yo-h, .yo-li, .yo-h2, .yo-li2 { translate: 0 calc(var(--scroll, 0) * -1px); }
.yo-done { top: 62px !important; left: 18px; }
.yo-pt { top: 62px !important; }
.yo-eff { left: 20px; right: 20px; top: 108px; font-size: 12.5px; line-height: 1.35; color: #6d6d72; }
.yo-intro { left: 20px; right: 20px; top: 150px; font-size: 15px; line-height: 1.42; color: #1c1c1e; }
.yo-h { left: 20px; top: 290px; font-size: 20px; font-weight: 700; }
.yo-li { position: absolute; left: 20px; right: 20px; font-size: 15px; line-height: 1.42; color: #3a3a3c; padding-left: 14px; }
.yo-li:nth-of-type(3) { top: 326px; } .yo-li:nth-of-type(4) { top: 392px; } .yo-li:nth-of-type(5) { top: 478px; } .yo-li:nth-of-type(6) { top: 544px; }
.yo-li::before { content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: #3a3a3c; }
.yo-li b { font-weight: 650; color: #1c1c1e; }
.yo-li span { position: relative; }
.yo-mark { position: absolute; left: 10px; top: 1px; width: 340px; height: 22px; border-radius: 4px; background: rgba(71, 179, 138, 0.28); transform-origin: 0 50%; transform: scaleX(0); }
.yo-h2 { left: 20px; top: 626px; font-size: 20px; font-weight: 700; }
.yo-li2 { left: 20px; right: 20px; top: 660px; font-size: 15px; line-height: 1.42; color: #3a3a3c; }
.yo-home { width: 393px; height: 886px; opacity: 0; }
.yo-home > * { position: absolute; left: 0; top: 0; }
.yo-mesh { inset: 0; width: 393px; height: 886px; }
.yo-brand { left: 20px; top: 60px; width: 36px; height: 36px; border-radius: 10px; }
.yo-title { left: 64px; top: 57px; }
.yo-sub { left: 65px; top: 86px; }
.yo-gear { left: 290px; top: 58px; width: 40px; height: 40px; border-radius: 20px; }
.yo-moon { left: 337px; top: 58px; width: 40px; height: 40px; border-radius: 20px; transform-origin: 50% 50%; }
.yo-dots { left: 172px; top: 110px; width: 49px; height: 12px; border-radius: 6px; }
.yo-hero { left: 16px; top: 126px; width: 361px; height: 238px; border-radius: 26px; overflow: hidden; }
.yo-rail { left: 16px; top: 376px; width: 361px; height: 44px; }
.yo-c1 { left: 16px; top: 432px; width: 361px; height: 164px; border-radius: 26px; overflow: hidden; }
.yo-c2 { left: 16px; top: 608px; width: 361px; height: 106px; border-radius: 26px; overflow: hidden; }
.yo-new { left: 20px; top: 738px; width: 353px; height: 52px; border-radius: 26px; }
.yo-dock { left: 18px; top: 806px; width: 357px; height: 64px; border-radius: 32px; }
.yo-lens { left: 27px; top: 812px; width: 75px; height: 52px; border-radius: 26px; }
.yo-tab { top: 808px !important; width: 85px; height: 60px; }
.yo-nightwrap { width: 393px; height: 886px; visibility: hidden; }
.yo-nightwrap .yo-home { opacity: 1; }
/* Night: "Quiet ink" — charcoal paper, lifted ink, emerald kept for money */
.yo-night { --q-text: #e9eef1; --q-muted: #949fa8; --q-faint: #6b7882; --q-em: #47b38a; --q-em2: #7ad1ad; --q-owing: #e66b66; --q-mid: #b3c0c9; color: #e9eef1; background: #0d0e10; }
.yo-night .qmesh { background: radial-gradient(120% 70% at 0% 0%, #1a2a24 0%, rgba(26, 42, 36, 0) 55%), linear-gradient(180deg, #121418, #07080a); }
.yo-night .qcirc { background: rgba(255, 255, 255, 0.08); color: #e9eef1; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
.yo-night .qhero { background: linear-gradient(150deg, #090a0c 0%, #0f1c19 52%, #1d4a3d 100%); }
.yo-night .qcard-box { background: #202428; box-shadow: inset 0 0 0 2.25px rgba(255, 255, 255, 0.06); }
.yo-night .qc-pills i { background: rgba(255, 255, 255, 0.07); color: #b3c0c9; }
.yo-night .qc-pills .qc-p1 { background: rgba(71, 179, 138, 0.16); color: #7ad1ad; }
.yo-night .qc[data-s="quoted"] .qc-chip { color: #7ad1ad; background: rgba(71, 179, 138, 0.16); }
.yo-night .qrl-seg { background: rgba(255, 255, 255, 0.07); }
.yo-night .qbtn-dark { background: linear-gradient(180deg, #e9eef1, #cdd5da); color: #0d0e10; }
.yo-night .qdock { background: rgba(32, 36, 40, 0.92); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06); }
.yo-night .qtab { color: color-mix(in srgb, #47b38a calc(var(--on, 0) * 100%), #7c8790); }
.yo-night .qdots { background: rgba(255, 255, 255, 0.08); }
.yo-night .qbrand { box-shadow: none; }