/* ---- phone screens ---- */
#included .rest-menu .chips { margin: 4px 0 18px; }
#included .rest-sec { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 2px; }
#included .m-list .li { align-items: flex-start; padding: 14px 0; }
#included .m-th { width: 80px; height: 80px; border-radius: 12px; flex: none; }
#included .m-pr { margin-top: 6px; }
#included .m-add { width: 32px; height: 32px; border-radius: 50%; background: var(--ac); color: #fff; display: grid; place-items: center; align-self: center; flex: none; }
#included .m-add .i { width: 16px; height: 16px; }
#included .m-bar { position: absolute; left: 12px; right: 12px; bottom: 95px; height: 60px; padding: 0 10px 0 18px; border-radius: 16px; background: var(--ac); color: #fff; display: flex; align-items: center; gap: 12px; z-index: 29; box-shadow: 0 10px 24px rgba(0,0,0,.18); }
#included .m-bar .sec { color: rgba(255,255,255,.75); }
#included .m-bag { position: relative; width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,.16); display: grid; place-items: center; }
#included .m-bag .i { width: 22px; height: 22px; }
#included .m-bag [data-b] { position: absolute; top: 4px; right: 4px; min-width: 16px; height: 16px; border-radius: 8px; background: #fff; color: var(--ac); font-size: 11px; line-height: 16px; text-align: center; font-weight: 700; }
#included .rb-pick { display: flex; align-items: center; gap: 12px; margin: 8px 16px 6px; padding: 12px 14px; border-radius: 14px; background: var(--card); }
#included .rb-pick > .i { color: var(--ac); }
#included .rb-list .li { padding: 14px 0; }
#included .rb-th { width: 64px; height: 64px; border-radius: 12px; flex: none; }
#included .rb-r { flex: none; align-items: flex-end; gap: 8px; }
#included .rb-q { display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 8px; border-radius: 15px; box-shadow: inset 0 0 0 1px var(--sep); font-size: 15px; }
#included .rb-q .i { width: 13px; height: 13px; color: var(--ac); }
#included .rb-sum { margin-top: 10px; padding-top: 14px; box-shadow: inset 0 .8px 0 var(--sep); display: grid; gap: 8px; margin-left: 16px; margin-right: 16px; padding-left: 0; padding-right: 0; }
#included .rb-sum p { display: flex; justify-content: space-between; font-size: 15px; }
#included .rb-sum p.t-hl { font-size: 17px; }
#included .ps { background: #fff; color: #000; border-radius: 38px 38px 0 0; padding: 0 0 34px; --sub: rgba(60,60,67,.6); --ter: rgba(60,60,67,.3); --sep: rgba(60,60,67,.2); }
#included .ps .grab { display: none; }
#included .ps-h { display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 10px 24px; }
#included .ps-logo { font-size: 24px; font-weight: 600; letter-spacing: -.5px; }
#included .ps-row { position: relative; display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 10px 20px 10px 24px; }
#included .ps-row::before { content: ""; position: absolute; top: 0; left: 24px; right: 0; height: .8px; background: var(--sep); }
#included .ps-row .chev { width: 14px; height: 14px; color: #c4c4c7; flex: none; }
#included .ps-l { width: 64px; flex: none; align-self: flex-start; padding-top: 2px; }
#included .ps-cardart { width: 46px; height: 30px; border-radius: 5px; background: #1D2B3A; flex: none; position: relative; box-shadow: inset 0 0 0 .5px rgba(255,255,255,.2); }
#included .ps-cardart i { position: absolute; left: 6px; bottom: 6px; width: 12px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.6); }
#included .ps-cardart.sm { width: 36px; height: 24px; border-radius: 4px; }
#included .ps-tot { min-height: 70px; }
#included .ps-amt { font-size: 28px; font-weight: 600; letter-spacing: .3px; }
#included .ps-fid { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 0 4px; }
#included .rd-hero { padding-top: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
#included .rd-ok { width: 56px; height: 56px; border-radius: 50%; background: var(--ac); color: #fff; display: grid; place-items: center; margin-bottom: 10px; }
#included .rd-ok .i { width: 30px; height: 30px; }
#included .rd-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin: 20px 0 22px; }
#included .rd-st i { display: block; height: 4px; border-radius: 2px; background: var(--fill); }
#included .rd-st.on i { background: var(--ac); }
#included .rd-st small { display: block; margin-top: 6px; font-size: 13px; color: var(--sub); }
#included .rd-st.on small { color: var(--ink); font-weight: 600; }
#included .rd-card { margin: 0 16px; padding: 16px; border-radius: 16px; background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,.05); }
#included .rd-card .row { align-items: flex-start; }
#included .rd-n { display: flex; align-items: center; }
#included .rd-n [data-b] { font-size: 34px; line-height: 40px; font-weight: 700; letter-spacing: .3px; }
#included .rd-n .star .i { width: 22px; height: 22px; }
#included .rd-bar { height: 8px; border-radius: 4px; background: var(--fill); margin: 12px 0 8px; overflow: hidden; }
#included .rd-bar i { display: block; height: 100%; border-radius: 4px; background: var(--ac); transform-origin: 0 50%; }
#included .rd-h { margin: 24px 0 2px; }
#included .rd-list .li { padding: 12px 0; }
#included .rd-th { width: 56px; height: 56px; border-radius: 50%; flex: none; }
#included .rd-list .t-hl { display: flex; align-items: center; }
#included .rd-away { background: var(--fill); color: var(--sub); flex: none; }
#included .rest-done .btn.sm { flex: none; }
#included .st-sign { background: #000; }
#included .st-hero { position: absolute; inset: 0; width: 100%; height: 100%; }
#included .st-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 62%; background: linear-gradient(180deg, rgba(5,8,15,0), rgba(5,8,15,.86) 42%, #05080f 70%); }
#included .st-in { position: absolute; left: 24px; right: 24px; bottom: 44px; display: flex; flex-direction: column; color: #fff; }
#included .st-mark { width: 56px; height: 56px; border-radius: 14px; background: var(--ac); display: grid; place-items: center; margin-bottom: 18px; }
#included .st-mark .i { width: 32px; height: 32px; }
#included .st-line { color: rgba(235,235,245,.7); margin: 8px 0 28px; max-width: 300px; }
#included .st-in .btn + .btn { margin-top: 12px; }
#included .st-g { color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
#included .st-mail { text-align: center; margin: 18px 0 14px; font-weight: 600; }
#included .st-legal { text-align: center; color: rgba(235,235,245,.45); }
#included .st-sum { background: var(--bg); }
#included .st-top { display: flex; align-items: flex-end; gap: 10px; padding-top: 8px; padding-bottom: 14px; }
#included .st-top .ucap { font-size: 13px; font-weight: 600; }
#included .st-plus { display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 12px; border-radius: 15px; background: var(--ac2); color: #0B1220; font-size: 14px; font-weight: 600; margin-bottom: 6px; flex: none; }
#included .st-plus .i { width: 15px; height: 15px; }
#included .st-av { width: 36px; height: 36px; font-size: 13px; background: #26324a; color: #fff; margin-bottom: 3px; }
#included .st-card { margin: 0 16px 10px; padding: 14px 16px; border-radius: 16px; background: var(--card); }
#included .st-streak { display: flex; align-items: center; gap: 12px; }
#included .st-streak .col { flex: none; }
#included .st-days { flex: 1; display: flex; justify-content: flex-end; gap: 6px; }
#included .st-d { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 600; color: var(--sub); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.12); }
#included .st-d.on { background: var(--ac); color: #fff; box-shadow: none; }
#included .st-d .i { width: 14px; height: 14px; }
#included .st-d.now { color: #fff; box-shadow: inset 0 0 0 1.5px var(--ac); }
#included .st-rings { display: grid; grid-template-columns: repeat(3, 1fr); padding: 16px 8px 14px; }
#included .st-ring { display: flex; flex-direction: column; align-items: center; gap: 2px; }
#included .st-rg { position: relative; width: 60px; height: 60px; margin-bottom: 6px; }
#included .st-rg svg:not(.i) { width: 60px; height: 60px; display: block; fill: none; stroke-width: 6; stroke-linecap: round; }
#included .st-rg .tr { stroke: rgba(255,255,255,.1); }
#included .st-rg .pg { stroke: var(--ac); }
#included .st-rg .i { position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; color: var(--ac); }
#included .st-ring [data-b] { font-size: 17px; font-weight: 600; }
#included .st-ring small { font-size: 12px; color: var(--sub); }
#included .st-steps .row { align-items: flex-start; }
#included .st-big { font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: .3px; }
#included .st-avg { margin-top: 2px; }
#included .st-bars { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; height: 92px; margin-top: 10px; }
#included .st-b { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 6px; position: relative; }
#included .st-b i { width: 100%; max-height: 66px; min-height: 4px; border-radius: 4px; background: rgba(59,130,246,.35); transform-origin: 50% 100%; }
#included .st-b.on i { background: var(--ac); }
#included .st-b small { font-size: 11px; color: var(--sub); line-height: 13px; }
#included .st-b.on small { color: var(--ink); font-weight: 600; }
#included .st-next { display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; }
#included .st-cth { width: 64px; height: 64px; border-radius: 10px; flex: none; }
#included .st-next .ucap { font-size: 11px; line-height: 13px; font-weight: 600; letter-spacing: .3px; margin-bottom: 2px; }
#included .st-next .btn { flex: none; }
#included .st-pw .sh { background: #0B1220; }
#included .st-pwtop { position: relative; height: 300px; }
#included .st-pwimg { width: 100%; height: 100%; }
#included .st-pwfade { position: absolute; left: 0; right: 0; bottom: 0; height: 110px; background: linear-gradient(180deg, rgba(11,18,32,0), #0B1220); }
#included .st-x { position: absolute; top: 14px; right: 14px; background: rgba(0,0,0,.4); color: #fff; }
#included .st-pwb { padding: 0 20px; margin-top: -18px; position: relative; }
#included .st-bens { display: grid; gap: 14px; margin: 18px 0 20px; }
#included .st-ben { display: flex; align-items: center; gap: 14px; }
#included .st-ben .i { width: 24px; height: 24px; color: var(--ac2); }
#included .st-plan { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 14px; background: var(--card); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); margin-bottom: 10px; }
#included .st-plan.on { box-shadow: inset 0 0 0 2px var(--ac); }
#included .st-radio { width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.3); display: grid; place-items: center; flex: none; }
#included .st-plan.on .st-radio { background: var(--ac); box-shadow: none; }
#included .st-radio .i { width: 13px; height: 13px; }
#included .st-save { flex: none; height: 24px; padding: 0 9px; border-radius: 12px; background: var(--ac2); color: #0B1220; font-size: 12px; line-height: 24px; font-weight: 700; }
#included .st-cta { width: 100%; margin-top: 8px; }
#included .st-fine { text-align: center; margin-top: 10px; }
#included .st-links { text-align: center; color: var(--ter); margin-top: 6px; }
#included .sal-date .nb, #included .sal-conf .nb { padding-left: 4px; }
#included .sal-ttl { margin: 2px 0 14px; }
#included .sal-svc { display: flex; align-items: center; gap: 12px; margin: 0 16px; padding: 10px; border-radius: 14px; background: var(--card); box-shadow: 0 1px 3px rgba(34,26,38,.06), inset 0 0 0 .5px rgba(34,26,38,.06); }
#included .sal-th { width: 52px; height: 52px; border-radius: 10px; flex: none; }
#included .sal-svc .acc { padding-right: 6px; }
#included .sal-stys { display: flex; gap: 16px; padding: 18px 16px 6px; }
#included .sal-sty { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 56px; }
#included .sal-sty .av { width: 54px; height: 54px; font-size: 17px; background: var(--ac2); color: var(--ac); }
#included .sal-sty .sal-any { background: transparent; box-shadow: inset 0 0 0 1px var(--sep); color: var(--sub); }
#included .sal-any .i { width: 24px; height: 24px; }
#included .sal-sty.on .av { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--ac); }
#included .sal-sty small { font-size: 13px; color: var(--sub); }
#included .sal-sty.on small { color: var(--ink); font-weight: 600; }
#included .sal-mh { display: flex; justify-content: space-between; align-items: center; margin: 14px 0 6px; }
#included .sal-arr { display: flex; gap: 18px; color: var(--ac); }
#included .sal-arr .i { width: 18px; height: 18px; }
#included .sal-wd, #included .sal-cal { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; }
#included .sal-wd span { font-size: 12px; color: var(--sub); line-height: 22px; }
#included .sal-cal { row-gap: 2px; }
#included .sal-cal span { justify-self: center; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; font-size: 17px; font-variant-numeric: tabular-nums; }
#included .sal-cal .past { color: var(--ter); }
#included .sal-cal .ok { background: var(--tint); }
#included .sal-cal .na { color: var(--sub); text-decoration: line-through; }
#included .sal-cal .today { color: var(--ac); font-weight: 600; }
#included .sal-cal .sel { background: var(--ac); color: #fff; font-weight: 600; }
#included .sal-slots { display: flex; gap: 8px; overflow: hidden; padding: 14px 16px 0; }
#included .sal-slot { flex: none; height: 38px; padding: 0 14px; border-radius: 19px; display: grid; place-items: center; font-size: 15px; box-shadow: inset 0 0 0 1px var(--sep); }
#included .sal-slot.on { box-shadow: inset 0 0 0 2px var(--ac); color: var(--ac); font-weight: 600; background: var(--tint); }
#included .sal-dock p { display: flex; justify-content: space-between; margin-bottom: 10px; }
#included .sal-conf { background: #F4EFF3; }
#included .sal-g1 { margin-top: 6px; }
#included .sal-svc2 { padding: 10px 16px; }
#included .sal-conf .grp .li .i.acc { width: 22px; height: 22px; }
#included .sal-conf .grp { --sep-x: 16px; }
#included .sal-gh { margin-top: 22px; }
#included .sal-g3 { margin-top: 20px; }
#included .sal-conf .grp-f { padding-top: 8px; }
#included .cal-app { --ac: #007AFF; background: #fff; color: #000; }
#included .cal-wk { display: grid; grid-template-columns: repeat(7, 1fr); padding: 0 8px; text-align: center; }
#included .cal-wk small { display: block; font-size: 11px; line-height: 13px; color: var(--sub); }
#included .cal-wk [data-b] { display: grid; place-items: center; width: 34px; height: 34px; margin: 3px auto 0; border-radius: 50%; font-size: 20px; font-weight: 400; }
#included .cal-wk .today [data-b] { color: #007AFF; font-weight: 600; }
#included .cal-wk .sel [data-b] { background: #000; color: #fff; font-weight: 600; }
#included .cal-day { text-align: center; font-size: 15px; padding: 8px 0 10px; box-shadow: inset 0 -.8px 0 var(--sep); }
#included .cal-grid { position: relative; padding-top: 10px; }
#included .cal-h { height: 60px; position: relative; padding-left: 58px; }
#included .cal-h::after { content: ""; position: absolute; top: 0; left: 58px; right: 0; height: .8px; background: rgba(60,60,67,.18); }
#included .cal-h small { position: absolute; left: 0; width: 50px; top: -7px; text-align: right; font-size: 11px; color: var(--sub); }
#included .cal-evs { position: absolute; top: 10px; left: 62px; right: 8px; }
#included .cal-e { position: absolute; left: 0; right: 0; padding: 4px 8px 4px 10px; border-radius: 5px; font-size: 12px; line-height: 15px; overflow: hidden; }
#included .cal-e::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
#included .cal-e [data-b] { display: block; font-weight: 600; }
#included .cal-e small { display: block; font-size: 12px; opacity: .8; }
#included .cal-b { background: #DCEBFF; color: #0A4FA8; }
#included .cal-b::before { background: #007AFF; }
#included .cal-p { background: #F3E5FA; color: #7B2FA8; box-shadow: 0 2px 10px rgba(175,82,222,.22); }
#included .cal-p::before { background: #AF52DE; }
#included .cal-g { background: #DDF3E2; color: #1B6B33; }
#included .cal-g::before { background: #34C759; }
#included .cal-tb { position: absolute; left: 0; right: 0; bottom: 0; height: 83px; padding: 12px 20px 0; display: flex; justify-content: space-between; color: #007AFF; font-size: 17px; background: rgba(249,249,249,.94); box-shadow: inset 0 .8px 0 var(--sep); z-index: 30; }
#included .msg-app { background: #fff; color: #000; }
#included .msg-nb { position: relative; height: 96px; display: flex; justify-content: space-between; align-items: flex-start; padding: 6px 16px 0 8px; background: rgba(249,249,249,.94); box-shadow: inset 0 -.8px 0 var(--sep); }
#included .msg-nb .nb-b { color: #007AFF; margin-top: 12px; }
#included .msg-n { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: #007AFF; color: #fff; font-size: 14px; font-weight: 600; }
#included .msg-who { position: absolute; left: 50%; top: 2px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 4px; }
#included .msg-av { width: 54px; height: 54px; font-size: 20px; background: linear-gradient(#A5A9B4, #858A96); color: #fff; }
#included .msg-who small { display: flex; align-items: center; gap: 2px; font-size: 12px; }
#included .msg-who small .i { width: 10px; height: 10px; color: var(--ter); }
#included .msg-vid { color: #007AFF; margin-top: 12px; width: 28px; height: 28px; }
#included .msg-th { padding: 14px 16px 0; }
#included .msg-ts { text-align: center; font-size: 12px; line-height: 15px; color: var(--sub); margin: 14px 0 10px; }
#included .msg-th > .msg-ts:first-child { margin-top: 0; }
#included .msg-gap { margin-top: 10px; }
#included .msg-th > .msg.out { margin-top: 0; }
#included .msg-ts br + * { font-weight: 400; }
#included .msg { max-width: 76%; padding: 8px 13px 9px; border-radius: 19px; font-size: 17px; line-height: 22px; margin-bottom: 3px; width: fit-content; }
#included .msg.in { background: #E9E9EB; color: #000; }
#included .msg.out { background: #007AFF; color: #fff; margin-left: auto; margin-top: 10px; margin-bottom: 0; }
#included .msg.out + .msg-del, #included .msg-del { text-align: right; font-size: 11px; color: var(--sub); margin: 2px 4px 10px; }
#included .msg-th [data-seq] { display: flex; flex-direction: column; }
#included .msg-th [data-seq] .msg-del { order: 3; }
#included .msg-th [data-seq] .msg:nth-child(4) { order: 4; }
#included .msg-in { position: absolute; left: 0; right: 0; bottom: 0; padding: 8px 12px 42px; display: flex; align-items: center; gap: 10px; background: #fff; }
#included .msg-plus { width: 34px; height: 34px; border-radius: 50%; background: #E9E9EB; color: #7C7C80; display: grid; place-items: center; flex: none; }
#included .msg-plus .i { width: 18px; height: 18px; }
#included .msg-f { flex: 1; height: 36px; border-radius: 18px; box-shadow: inset 0 0 0 1px #C6C6C8; display: flex; align-items: center; justify-content: space-between; padding: 0 10px 0 14px; color: #BCBCC0; }
#included .msg-f .i { width: 20px; height: 20px; color: #8E8E93; }
#included .app-sign { display: flex; flex-direction: column; justify-content: space-between; padding: 0 24px 44px; }
#included .app-pcs { position: relative; height: 290px; margin: 30px -24px 0; }
#included .app-pc { position: absolute; display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 18px 0 14px; border-radius: 16px; background: var(--card); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.35); font-size: 16px; letter-spacing: -.3px; white-space: nowrap; color: #E2E8F0; }
#included .app-pc .i { width: 20px; height: 20px; color: var(--ac); }
#included .app-pc0 { top: 14px; left: 24px; }
#included .app-pc1 { top: 82px; left: 112px; opacity: .92; }
#included .app-pc2 { top: 150px; left: 40px; }
#included .app-pc3 { top: 218px; left: 92px; opacity: .92; }
#included .app-hd { margin: 0 0 28px; }
#included .app-hd .app-mark { width: 56px; height: 56px; border-radius: 15px; margin-bottom: 18px; }
#included .app-hd .app-mark .i { width: 30px; height: 30px; }
#included .app-mark { width: 64px; height: 64px; border-radius: 18px; background: var(--ac); color: #04201D; display: grid; place-items: center; margin-bottom: 22px; }
#included .app-mark .i { width: 36px; height: 36px; }
#included .app-mark.sm { width: 52px; height: 52px; border-radius: 14px; margin: 0 0 16px; }
#included .app-mark.sm .i { width: 28px; height: 28px; }
#included .app-hd .t-cl { margin-top: 8px; font-size: 20px; line-height: 26px; letter-spacing: -.4px; max-width: 280px; }
#included .app-btns { display: grid; gap: 12px; }
#included .app-btns .btn.outline { color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
#included .app-mail { background: var(--card); color: #fff; }
#included .app-legal { text-align: center; margin-top: 8px; padding: 0 20px; }
#included .app-chat { background: #0F172A; }
#included .app-top { display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 14px; }
#included .app-rb { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--card); flex: none; }
#included .app-rb .i { width: 20px; height: 20px; }
#included .app-tt { flex: 1; display: flex; align-items: center; gap: 4px; font-size: 17px; font-weight: 600; }
#included .app-tt .i { width: 13px; height: 13px; color: var(--sub); }
#included .app-up { display: inline-flex; align-items: center; gap: 5px; height: 32px; padding: 0 12px; border-radius: 16px; background: var(--tint); color: var(--ac2); font-size: 14px; font-weight: 600; }
#included .app-up .i { width: 14px; height: 14px; }
#included .app-th { padding: 10px 18px 0; }
#included .app-u { margin-left: auto; width: fit-content; max-width: 78%; padding: 9px 15px; border-radius: 20px; background: var(--card); font-size: 17px; line-height: 22px; }
#included .app-a { margin-top: 16px; font-size: 16px; line-height: 23px; letter-spacing: -.3px; color: #E2E8F0; }
#included .app-a ol { margin: 8px 0 8px; padding-left: 22px; }
#included .app-a li { margin-bottom: 3px; }
#included .app-a [data-b] { font-weight: 600; color: #fff; }
#included .app-acts { display: flex; gap: 16px; margin-top: 10px; color: var(--sub); }
#included .app-acts .i { width: 18px; height: 18px; }
#included .app-comp { position: absolute; left: 0; right: 0; bottom: 336px; padding: 8px 12px; display: flex; align-items: flex-end; gap: 8px; background: #0F172A; z-index: 27; }
#included .app-cplus { width: 40px; height: 40px; border-radius: 50%; background: var(--card); display: grid; place-items: center; flex: none; }
#included .app-cplus .i { width: 20px; height: 20px; }
#included .app-cf { flex: 1; min-height: 40px; border-radius: 20px; background: var(--card); padding: 9px 14px; font-size: 17px; line-height: 22px; }
#included .app-typed::after { content: ""; display: inline-block; width: 2px; height: 20px; margin-left: 1px; vertical-align: -4px; background: var(--ac); }
#included .app-send { width: 40px; height: 40px; border-radius: 50%; background: #fff; color: #0F172A; display: grid; place-items: center; flex: none; }
#included .app-send .i { width: 20px; height: 20px; }
#included .app-pws .sh { background: #0B1222; }
#included .app-pw { padding: 44px 20px 46px; position: relative; height: 100%; display: flex; flex-direction: column; }
#included .app-buy { margin-top: auto; }
#included .app-pw .app-mark.sm { width: 64px; height: 64px; border-radius: 17px; margin-bottom: 20px; }
#included .app-pw .app-mark.sm .i { width: 36px; height: 36px; }
#included .app-x { position: absolute; top: 18px; right: 16px; }
#included .app-bens { display: grid; gap: 20px; margin: 30px 0 24px; }
#included .app-ben { display: flex; align-items: center; gap: 14px; }
#included .app-ben .i { width: 22px; height: 22px; color: var(--ac); }
#included .app-plan { display: flex; align-items: center; padding: 14px 16px; border-radius: 14px; background: var(--card); margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
#included .app-plan.on { box-shadow: inset 0 0 0 2px var(--ac); }
#included .app-save { height: 24px; padding: 0 9px; border-radius: 12px; background: var(--ac); color: #04201D; font-size: 12px; line-height: 24px; font-weight: 700; flex: none; }
#included .app-cta { width: 100%; margin-top: 12px; color: #04201D; }
#included .app-fine { text-align: center; margin-top: 12px; }
#included .app-links { text-align: center; margin-top: 6px; color: var(--ter); }
#included .app-ins .seg { margin: 2px 0 14px; }
#included .app-card { margin: 0 16px 10px; padding: 14px 16px; border-radius: 16px; background: var(--card); display: flex; flex-direction: column; }
#included .app-kpi .row { gap: 10px; align-items: baseline; }
#included .app-big { font-size: 34px; line-height: 40px; font-weight: 700; letter-spacing: .3px; }
#included .app-up2 { display: inline-flex; align-items: center; gap: 3px; font-size: 15px; font-weight: 600; color: #34C759; }
#included .app-up2 .i { width: 15px; height: 15px; }
#included .app-chart { width: 100%; height: 118px; margin-top: 8px; overflow: visible; }
#included .app-grid { stroke: rgba(255,255,255,.08); stroke-width: 1; fill: none; }
#included .app-area { fill: rgba(20,184,166,.14); stroke: none; }
#included .app-line { stroke: var(--ac); stroke-width: 2.5; fill: none; stroke-linejoin: round; stroke-linecap: round; }
#included .app-dot { fill: var(--ac); stroke: #1E293B; stroke-width: 3; }
#included .app-ax { display: flex; justify-content: space-between; margin-top: 6px; }
#included .app-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 16px 10px; }
#included .app-two .app-card { margin: 0; }
#included .app-f { margin-top: 10px; }
#included .app-fb { display: block; height: 6px; border-radius: 3px; background: rgba(255,255,255,.08); margin-top: 5px; }
#included .app-fb i { display: block; height: 100%; border-radius: 3px; background: var(--ac); transform-origin: 0 50%; }
#included .shop-tb { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); display: flex; gap: 6px; padding: 6px; border-radius: 30px; background: rgba(255,255,255,.82); -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); box-shadow: 0 8px 30px rgba(0,0,0,.14), inset 0 0 0 .5px rgba(0,0,0,.08); z-index: 30; }
#included .shop-tb span { width: 50px; height: 46px; border-radius: 23px; display: grid; place-items: center; color: #6b6b70; }
#included .shop-tb .i { width: 24px; height: 24px; }
#included .shop-tb span.on { background: #1F1A17; color: #fff; }
#included .shop-sr { display: flex; gap: 10px; align-items: center; }
#included .shop-sr .search { flex: 1; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); background: #fff; height: 40px; border-radius: 12px; padding: 0 12px; }
#included .shop-sr .search .i { color: var(--sub); }
#included .shop-caret { width: 2px; height: 22px; background: var(--ac); border-radius: 1px; margin-left: -4px; }
#included .shop-filt { width: 40px; height: 40px; border-radius: 12px; background: var(--card); display: grid; place-items: center; flex: none; }
#included .shop-filt .i { width: 22px; height: 22px; }
#included .shop-chips { margin: 12px 0 0; }
#included .shop-chips .chip-i { background: #fff; }
#included .shop-chips .chip-i.on { background: var(--ink); color: #fff; }
#included .shop-cnt { margin: 14px 0 10px; }
#included .shop-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 12px; }
#included .shop-p { display: flex; flex-direction: column; gap: 1px; }
#included .shop-ph { position: relative; display: block; height: 196px; border-radius: 12px; overflow: hidden; background: var(--card); margin-bottom: 7px; }
#included .shop-img { width: 100%; height: 100%; }
#included .shop-hrt { position: absolute; right: 8px; bottom: 8px; width: 32px; height: 32px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
#included .shop-hrt .i { width: 17px; height: 17px; }
#included .shop-hrt:has(.i) svg[fill] { color: var(--ink); }
#included .shop-p:nth-child(3) .shop-hrt { color: var(--ac); }
#included .shop-p s { font-weight: 400; }
#included .shop-ar { background: #000; color: #fff; }
#included .shop-room { position: absolute; inset: 0; width: 100%; height: 100%; }
#included .shop-artop { position: absolute; top: 58px; left: 16px; right: 16px; display: flex; justify-content: space-between; align-items: center; z-index: 5; }
#included .shop-glass { width: 40px; height: 40px; border-radius: 50%; background: rgba(30,30,30,.4); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); display: grid; place-items: center; color: #fff; }
#included .shop-glass .i { width: 20px; height: 20px; }
#included .shop-seg { display: flex; padding: 3px; border-radius: 20px; background: rgba(30,30,30,.4); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); font-size: 15px; font-weight: 600; }
#included .shop-seg span { padding: 7px 16px; border-radius: 17px; }
#included .shop-seg .on { background: #fff; color: #000; }
#included .shop-tools { position: absolute; left: 50%; top: 318px; transform: translateX(-50%); display: flex; gap: 20px; padding: 10px 18px; border-radius: 22px; background: rgba(255,255,255,.88); color: #1F1A17; z-index: 4; box-shadow: 0 6px 20px rgba(0,0,0,.18); }
#included .shop-tools .i { width: 22px; height: 22px; }
#included .shop-tools::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 12px; height: 12px; margin-left: -6px; transform: rotate(45deg); background: rgba(255,255,255,.88); border-radius: 2px; }
#included .shop-ret { position: absolute; left: 50%; top: 588px; width: 210px; height: 62px; margin-left: -105px; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(255,255,255,.75); z-index: 2; }
#included .shop-shadow { position: absolute; left: 50%; top: 600px; width: 130px; height: 30px; margin-left: -65px; border-radius: 50%; background: radial-gradient(closest-side, rgba(0,0,0,.45), rgba(0,0,0,0)); z-index: 2; }
#included .shop-cut { position: absolute; left: 50%; top: 384px; width: 160px; height: 224px; margin-left: -80px; object-fit: contain; background: none; z-index: 3; }
#included .shop-lamp { position: absolute; left: 50%; top: 392px; width: 150px; height: 222px; margin-left: -75px; z-index: 3; }
#included .sl-shade { position: absolute; top: 0; left: 15px; right: 15px; height: 88px; background: linear-gradient(90deg, #E9E1D2, #F7F2E8 45%, #D8CDBA); clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%); }
#included .sl-stem { position: absolute; top: 88px; left: 50%; width: 8px; margin-left: -4px; height: 116px; background: linear-gradient(90deg, #8A6A35, #E2C17E 50%, #8A6A35); }
#included .sl-base { position: absolute; bottom: 0; left: 35px; right: 35px; height: 18px; border-radius: 50%; background: linear-gradient(90deg, #8A6A35, #E2C17E 50%, #8A6A35); }
#included .shop-hint { position: absolute; left: 50%; top: 668px; transform: translateX(-50%); white-space: nowrap; padding: 6px 12px; border-radius: 14px; background: rgba(30,30,30,.5); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); font-size: 13px; z-index: 4; }
#included .shop-buy { position: absolute; left: 12px; right: 12px; bottom: 34px; display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 10px; border-radius: 22px; background: rgba(255,255,255,.94); color: #1F1A17; z-index: 5; box-shadow: 0 10px 30px rgba(0,0,0,.2); --sub: rgba(60,60,67,.6); }
#included .shop-bth { width: 52px; height: 52px; border-radius: 12px; flex: none; }
#included .shop-bn { flex: none; height: 40px; border-radius: 20px; padding: 0 18px; }
#included .shop-ar .hi { background: #fff; }
#included .shop-prod .body { top: 0; }
#included .shop-pp { position: relative; height: 470px; background: var(--card); }
#included .shop-ppimg { width: 100%; height: 100%; }
#included .shop-3d { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 17px; background: #fff; font-size: 14px; font-weight: 600; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
#included .shop-3d .i { width: 17px; height: 17px; }
#included .shop-hrt.big { width: 40px; height: 40px; right: 16px; bottom: 16px; }
#included .shop-hrt.big .i { width: 20px; height: 20px; }
#included .shop-pi { padding-top: 18px; }
#included .shop-pi .ucap { font-size: 12px; font-weight: 600; letter-spacing: .4px; margin-bottom: 2px; }
#included .shop-price { font-size: 28px; line-height: 34px; font-weight: 700; margin-top: 10px; }
#included .shop-rate { display: flex; align-items: center; gap: 1px; margin-top: 4px; color: var(--ink); }
#included .shop-rate .i { width: 14px; height: 14px; }
#included .shop-rate span { margin-left: 6px; }
#included .shop-sws { display: flex; gap: 12px; margin-top: 16px; }
#included .shop-sw { width: 30px; height: 30px; border-radius: 50%; box-shadow: inset 0 0 0 .5px rgba(0,0,0,.15); }
#included .shop-sw.on { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--ink); }
#included .shop-prod .dock-b .btn { background: var(--ink); }
#included .shop-pay .ps-l { width: 70px; }
#included .shop-track { background: #F2EFE9; }
#included .shop-map { position: absolute; top: 0; left: 0; right: 0; height: 520px; overflow: hidden; }
#included .map { position: absolute; top: 54px; left: 0; width: 393px; height: 520px; }
#included .shop-map::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 54px; background: #EDEAE3; z-index: 1; }
#included .m-land { fill: #F2EFE9; }
#included .m-park { fill: #D6EACF; }
#included .m-water { fill: #C9E0F2; }
#included .m-r1 { stroke: #fff; stroke-width: 12; fill: none; }
#included .m-r2 { stroke: #fff; stroke-width: 6; fill: none; opacity: .9; }
#included .m-route { stroke: var(--ac); stroke-width: 7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#included .m-car, #included .m-home { position: absolute; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; display: grid; place-items: center; z-index: 2; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
#included .m-car { background: var(--ac); color: #fff; box-shadow: 0 0 0 4px #fff, 0 6px 16px rgba(0,0,0,.25); }
#included .m-car .i, #included .m-home .i { width: 20px; height: 20px; }
#included .m-home { background: var(--ink); color: #fff; box-shadow: 0 0 0 4px #fff, 0 6px 16px rgba(0,0,0,.25); }
#included .m-back { position: absolute; top: 60px; left: 16px; background: #fff; color: #000; z-index: 3; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
#included .shop-tsh { position: absolute; left: 0; right: 0; bottom: 0; top: 486px; padding: 22px 16px 0; background: #fff; border-radius: 22px 22px 0 0; box-shadow: 0 -4px 24px rgba(0,0,0,.1); z-index: 4; }
#included .shop-tsh .ucap { font-size: 12px; font-weight: 600; letter-spacing: .4px; color: var(--ac); }
#included .shop-prog { height: 6px; border-radius: 3px; background: var(--fill); margin: 14px 0 16px; overflow: hidden; }
#included .shop-prog i { display: block; height: 100%; border-radius: 3px; background: var(--ac); transform-origin: 0 50%; }
#included .shop-cour { display: flex; align-items: center; gap: 12px; padding: 4px 0 14px; box-shadow: inset 0 -.8px 0 var(--sep); }
#included .shop-av { width: 44px; height: 44px; background: var(--ink); color: #fff; font-size: 17px; }
#included .shop-rnd { width: 44px; height: 44px; border-radius: 50%; background: var(--card); display: grid; place-items: center; color: var(--ink); flex: none; }
#included .shop-rnd .i { width: 20px; height: 20px; }
#included .shop-ord { display: flex; align-items: center; gap: 12px; padding: 12px 0; }
#included .shop-oth { width: 44px; height: 44px; border-radius: 10px; flex: none; }
#included .shop-ord .chev { width: 14px; height: 14px; color: var(--ter); }
#included .homes { background: #050a1c; color: #fff; }
#included .home-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#included .home-in { position: absolute; top: 64px; left: 27.5px; right: 27.5px; }
#included .hw-row { display: flex; justify-content: space-between; margin-top: 22px; }
#included .hw-cell { display: flex; flex-direction: column; align-items: center; gap: 6px; }
#included .hw-cell > small, #included .app small { font-size: 12px; line-height: 14px; font-weight: 400; color: #fff; letter-spacing: 0; white-space: nowrap; text-shadow: 0 .5px 2px rgba(0,0,0,.35); }
#included .hw { position: relative; width: 158px; height: 158px; border-radius: 22px; padding: 16px; overflow: hidden; display: flex; flex-direction: column; background: #fff; color: #000; }
#included .hw-m .hw { width: 338px; }
#included .hw-ic { position: absolute; top: 14px; right: 14px; width: 22px; height: 22px; }
#included .hw-k { font-size: 11px; line-height: 13px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; }
#included .hw-t { font-size: 16px; line-height: 21px; font-weight: 600; letter-spacing: -.3px; margin-top: 4px; }
#included .hw-big { font-size: 22px; line-height: 27px; font-weight: 700; letter-spacing: -.4px; margin-top: 2px; }
#included .hw-s { font-size: 13px; line-height: 17px; letter-spacing: -.08px; opacity: .6; }
#included .hw-s [data-b] { font-weight: 600; }
#included .hw-rest .hw { background: #F7F3EA; color: #1D1B16; }
#included .hw-rest .hw-k { color: #248A3D; }
#included .hw-col { position: absolute; left: 16px; top: 16px; bottom: 16px; width: 150px; display: flex; flex-direction: column; }
#included .hw-f { margin-top: auto; display: flex; align-items: center; gap: 8px; }
#included .hw-f .hw-s { opacity: .7; }
#included .hw-btn { height: 28px; padding: 0 12px; border-radius: 14px; background: #248A3D; color: #fff; font-size: 13px; font-weight: 600; display: grid; place-items: center; }
#included .hw-ph { position: absolute; right: 16px; top: 46px; bottom: 16px; display: flex; gap: 8px; }
#included .hw-ph .ph { width: 72px; height: 96px; border-radius: 14px; object-fit: cover; }
#included .hw-rest .hw-ic { top: 14px; right: 16px; }
#included .hw-studio .hw { background: #0B1220; color: #fff; }
#included .hw-studio .hw-k { color: #30D158; }
#included .hw-dots { display: flex; gap: 5px; margin-top: 8px; }
#included .hw-dots i { width: 13px; height: 13px; border-radius: 50%; background: rgba(255,255,255,.18); }
#included .hw-dots i.on { background: #30D158; }
#included .hw-studio .hw-s { margin-top: auto; opacity: .7; }
#included .hw-salon .hw-k { color: #AF52DE; }
#included .hw-salon .hw-k + .hw-s { margin-top: auto; }
#included .hw-salon .hw-big { color: #221A26; }
#included .hw-salon .hw-big + .hw-s { opacity: .6; }
#included .hw-lamp { width: 48px; height: 48px; border-radius: 11px; object-fit: cover; margin-bottom: auto; }
#included .hw-shop .hw-k { color: #FF2D55; }
#included .hw-shop .hw-t { font-size: 15px; line-height: 20px; margin-top: 2px; }
#included .hw-bar { height: 5px; border-radius: 3px; background: #F1E3EA; margin-top: 8px; }
#included .hw-bar i { display: block; width: 72%; height: 100%; border-radius: 3px; background: #FF2D55; }
#included .hw-idea .hw { background: rgba(255,255,255,.95); }
#included .hw-idea .hw-k { color: #8E8E93; }
#included .hw-idea .hw-big { margin-top: 10px; font-size: 26px; line-height: 31px; }
#included .hw-idea .hw-s { max-width: 250px; margin-top: 6px; }
#included .hw-icons { width: 158px; height: 158px; display: grid; grid-template-columns: 60px 60px; justify-content: space-between; align-content: start; }
#included .app { display: flex; flex-direction: column; align-items: center; gap: 5px; width: 60px; }
#included .app-icon { display: block; width: 60px; height: 60px; flex: none; }
#included .app-icon .aicon { width: 100%; height: 100%; display: block; }
#included .home-srch { position: absolute; left: 50%; bottom: 122px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 13px; border-radius: 15px; background: rgba(255,255,255,.2); -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); font-size: 13px; font-weight: 600; letter-spacing: -.08px; }
#included .home-srch .i { width: 13px; height: 13px; }
#included .home-dock { position: absolute; left: 12px; right: 12px; bottom: 10px; height: 94px; border-radius: 34px; padding: 0 15.5px; display: flex; justify-content: space-between; align-items: center; background: rgba(255,255,255,.2); -webkit-backdrop-filter: blur(30px) saturate(180%); backdrop-filter: blur(30px) saturate(180%); }
#included .homes .hi { background: #fff; }
#included .lk-ic, #included .st-mark, #included .app-mark { background: none !important; }
#included .lk-ic .aicon, #included .st-mark .aicon, #included .app-mark .aicon { width: 100%; height: 100%; display: block; }
#included .sh-behind .sb, #included .sh-behind .hi { display: none; }
#included .shop-ord + .shop-ord { box-shadow: inset 0 .8px 0 var(--sep); }
#included .shop-oic { width: 44px; height: 44px; padding: 11px; border-radius: 10px; background: var(--card); color: var(--ink); }
#included .st-last { display: flex; align-items: center; gap: 12px; }
#included .st-lic { width: 40px; height: 40px; border-radius: 10px; background: var(--tint); color: var(--ac); display: grid; place-items: center; flex: none; }
#included .st-lic .i { width: 22px; height: 22px; }
#included .st-last .chev { width: 14px; height: 14px; color: var(--ter); }
#included .rest-pay .sh-behind, #included .shop-pay .sh-behind { filter: brightness(.42); }
#included .app-cmp { margin: 26px 0 20px; }
#included .app-cmp p { display: grid; grid-template-columns: 1fr 76px 86px; align-items: center; min-height: 44px; font-size: 16px; box-shadow: inset 0 -.8px 0 var(--sep); }
#included .app-cmp p:first-child { min-height: 28px; font-size: 13px; color: var(--sub); }
#included .app-cmp p:first-child [data-b] { font-weight: 600; }
#included .app-cmp p:first-child [data-b].acc { color: var(--ac); }
#included .app-cmp p > :nth-child(n+2) { text-align: center; justify-self: center; font-size: 15px; }
#included .app-cmp .acc .i { width: 18px; height: 18px; }
#included .app-cmp p > .acc { font-weight: 600; }
#included .app-cmp .sec .i { width: 16px; height: 16px; }
#included .app-typed:has(.ad-caret)::after, #included .search:has(.ad-caret) .shop-caret { display: none; }
#included .ps-face { width: 54px; height: 54px; color: #007AFF; overflow: visible; }
#included .ps-face .fc path { transform-box: fill-box; animation: fid-c 1.5s cubic-bezier(.4,0,.2,1) infinite; }
#included .ps-face .c1 { transform-origin: 100% 100%; --x: 3px; --y: 3px; }
#included .ps-face .c2 { transform-origin: 0 100%; --x: -3px; --y: 3px; }
#included .ps-face .c3 { transform-origin: 0 0; --x: -3px; --y: -3px; }
#included .ps-face .c4 { transform-origin: 100% 0; --x: 3px; --y: -3px; }
#included .ps-face .ff { transform-origin: 32px 32px; animation: fid-f 1.5s cubic-bezier(.4,0,.2,1) infinite; }
@keyframes fid-c { 0%, 8%, 30%, 100% { transform: none; } 14% { transform: translate(var(--x), var(--y)); } 24% { transform: translate(var(--x), var(--y)); } }
@keyframes fid-f { 0%, 8%, 30%, 100% { transform: none; opacity: 1; } 16%, 22% { transform: scale(.94); opacity: .75; } }
#included .ps-fid .t-sh { color: #3c3c43; }
#included .side-hint { position: absolute; right: 0; top: 196px; z-index: 30; display: flex; align-items: center; gap: 12px; color: #fff; pointer-events: none;
  animation: sh-dance 2s cubic-bezier(.45,0,.55,1) infinite; }
#included .sh-t { text-align: right; font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: -.2px; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
#included .sh-pill { position: relative; width: 9px; height: 84px; border-radius: 6px 0 0 6px; background: rgba(255,255,255,.22);
  box-shadow: inset 1.5px 0 0 rgba(255,255,255,.9), inset 0 1.5px 0 rgba(255,255,255,.9), inset 0 -1.5px 0 rgba(255,255,255,.9); overflow: hidden; }
#included .sh-pill i { position: absolute; inset: 0; background: #fff; border-radius: inherit; opacity: 0; animation: sh-flash 2s cubic-bezier(.45,0,.55,1) infinite; }
#included .side-hint::after { content: ""; position: absolute; right: -8px; top: 50%; width: 26px; height: 110px; margin-top: -55px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255,255,255,.55), transparent); opacity: 0; animation: sh-flash 2s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes sh-dance {   /* two soft nudges toward the side button (smoother, less bouncy: Evan 2026-10-04) */
  0%, 46%, 100% { transform: translateX(0); } 12% { transform: translateX(-5px); } 23% { transform: translateX(-1px); } 34% { transform: translateX(-5px); } }
@keyframes sh-flash { 0%, 4%, 56%, 100% { opacity: 0; } 14% { opacity: .8; } 23% { opacity: .3; } 34% { opacity: .8; } }
@media (prefers-reduced-motion: reduce) {
#included .side-hint, #included .sh-pill i, #included .side-hint::after, #included .ps-face .fc path, #included .ps-face .ff { animation: none; }
}


/* home screen filler apps (Evan 2026-10-04): a full row of four under the Studio widget, iOS spacing */
#included .hw-icons { row-gap: 22px; }
#included .hw-apps { margin-top: 26px; }