.app{--reduction-mid:oklch(70% .15 50);--shadow-lift:0 2px 6px oklch(0% 0 0/.4), 0 18px 44px oklch(0% 0 0/.5);--r3:28px;--r2:24px;--r1:20px;background:var(--background);width:360px;height:780px;color:var(--foreground);overflow-wrap:break-word;text-align:left;flex:none;font-size:16px;line-height:1.5;position:relative;overflow:hidden;& h1,& h2,& h3{font-size:inherit;margin:0}& p,& dl,& dd,& ul{margin:0;padding:0}& ul{list-style:none}& button,& input{font:inherit;color:inherit}& button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}& button:disabled{cursor:default}& a{color:inherit}& .ic{vertical-align:-.15em;flex:none;display:inline-block}& .ic.primary{color:var(--primary)}& .ic.muted{color:var(--muted-foreground)}& .ic.fill{fill:var(--primary)}& .scroll{overscroll-behavior:auto;touch-action:pan-y;scrollbar-width:none;outline:0;position:absolute;inset:0;overflow-y:auto}& .scroll::-webkit-scrollbar{display:none}& .scroll.tabbed{bottom:66px}& .pad{padding:44px 20px 28px}& .mt4{margin-top:4px}& .mt8{margin-top:8px}& .mt12{margin-top:12px}& .mt16{margin-top:16px}& .mt20{margin-top:20px}& .mt24{margin-top:24px}& .muted{color:var(--muted-foreground)}& .soft{color:oklch(16% .03 264/.8)}& .success{color:var(--success)}& .danger{color:var(--danger)}& .b{font-weight:600}& .block{display:block}& .center{text-align:center}& .grow{flex:1;min-width:0}& .cap{text-transform:capitalize}& .trunc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .text-sm{font-size:14px;line-height:20px}& .small{font-size:12px;line-height:16px}& .tiny{font-size:11px;line-height:14px}& .h1{letter-spacing:-.02em;margin-top:16px;font-size:24px;font-weight:700;line-height:32px}& .h1.flat{margin:0}& .h1.mt16{margin-top:16px}& .h1.mt20{margin-top:20px}& .title{letter-spacing:-.02em;flex:1;align-items:center;gap:8px;min-width:0;font-size:20px;font-weight:700;display:flex}& .h2{font-size:14px;font-weight:600;line-height:20px}& .h3{font-weight:600;line-height:22px}& .eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:16px;display:flex}& .eyebrow.centered{justify-content:center}& .eyebrow-plain{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}& .card{border-radius:var(--r3);background:var(--card);width:100%;box-shadow:var(--shadow-card);padding:20px;display:block}& .card.big{padding:24px}& .card.sm-pad{padding:16px}& .stack>*+*{margin-top:12px}& .stack-sm>*+*{margin-top:8px}& .line{align-items:center;gap:12px;display:flex}& .line.top{align-items:flex-start}& .between{justify-content:space-between;align-items:center;gap:12px;display:flex}& .between.top{align-items:flex-start}& .two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}& .brandbar{justify-content:space-between;align-items:center;gap:8px;display:flex}& .brand-mini{align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}& .brand-mini img{border-radius:12px}& .shortcuts{gap:8px;display:flex}& .short{width:40px;height:40px;box-shadow:var(--shadow-card);justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex;border-radius:var(--r1)!important;background:var(--secondary)!important}& .short.wide{width:auto;padding-inline:10px!important}& .tiny.muted{margin-top:4px}& .craving-cta{border-radius:var(--r3);width:100%;box-shadow:var(--shadow-lift);margin-top:20px;padding:20px;display:block;background:var(--primary)!important;color:var(--primary-foreground)!important;text-align:center!important}& .cta-main{justify-content:center;align-items:center;gap:6px;font-size:18px;font-weight:700;display:flex}& .cta-sub{opacity:.8;margin-top:4px;font-size:14px;display:block}& .addiction{text-align:left}& .emoji-box{border-radius:var(--r2);background:var(--primary-soft);flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}& .emoji-box.lg{width:48px;height:48px;font-size:24px}& .name{font-weight:600;display:block}& .sub{color:var(--muted-foreground);align-items:center;gap:6px;font-size:14px;display:flex}& .bar{background:var(--secondary);border-radius:999px;height:8px;margin-top:16px;display:block;overflow:hidden}& .bar.thin{height:6px}& .bar.mt4{margin-top:6px}& .bar.mt12{margin-top:12px}& .bar span{background:var(--primary);border-radius:999px;height:100%;display:block}& .bar span.done{background:var(--success)}& .addiction .small{margin-top:8px;display:block}& .btn{border-radius:var(--r2);justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-weight:500;text-decoration:none;display:flex;text-align:center!important;padding:8px 16px!important}& .btn.sm{border-radius:var(--r1);min-height:40px;font-size:14px}& .btn.tall{min-height:56px}& .btn.auto{width:auto;display:inline-flex}& .btn.spread{justify-content:space-between}& .btn.primary{background:var(--primary)!important;color:var(--primary-foreground)!important}& .btn.secondary{background:var(--secondary)!important}& .btn.outline{border:1px solid var(--border)!important;background:var(--background)!important}& .btn.ghost{color:var(--muted-foreground)!important}& .btn.ghost.on{background:var(--primary-soft)!important;color:var(--primary)!important}& .btn.mark{border-radius:var(--r2);font-weight:600}& .btn.mark.ok{border:1px solid color-mix(in oklch, var(--success) 30%, transparent)!important;background:var(--success-soft)!important;color:var(--success)!important}& .btn.mark.ko{border:1px solid color-mix(in oklch, var(--danger) 30%, transparent)!important;background:var(--danger-soft)!important;color:var(--danger)!important}& .btn.mark.ok.on{background:var(--success)!important;color:var(--primary-foreground)!important}& .btn.mark.ko.on{background:var(--danger)!important;color:var(--primary-foreground)!important}& .encourage{border:1px solid var(--border);border-radius:var(--r3);background:color-mix(in oklch, var(--secondary) 50%, transparent);margin-top:24px;padding:20px}& .topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}& .round{border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;color:var(--muted-foreground)!important;display:flex!important}& .round.sm{width:32px;height:32px}& .round.lg{width:44px;height:44px}& .round:disabled{opacity:.3}& .round.primary-txt{color:var(--primary)!important}& .round.sos{background:var(--danger)!important;color:var(--primary-foreground)!important}& .round.gear{background:var(--secondary)!important;color:var(--primary)!important}& .backlink{align-items:center;gap:6px;font-size:14px;color:var(--muted-foreground)!important;display:inline-flex!important}& .linkish{flex:none;font-size:12px;font-weight:600;color:var(--primary)!important}& .plainlink{margin:24px auto 0;font-size:14px;display:block;color:var(--muted-foreground)!important}& .banner{border-radius:var(--r1);background:var(--success-soft);color:var(--success);padding:12px;font-size:14px;font-weight:600;line-height:20px}& .streak{border-radius:var(--r3);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-lift);padding:24px}& .streak-tag{background:oklch(16% .03 264/.1);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}& .big-emoji{font-size:28px;line-height:1}& .streak-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:60px;font-weight:700;line-height:1;margin-top:16px!important}& .streak .text-sm{margin-top:8px}& .streak-bar{background:oklch(16% .03 264/.15);border-radius:999px;height:8px;margin-top:20px;overflow:hidden}& .streak-bar span{background:var(--primary-foreground);border-radius:999px;height:100%;display:block}& .quote{border-radius:var(--r1);background:oklch(16% .03 264/.08);padding:12px;font-size:14px;font-style:italic;margin-top:16px!important}& .stat{font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:40px;margin-top:8px!important}& .chips{flex-wrap:wrap;gap:6px;display:flex}& .chip{background:var(--card);color:var(--muted-foreground);border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}& .chip.soft{background:var(--primary-soft);color:var(--primary-soft-foreground)}& .chip.ok{background:var(--success-soft);color:var(--success)}& .consume{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}& .label{margin-bottom:6px;font-size:14px;font-weight:500;display:block}& .consume input{border:1px solid var(--border);background:var(--background);border-radius:12px;outline:0;width:100%;height:40px;padding:4px 12px}& .consume input:focus{border-color:var(--ring)}& .unit{max-width:112px;color:var(--muted-foreground);text-align:right;padding-bottom:8px;font-size:12px;line-height:16px}& .step{border:1px solid var(--border);border-radius:var(--r2);padding:16px}& .week,& .days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}& .week{color:var(--muted-foreground);text-align:center;font-size:11px}& .days{margin-top:6px}& .days.tight{gap:4px}& .day{aspect-ratio:1;background:var(--secondary);border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:500;color:color-mix(in oklch, var(--muted-foreground) 60%, transparent)!important;display:flex!important}& .day.filled,& .day.success,& .day.relapse{color:var(--primary-foreground)!important}& .day.success{background:var(--success)}& .day.relapse{background:var(--danger)}& .day.dim{opacity:.4}& .day.today{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--primary)}& .legend{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:12px;line-height:16px;display:flex}& .legend.col{flex-direction:column}& .legend span{align-items:center;gap:6px;display:flex}& .legend .pair{gap:16px}& .dot{border-radius:50%;flex:none;width:10px;height:10px}& .dot.success{background:var(--success)}& .dot.danger{background:var(--danger)}& .dot.secondary{background:var(--secondary)}& .gradient{background:linear-gradient(90deg, var(--success), var(--warning), var(--reduction-mid), var(--danger));border-radius:999px;flex:1;min-width:96px;max-width:150px;height:10px}& .dl>*+*{margin-top:10px}& .row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}& .row dt{color:var(--muted-foreground)}& .row dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}& .box{border:1px solid var(--border);border-radius:var(--r2);background:color-mix(in oklch, var(--secondary) 50%, transparent);padding:16px}& .danger-box{border-color:color-mix(in oklch, var(--danger) 30%, transparent);background:color-mix(in oklch, var(--danger-soft) 40%, transparent)}& .dialog-veil{z-index:20;background:oklch(0% 0 0/.6);position:absolute;inset:0}& .dialog{z-index:21;border:1px solid var(--border);border-radius:var(--r3);background:var(--card);box-shadow:var(--shadow-lift);padding:20px;position:absolute;top:180px;left:16px;right:16px}& .pick{align-items:center;gap:12px;display:flex!important}& .pick-name{font-size:18px;font-weight:600}& .options{flex-wrap:wrap;gap:8px;display:flex}& .opt{border-radius:var(--r2);max-width:100%;font-size:14px;border:1px solid var(--border)!important;background:color-mix(in oklch, var(--secondary) 40%, transparent)!important;padding:8px 12px!important}& .opt.on{border-color:var(--primary)!important;background:var(--primary-soft)!important}& .timer-head{z-index:5;background:var(--background);margin:-44px -20px 0;padding:44px 20px 16px;position:sticky;top:-44px}& .timer{text-align:center;color:var(--primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:60px;font-weight:700;line-height:1;margin-top:4px!important}& .timer-bar{background:var(--secondary);border-radius:999px;height:6px;margin-top:12px;overflow:hidden}& .timer-bar span{background:var(--primary);border-radius:999px;height:100%;transition:width .5s linear;display:block}& .activity{font-size:20px;font-weight:600;line-height:27px;margin-top:12px!important}& .switch{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:12px;display:flex}& .switch button{font-size:14px;color:var(--muted-foreground)!important}& .ended{border-radius:var(--r1);margin:32px auto 0;font-size:14px;display:block;border:1px solid color-mix(in oklch, var(--border) 60%, transparent)!important;color:var(--muted-foreground)!important;padding:8px 16px!important}& .help-line{color:var(--muted-foreground);text-align:center;font-size:12px;line-height:19px;margin-top:32px!important}& .help-line a{text-underline-offset:4px;font-weight:600}& .split{background:var(--secondary);border-radius:999px;height:8px;display:flex;overflow:hidden}& .split .ok{background:var(--success)}& .split .ko{background:var(--danger)}& .score{gap:12px;display:flex}& .answer{border-radius:var(--r2);width:100%;font-weight:500;display:block;border:1px solid var(--border)!important;background:color-mix(in oklch, var(--secondary) 60%, transparent)!important;padding:16px!important}& .answer.right{border-color:var(--success)!important;background:var(--success-soft)!important}& .answer.wrong{border-color:var(--danger)!important;background:var(--danger-soft)!important}& .answer.faded{opacity:.6}& .game{color:#fff;position:absolute;inset:0}& .game-bg{width:100%;height:100%;position:absolute;inset:0}& .game-top{grid-template-columns:44px 1fr auto;align-items:start;gap:8px;display:grid;position:absolute;inset:40px 16px auto}& .glass{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;background:#ffffff1a!important;display:flex!important}& .game-tools{gap:6px;display:flex}& .game-time{font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #5a96ffb3;font-size:56px;font-weight:700;line-height:1}& .game-time small{opacity:.7;margin-left:4px;font-size:22px}& .game-meta{opacity:.85;justify-content:center;gap:10px;font-size:13px;display:flex;margin-top:6px!important}& .game-bottom{text-align:center;position:absolute;inset:auto 24px 40px}& .game-soon{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-block}& .game-how{font-size:18px;font-weight:600;margin-top:12px!important}& .game-rule{opacity:.75;font-size:14px;margin-top:4px!important}& .eday{aspect-ratio:1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:12px;line-height:1.15;background:color-mix(in oklch, var(--secondary) 30%, transparent)!important;color:var(--muted-foreground)!important;display:flex!important}& .eday.has{font-weight:600;background:var(--primary-soft)!important;color:var(--foreground)!important}& .eday.hard{box-shadow:0 0 0 1px color-mix(in oklch, var(--danger) 60%, transparent)}& .eday.open{box-shadow:0 0 0 2px var(--primary)}& .eday small{color:var(--primary);font-size:10px}& .note{border-radius:var(--r2);background:color-mix(in oklch, var(--secondary) 40%, transparent);padding:16px;font-size:14px;line-height:22px}& .note.soft{background:var(--primary-soft);color:var(--foreground)}& .note.text-sm{padding:12px;font-weight:500;line-height:20px}& .podium{align-items:center;gap:12px;padding:12px;display:flex}& .segments{border-radius:var(--r2);background:var(--secondary);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;display:grid}& .seg{border-radius:var(--r1);height:40px;font-size:14px;font-weight:600;color:var(--muted-foreground)!important;text-align:center!important}& .seg.on{box-shadow:var(--shadow-card);background:var(--card)!important;color:var(--foreground)!important}& .badge{border-radius:var(--r2);background:color-mix(in oklch, var(--secondary) 40%, transparent);opacity:.7;align-items:center;gap:12px;padding:12px;display:flex}& .badge.on{background:var(--primary-soft);opacity:1}& .tile{border-radius:var(--r1);background:var(--card);flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}& .tile.soft{background:var(--primary-soft)}& .tile.locked{background:color-mix(in oklch, var(--card) 50%, transparent);color:var(--muted-foreground)}& .score-num{color:var(--primary);font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1;margin-top:8px!important}& .score-num small{color:var(--muted-foreground);margin-left:4px;font-size:20px;font-weight:600}& .forms{padding-top:40px}& .forms-head{justify-content:space-between;align-items:center;gap:12px;display:flex}& .forms-title{align-items:center;gap:8px;min-width:0;display:flex}& .forms-title .title{font-size:24px}& .forms-tools{align-items:center;gap:8px;display:flex}& .pills{scrollbar-width:none;gap:8px;margin:8px -20px 0;padding:0 20px 4px;display:flex;overflow-x:auto}& .pills::-webkit-scrollbar{display:none}& .pills li{flex:none}& .pill{white-space:nowrap;border-radius:999px;height:40px;font-size:14px;font-weight:600;background:var(--secondary)!important;color:var(--muted-foreground)!important;padding:0 16px!important}& .pill.on{background:var(--primary)!important;color:var(--primary-foreground)!important}& .fake-search{border-radius:var(--r2);align-items:center;gap:8px;width:100%;height:44px;font-size:14px;border:1px solid var(--border)!important;background:var(--card)!important;color:var(--muted-foreground)!important;padding:0 16px!important;display:flex!important}& .res-icon{border-radius:var(--r1);background:var(--primary-soft);width:40px;height:40px;color:var(--primary);justify-content:center;align-items:center;display:flex}& .res-actions{flex-wrap:wrap;gap:8px;display:flex}& .emergency-box{border:1px solid color-mix(in oklch, var(--danger) 30%, transparent);border-radius:var(--r3);background:color-mix(in oklch, var(--danger-soft) 40%, transparent);padding:20px}& .emergency-title{color:var(--danger);font-weight:600;font-size:14px!important}& .calls{flex-wrap:wrap;gap:8px;display:flex}& .calls a{border:1px solid color-mix(in oklch, var(--danger) 50%, transparent);border-radius:var(--r2);min-height:44px;color:var(--danger);align-items:center;gap:8px;padding:4px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}& .phone-num{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px;margin-top:4px!important}& .profile{align-items:center;gap:16px;display:flex}& .avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;background:var(--primary-soft)!important;color:var(--primary-soft-foreground)!important;display:flex!important}& .avatar.sm{width:40px;height:40px;font-size:16px}& .underline{text-underline-offset:4px;text-decoration:underline!important}& .profile .title{font-size:24px}& .figures{border-radius:var(--r3);background:var(--card);box-shadow:var(--shadow-card);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px;display:grid}& .figures dd{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}& .figures dt{color:var(--muted-foreground);margin-top:6px;font-size:11px;font-weight:500;line-height:14px}& .friends{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}& .friends button{border-radius:var(--r2);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;background:color-mix(in oklch, var(--secondary) 60%, transparent)!important;text-align:center!important;padding:12px 8px!important;display:flex!important}& .friends b{font-size:18px;line-height:1}& .friends span{color:var(--muted-foreground);font-size:12px;font-weight:500;line-height:14px}& .friends .new{background:var(--primary-soft)!important;color:var(--primary-soft-foreground)!important}& .friends .new span{color:inherit;font-weight:600}& .flex-note{color:var(--muted-foreground);align-items:flex-start;gap:8px;font-size:14px;line-height:20px;display:flex}& .mini-card{border-radius:var(--r2);background:var(--card);box-shadow:var(--shadow-card);cursor:pointer;align-items:center;gap:12px;padding:12px;display:flex}& .mini-card.plain{cursor:default}& .feed-badge{border-radius:var(--r2);background:var(--primary-soft);align-items:center;gap:12px;padding:12px;display:flex}& .feed-actions{border-top:1px solid var(--border);align-items:center;gap:4px;padding-top:8px;display:flex}& .act{border-radius:var(--r1);align-items:center;gap:6px;height:40px;font-size:14px;font-weight:500;color:var(--muted-foreground)!important;padding:0 12px!important;display:inline-flex!important}& .act.on{background:var(--primary-soft)!important;color:var(--primary)!important}& .act.end{margin-left:auto}& .tabbar{border-top:1px solid var(--border);background:var(--card);grid-template-columns:repeat(4,minmax(0,1fr));height:66px;padding-bottom:2px;display:grid;position:absolute;inset:auto 0 0}& .tabbar button{flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;line-height:1.2;color:var(--muted-foreground)!important;text-align:center!important;display:flex!important}& .tabbar button.on{color:var(--primary)!important}& .choice{min-height:64px;font-weight:600}& .choice.col{flex-direction:column;gap:2px;padding-block:12px!important}& .choice-title{align-items:center;gap:8px;display:flex}& .helpnow{border-radius:var(--r3);background:color-mix(in oklch, var(--secondary) 40%, transparent);margin-top:24px;padding:16px}& .helpnow summary{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;list-style:none;display:flex}& .helpnow summary::-webkit-details-marker{display:none}& .video-box{aspect-ratio:16/9;border-radius:var(--r2);justify-content:center;align-items:center;width:100%;background:var(--secondary)!important;color:var(--foreground)!important;display:flex!important}& .toast{z-index:30;border:1px solid var(--border);border-radius:var(--r1);background:var(--secondary);box-shadow:var(--shadow-lift);text-align:center;padding:12px 16px;font-size:14px;font-weight:500;position:absolute;bottom:80px;left:16px;right:16px}& button:focus-visible,& a:focus-visible,& input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}}.scene[data-astro-cid-fwwt4xz2]{--w:300px;--s:.83333;justify-content:center;align-items:flex-start;padding-block:1.5rem 2rem;display:flex;overflow-x:clip}.float[data-astro-cid-fwwt4xz2]{flex:none}.center[data-astro-cid-fwwt4xz2]{order:1}.right[data-astro-cid-fwwt4xz2]{order:2}.left[data-astro-cid-fwwt4xz2],.right[data-astro-cid-fwwt4xz2]{display:none}.phone[data-astro-cid-fwwt4xz2]{background:linear-gradient(135deg,oklch(50% .03 258),oklch(26% .03 264) 45%,oklch(40% .03 258));border-radius:44px;padding:9px;position:relative;box-shadow:inset 0 0 0 1px oklch(62% .03 258/.7),5px 4px oklch(20% .03 264),12px 22px 34px oklch(0% 0 0/.55)}.phone[data-astro-cid-fwwt4xz2]:before,.phone[data-astro-cid-fwwt4xz2]:after{content:"";background:oklch(42% .03 258);border-radius:2px 0 0 2px;width:4px;position:absolute;left:-3px}.phone[data-astro-cid-fwwt4xz2]:before{height:6%;top:17%}.phone[data-astro-cid-fwwt4xz2]:after{height:11%;top:25%}.screen[data-astro-cid-fwwt4xz2]{width:var(--w);aspect-ratio:360/780;background:var(--background);border-radius:36px;position:relative;overflow:hidden}.island[data-astro-cid-fwwt4xz2]{z-index:1;pointer-events:none;background:oklch(8% .01 264);border-radius:999px;width:30%;height:20px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.fit[data-astro-cid-fwwt4xz2]{width:360px;height:780px;transform:scale(var(--s));transform-origin:0 0;position:absolute;top:0;left:0}.track[data-astro-cid-fwwt4xz2]{height:400%;transform:translateY(calc(var(--start) * -25%));flex-direction:column;display:flex}.mention[data-astro-cid-fwwt4xz2]{color:var(--muted-foreground);text-align:center;font-size:.8125rem}@media (width<=339px){.scene[data-astro-cid-fwwt4xz2]{--w:260px;--s:.72222}}@media (width>=768px){.scene[data-astro-cid-fwwt4xz2]{padding-block:2rem 3rem}.left[data-astro-cid-fwwt4xz2],.right[data-astro-cid-fwwt4xz2]{display:block}.left[data-astro-cid-fwwt4xz2] .screen[data-astro-cid-fwwt4xz2],.right[data-astro-cid-fwwt4xz2] .screen[data-astro-cid-fwwt4xz2]{width:220px}.left[data-astro-cid-fwwt4xz2] .fit[data-astro-cid-fwwt4xz2],.right[data-astro-cid-fwwt4xz2] .fit[data-astro-cid-fwwt4xz2]{transform:scale(.61111)}.left[data-astro-cid-fwwt4xz2]{margin-top:44px;margin-right:-18px}.right[data-astro-cid-fwwt4xz2]{margin-top:28px;margin-left:-18px}.center[data-astro-cid-fwwt4xz2]{z-index:1;position:relative}.left[data-astro-cid-fwwt4xz2] .phone[data-astro-cid-fwwt4xz2]{transform:perspective(1100px)rotateX(3deg)rotateY(22deg)rotate(-3deg)}.right[data-astro-cid-fwwt4xz2] .phone[data-astro-cid-fwwt4xz2]{transform:perspective(1100px)rotateX(3deg)rotateY(-22deg)rotate(3deg)}}@media (width>=1100px){.scene[data-astro-cid-fwwt4xz2]{--w:320px;--s:.88889}.left[data-astro-cid-fwwt4xz2] .screen[data-astro-cid-fwwt4xz2],.right[data-astro-cid-fwwt4xz2] .screen[data-astro-cid-fwwt4xz2]{width:250px}.left[data-astro-cid-fwwt4xz2] .fit[data-astro-cid-fwwt4xz2],.right[data-astro-cid-fwwt4xz2] .fit[data-astro-cid-fwwt4xz2]{transform:scale(.69444)}}@media (prefers-reduced-motion:no-preference){.float[data-astro-cid-fwwt4xz2]{animation:7s ease-in-out infinite float;animation-delay:calc(var(--start) * -1.5s)}.track[data-astro-cid-fwwt4xz2]{animation:24s ease-in-out infinite screens;animation-delay:calc(var(--start) * -8s)}.center[data-astro-cid-fwwt4xz2]:hover,.center[data-astro-cid-fwwt4xz2].touched{animation:none}}@keyframes float{50%{transform:translateY(-1.5%)}}@keyframes screens{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-25%)}66%,94%{transform:translateY(-50%)}to{transform:translateY(-75%)}}.appli[data-astro-cid-7i44lsev]{text-align:center}.appli[data-astro-cid-7i44lsev] .lead[data-astro-cid-7i44lsev]{margin-inline:auto}.video[data-astro-cid-7i44lsev],.stores[data-astro-cid-7i44lsev]{margin-top:1.5rem}.stores-after[data-astro-cid-7i44lsev]{margin-block:var(--space-block) 1.5rem}.note[data-astro-cid-7i44lsev]{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.9375rem}.demo-title[data-astro-cid-7i44lsev]{margin-top:var(--space-block)}.appli[data-astro-cid-7i44lsev] ol{justify-content:center}.appli[data-astro-cid-7i44lsev] .benefits{text-align:left}