.ryt-demo{--card2:#1e1e1e;--paper:#f4f4f5;background:#050505;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.ryt-demo *,.ryt-demo :after,.ryt-demo :before{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.ryt-demo .stage{min-height:100dvh;display:flex;align-items:center;justify-content:center}.ryt-demo .phone{position:relative;width:min(430px,100vw);height:min(880px,100dvh);background:var(--ink);overflow:hidden;display:flex;flex-direction:column}@media (min-width:500px) and (min-height:920px){.ryt-demo .phone{border-radius:48px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 120px rgba(0,0,0,.7)}}.ryt-demo .statusbar{position:absolute;top:0;left:0;right:0;height:44px;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none}.ryt-demo .statusbar .right{display:flex;align-items:center;gap:6px}.ryt-demo .statusbar svg{display:block}.ryt-demo .screen{position:absolute;inset:0;display:none;flex-direction:column;background:var(--ink)}.ryt-demo .screen.active{display:flex}.ryt-demo .screen.enter{animation:screenIn .48s var(--spring)}@keyframes screenIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ryt-demo .screen.enter{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.ryt-demo .btn{height:56px;border-radius:28px;border:0;font:600 17px/1 inherit;font-family:inherit;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer;transition:transform .18s var(--spring);color:var(--ink);background:#fff;flex:none}.ryt-demo .btn:active{transform:scale(.97)}.ryt-demo .btn.green{background:var(--signal);color:var(--sig-ink)}.ryt-demo .btn.ghost{background:rgba(255,255,255,.08);color:#fff}.ryt-demo .btn.quiet{background:none;color:rgba(255,255,255,.45);font-size:15px;font-weight:400;height:auto;padding:10px 0}.ryt-demo .card{background:var(--card);border-radius:24px;padding:20px}.ryt-demo .eyebrow{font-size:13px;font-weight:500;letter-spacing:.08em;color:rgba(255,255,255,.4)}.ryt-demo .tnum{font-variant-numeric:tabular-nums}.ryt-demo .dotg{color:var(--signal)}.ryt-demo .toggle{width:51px;height:31px;border-radius:16px;background:rgba(255,255,255,.14);position:relative;flex:none;cursor:pointer;transition:background .25s ease}.ryt-demo .toggle:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .25s var(--spring)}.ryt-demo .toggle.on{background:var(--signal)}.ryt-demo .toggle.on:after{transform:translateX(20px)}.ryt-demo .chips{display:flex;gap:8px}.ryt-demo .chip{padding:8px 16px;border-radius:18px;background:rgba(255,255,255,.07);font-size:14px;color:rgba(255,255,255,.6);cursor:pointer;border:0;font-family:inherit;transition:background .2s,color .2s}.ryt-demo .chip.on{background:#fff;color:var(--ink);font-weight:600}.ryt-demo #s-splash{align-items:center;justify-content:center;gap:28px}.ryt-demo .splash-ring{width:84px;height:84px;background:conic-gradient(var(--signal) 0 68%,rgba(255,255,255,.1) 68% 100%)}.ryt-demo .splash-ring,.ryt-demo .splash-ring .hole{border-radius:50%;display:flex;align-items:center;justify-content:center}.ryt-demo .splash-ring .hole{width:62px;height:62px;background:var(--ink)}.ryt-demo .splash-ring .dot{width:10px;height:10px;border-radius:50%;background:var(--signal);animation:rytPulse 1.6s ease-in-out infinite}@keyframes rytPulse{0%,to{opacity:1}50%{opacity:.35}}.ryt-demo .wordmark{font-size:24px;font-weight:700;letter-spacing:-.03em}.ryt-demo .wordmark b{color:var(--signal);font-weight:inherit}.ryt-demo .ob{padding:64px 24px 24px;gap:20px}.ryt-demo .ob h1{margin:0;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.ryt-demo .ob .lead{font-size:17px;line-height:1.5;color:rgba(255,255,255,.55)}.ryt-demo .spacer{flex:1}.ryt-demo #s-welcome{padding:32px 24px 24px;justify-content:flex-end;gap:16px}.ryt-demo .ghost{flex:1;display:flex;align-items:center;justify-content:center;font-size:110px;font-weight:700;letter-spacing:-.05em;line-height:.9;color:rgba(255,255,255,.06);text-align:center}.ryt-demo .ghost span{color:rgba(0,230,118,.25)}.ryt-demo #s-welcome h1{margin:0;font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.08}.ryt-demo .signin{font-size:15px;color:rgba(255,255,255,.45);text-align:center}.ryt-demo .signin b{color:var(--signal);font-weight:500;cursor:pointer}.ryt-demo .deal-row{display:flex;justify-content:space-between;align-items:baseline}.ryt-demo .deal-row .k{font-size:15px;color:rgba(255,255,255,.55)}.ryt-demo .deal-row .v{font-size:28px;font-weight:700;letter-spacing:-.02em}.ryt-demo .deal-bar{height:10px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;display:flex}.ryt-demo .deal-bar i{display:block;height:100%}.ryt-demo .sysdim{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:60;display:none;align-items:center;justify-content:center}.ryt-demo .sysdim.show{display:flex}.ryt-demo .sysdialog{width:280px;background:rgba(30,30,30,.96);border-radius:20px;padding:20px 20px 0;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:popIn .3s var(--spring)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.ryt-demo .sysdialog h3{margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.35}.ryt-demo .sysdialog p{margin:0 0 16px;font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.4}.ryt-demo .sysdialog .acts{display:flex;border-top:1px solid rgba(255,255,255,.12);margin:0 -20px}.ryt-demo .sysdialog .acts button{flex:1;padding:13px 0;font-size:16px;color:#0a84ff;background:none;border:0;font-family:inherit;cursor:pointer}.ryt-demo .sysdialog .acts button+button{border-left:1px solid rgba(255,255,255,.12);font-weight:600}.ryt-demo .notif-demo{background:var(--card);border-radius:18px;padding:14px 16px;display:flex;gap:12px;align-items:center}.ryt-demo .notif-demo .ic{width:34px;height:34px;border-radius:9px;background:var(--ink);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex:none}.ryt-demo .notif-demo .ic i{width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--signal) 0 68%,rgba(255,255,255,.15) 0)}.ryt-demo .notif-demo .t{font-size:14px;font-weight:600}.ryt-demo .notif-demo .s{font-size:13px;color:rgba(255,255,255,.5)}.ryt-demo #s-app{padding-top:44px}.ryt-demo .views{flex:1;position:relative;overflow:hidden}.ryt-demo .view{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;display:none;flex-direction:column;padding:12px 24px 156px;gap:16px;scrollbar-width:none}.ryt-demo .view::-webkit-scrollbar{display:none}.ryt-demo .view.active{display:flex}.ryt-demo .view.enter{animation:viewIn .35s var(--spring)}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ryt-demo .vtitle{font-size:28px;font-weight:700;letter-spacing:-.02em}.ryt-demo .tabbar{position:absolute;left:0;right:0;bottom:0;height:86px;z-index:30;display:flex;padding:8px 10px calc(18px + env(safe-area-inset-bottom, 0px));background:rgba(11,11,11,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06)}.ryt-demo .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;font-family:inherit;color:rgba(255,255,255,.38);font-size:10px;font-weight:500;cursor:pointer;transition:color .2s}.ryt-demo .tab svg{width:24px;height:24px}.ryt-demo .tab.on{color:var(--signal)}.ryt-demo .demobar{position:absolute;left:50%;bottom:94px;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(22,22,22,.92);border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.5);white-space:nowrap}.ryt-demo .demobar .dlabel{font:700 9.5px ui-monospace,Menlo,monospace;letter-spacing:.1em;color:var(--signal);padding:0 4px}.ryt-demo .dbtn{border:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);font:600 11.5px inherit;font-family:inherit;padding:6px 10px;border-radius:13px;cursor:pointer;transition:background .2s,color .2s}.ryt-demo .dbtn.on{background:var(--signal);color:var(--sig-ink)}.ryt-demo .dbtn:active{transform:scale(.95)}.ryt-demo .banner{position:absolute;top:52px;left:12px;right:12px;z-index:65;background:rgba(40,40,42,.96);border-radius:20px;padding:14px 16px;display:flex;gap:12px;box-shadow:0 12px 32px rgba(0,0,0,.55);transform:translateY(calc(-100% - 72px));transition:transform .5s var(--spring);pointer-events:none}.ryt-demo .banner.show{transform:none}.ryt-demo .banner .ic{width:38px;height:38px;border-radius:10px;background:var(--ink);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex:none}.ryt-demo .banner .ic i{width:18px;height:18px;border-radius:50%;background:conic-gradient(var(--signal) 0 68%,rgba(255,255,255,.18) 0)}.ryt-demo .banner .bt{font-size:14px;font-weight:600}.ryt-demo .banner .bs{font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.35}.ryt-demo .today-head{display:flex;justify-content:space-between;align-items:center}.ryt-demo .today-date{font-size:13px;color:rgba(255,255,255,.45)}.ryt-demo .streak-chip{display:flex;align-items:center;gap:6px;background:var(--card);border-radius:16px;padding:8px 14px}.ryt-demo .streak-chip b{font-size:15px;font-weight:700;color:var(--signal)}.ryt-demo .streak-chip span{font-size:12px;color:rgba(255,255,255,.5)}.ryt-demo .ringwrap{display:flex;flex-direction:column;align-items:center;padding:12px 0 4px}.ryt-demo .ring{position:relative;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.ryt-demo .ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.ryt-demo .ring-track{fill:none;stroke:rgba(255,255,255,.07);stroke-width:15}.ryt-demo .ring-arc{fill:none;stroke-width:15;stroke-linecap:round;transition:stroke-dasharray .6s var(--spring),stroke-dashoffset .6s var(--spring)}.ryt-demo .ring-green{stroke:var(--signal);filter:drop-shadow(0 0 6px rgba(0,230,118,.45))}.ryt-demo .ring-red{stroke:var(--rent);filter:drop-shadow(0 0 6px rgba(255,59,48,.4))}.ryt-demo .ring.over .ring-green{filter:drop-shadow(0 0 5px rgba(0,230,118,.35))}.ryt-demo .ring.over .ring-red{animation:ringPulse 2.4s ease-in-out infinite}@keyframes ringPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,59,48,.35))}50%{filter:drop-shadow(0 0 11px rgba(255,59,48,.7))}}.ryt-demo .ring.paused .ring-arc{filter:grayscale(.35) drop-shadow(0 0 4px rgba(255,255,255,.15));animation:none}@media (prefers-reduced-motion:reduce){.ryt-demo .ring-arc{transition:none}.ryt-demo .ring.over .ring-red{animation:none}}.ryt-demo .ring .hole{position:relative;z-index:1;width:158px;height:158px;border-radius:50%;background:radial-gradient(circle at 50% 34%,#1c1c1c 0,var(--ink) 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.ryt-demo .ring .big{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}.ryt-demo .ring .sub{font-size:13px;font-weight:500;color:var(--rent)}.ryt-demo .ring .sub.free{color:var(--signal)}.ryt-demo .rentcard{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.ryt-demo .rentcard .k{font-size:13px;color:rgba(255,255,255,.5)}.ryt-demo .rentcard .big{font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--rent)}.ryt-demo .rentcard .big.free{color:var(--signal)}.ryt-demo .rentcard .mo{font-size:20px;font-weight:600}.ryt-demo .odom{display:inline-block}.ryt-demo .odom.flip{animation:odo .32s var(--spring)}@keyframes odo{0%{transform:translateY(-.55em);opacity:0}to{transform:none;opacity:1}}.ryt-demo .tiles{display:flex;gap:12px}.ryt-demo .tile{flex:1;background:var(--card);border-radius:20px;padding:16px}.ryt-demo .tile .k{font-size:12px;color:rgba(255,255,255,.5)}.ryt-demo .tile .v{font-size:22px;font-weight:700;margin-top:2px}.ryt-demo .tile .v.g{color:var(--signal)}.ryt-demo .actions{display:flex;gap:12px}.ryt-demo .actions .btn{height:52px;border-radius:26px;font-size:15px;flex:1}.ryt-demo .weekcard .whead{display:flex;justify-content:space-between;margin-bottom:14px}.ryt-demo .weekcard .whead b{font-size:15px;font-weight:600}.ryt-demo .weekcard .whead span{font-size:13px;color:rgba(255,255,255,.45)}.ryt-demo .bars{display:flex;align-items:flex-end;gap:8px;height:72px}.ryt-demo .bars i{flex:1;border-radius:5px;transform-origin:bottom;transform:scaleY(0);transition:transform .5s var(--spring)}.ryt-demo .bars.grown i{transform:scaleY(1)}@media (prefers-reduced-motion:reduce){.ryt-demo .bars i{transition:none;transform:scaleY(1)}}.ryt-demo .daylabels{display:flex;gap:8px;margin-top:8px}.ryt-demo .daylabels span{flex:1;text-align:center;font-size:11px;color:rgba(255,255,255,.4)}.ryt-demo .daylabels span.today{color:#fff;font-weight:600}.ryt-demo .footline{font-size:14px;color:rgba(255,255,255,.5);text-align:center;padding:4px 0 8px}.ryt-demo .seg{display:flex;background:var(--card);border-radius:20px;padding:4px}.ryt-demo .seg button{flex:1;height:36px;border-radius:16px;border:0;background:none;color:rgba(255,255,255,.55);font:600 14px inherit;font-family:inherit;cursor:pointer;transition:background .2s,color .2s}.ryt-demo .seg button.on{background:rgba(255,255,255,.12);color:#fff}.ryt-demo .receipt{background:var(--paper);color:var(--ink);border-radius:24px;padding:26px 24px;box-shadow:0 20px 50px rgba(0,0,0,.5);transition:transform .5s var(--spring),opacity .4s ease;position:relative;overflow:hidden}.ryt-demo .receipt.filed{transform:translateY(-24px) scale(.95);opacity:0}.ryt-demo .receipt .rhead{display:flex;justify-content:space-between;margin-bottom:22px;font-size:13px;font-weight:600;letter-spacing:.08em;color:rgba(0,0,0,.45)}.ryt-demo .receipt .line{display:flex;justify-content:space-between;font-size:15px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08)}.ryt-demo .receipt .line span:last-child{color:rgba(0,0,0,.55)}.ryt-demo .receipt .total{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 4px}.ryt-demo .receipt .total b{font-size:15px;font-weight:600}.ryt-demo .receipt .total .sum{font-size:36px;font-weight:700;letter-spacing:-.03em}.ryt-demo .receipt .fine{font-size:12.5px;color:rgba(0,0,0,.4);margin-top:10px}.ryt-demo .stamp{position:absolute;top:18px;right:-8px;transform:rotate(12deg) scale(3);opacity:0;font:800 15px ui-monospace,Menlo,monospace;letter-spacing:.14em;padding:6px 14px;border:3px solid;border-radius:8px;pointer-events:none}.ryt-demo .stamp.show{animation:stampIn .45s var(--spring) forwards}@keyframes stampIn{0%{opacity:0;transform:rotate(12deg) scale(3)}60%{opacity:1;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.ryt-demo .stamp.paid{color:var(--rent);border-color:var(--rent)}.ryt-demo .stamp.free{color:#00b85f;border-color:#00b85f}.ryt-demo .applist{display:flex;flex-direction:column;gap:12px}.ryt-demo .applist h4{margin:0;font-size:15px;font-weight:600}.ryt-demo .approw{display:flex;justify-content:space-between;align-items:center}.ryt-demo .approw .nm{font-size:15px;color:rgba(255,255,255,.7)}.ryt-demo .approw .rt{display:flex;align-items:center;gap:10px}.ryt-demo .approw .track{width:90px;height:6px;border-radius:3px;background:rgba(255,255,255,.1)}.ryt-demo .approw .track i{display:block;height:100%;border-radius:3px;background:var(--rent);transition:width .4s ease}.ryt-demo .approw .mm{font-size:13px;color:rgba(255,255,255,.5)}.ryt-demo .mo-cards{display:flex;gap:12px}.ryt-demo .mo-card{flex:1;background:var(--card);border-radius:20px;padding:16px}.ryt-demo .mo-card .k{font-size:12px;color:rgba(255,255,255,.5)}.ryt-demo .mo-card .v{font-size:26px;font-weight:700;margin-top:2px}.ryt-demo .mo-card .d{font-size:11.5px;margin-top:4px;color:rgba(255,255,255,.4)}.ryt-demo .mo-card .d.g{color:var(--signal)}.ryt-demo .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.ryt-demo .cal i{aspect-ratio:1;border-radius:7px;display:block}.ryt-demo .legend{display:flex;gap:14px;margin-top:12px;font-size:11.5px;color:rgba(255,255,255,.45)}.ryt-demo .legend span{display:flex;align-items:center;gap:5px}.ryt-demo .legend i{width:9px;height:9px;border-radius:3px;display:block}.ryt-demo .hist{display:flex;flex-direction:column;gap:13px}.ryt-demo .hist h4{margin:0 0 1px;font-size:15px;font-weight:600}.ryt-demo .hist .row{display:flex;justify-content:space-between;font-size:15px}.ryt-demo .hist .row span:first-child{color:rgba(255,255,255,.7)}.ryt-demo .hist .row b{font-weight:600;color:var(--rent)}.ryt-demo .hist .row b.g{color:var(--signal)}.ryt-demo .icard .k{font-size:13px;color:rgba(255,255,255,.5)}.ryt-demo .icard .hl{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ryt-demo .icard .hl b{font-size:34px;font-weight:700;letter-spacing:-.02em}.ryt-demo .icard .hl span{font-size:13px;color:var(--signal);font-weight:600}.ryt-demo .ibars{display:flex;align-items:flex-end;gap:8px;height:88px;margin-top:16px;position:relative}.ryt-demo .ibars .free-line{position:absolute;left:0;right:0;border-top:1.5px dashed rgba(255,255,255,.25)}.ryt-demo .ibars i{flex:1;border-radius:5px;transform-origin:bottom;transform:scaleY(0);transition:transform .5s var(--spring)}.ryt-demo .ibars.grown i{transform:scaleY(1)}@media (prefers-reduced-motion:reduce){.ryt-demo .ibars i{transition:none;transform:scaleY(1)}}.ryt-demo .ibars-note{font-size:11.5px;color:rgba(255,255,255,.4);margin-top:8px;text-align:right}.ryt-demo .bw{display:flex;gap:12px}.ryt-demo .bw .tile .v{font-size:18px}.ryt-demo .bw .tile .v.r{color:var(--rent)}.ryt-demo .hours{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.ryt-demo .hours i{height:22px;border-radius:5px;display:block}.ryt-demo .hourlabels{font-size:11px;color:rgba(255,255,255,.4);margin-top:6px}.ryt-demo .hourlabels,.ryt-demo .proj{display:flex;justify-content:space-between}.ryt-demo .proj{align-items:center}.ryt-demo .proj .v{font-size:24px;font-weight:700;color:var(--rent)}.ryt-demo .usage{display:flex;flex-direction:column;gap:16px}.ryt-demo .u-row .u-head{display:flex;justify-content:space-between}.ryt-demo .u-row .u-head b{font-size:15px;font-weight:500}.ryt-demo .u-row .u-head span{font-size:14px;color:rgba(255,255,255,.55)}.ryt-demo .u-row .u-head span em{font-style:normal;color:var(--rent);font-weight:600}.ryt-demo .u-row .track{height:8px;border-radius:4px;background:rgba(255,255,255,.08);margin-top:7px}.ryt-demo .u-row .track i{display:block;height:100%;border-radius:4px}.ryt-demo .exempt{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.ryt-demo .exempt .t{font-size:15px;font-weight:600}.ryt-demo .exempt .s{font-size:13px;color:rgba(255,255,255,.5);margin-top:2px}.ryt-demo .exempt a{color:var(--signal);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}.ryt-demo .insight-call{background:rgba(0,230,118,.07);border-radius:24px;padding:18px 20px}.ryt-demo .insight-call .t{font-size:15px;font-weight:600;color:var(--signal)}.ryt-demo .insight-call .s{font-size:14px;line-height:1.5;color:rgba(255,255,255,.65);margin-top:4px}.ryt-demo .streakcard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px}.ryt-demo .streakcard .n{font-size:56px;font-weight:700;letter-spacing:-.04em;color:var(--signal);line-height:1}.ryt-demo .streakcard .k{font-size:15px;color:rgba(255,255,255,.6)}.ryt-demo .pips{display:flex;gap:6px;margin-top:10px}.ryt-demo .pips i{width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,.12);display:block}.ryt-demo .pips i.on{background:var(--signal)}.ryt-demo .streakcard .next{font-size:12.5px;color:rgba(255,255,255,.45)}.ryt-demo .badges{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ryt-demo .badge{background:var(--card);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.ryt-demo .badge.locked{opacity:.45}.ryt-demo .badge .coin{width:44px;height:44px;background:conic-gradient(var(--signal) 0 100%)}.ryt-demo .badge .coin,.ryt-demo .badge .coin .in{border-radius:50%;display:flex;align-items:center;justify-content:center}.ryt-demo .badge .coin .in{width:34px;height:34px;background:var(--card);font-size:13px;font-weight:700;color:var(--signal)}.ryt-demo .badge.locked .coin{background:rgba(255,255,255,.08)}.ryt-demo .badge.locked .coin .in{background:none;color:rgba(255,255,255,.4);width:auto;height:auto}.ryt-demo .badge .t{font-size:14px;font-weight:600}.ryt-demo .badge .s{font-size:12px;color:rgba(255,255,255,.45)}.ryt-demo .badge .shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(0,230,118,.18) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none}.ryt-demo .badge.unlocking .shimmer{animation:shim .6s ease forwards}@keyframes shim{to{transform:translateX(120%)}}.ryt-demo .challenge{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.ryt-demo .challenge .t{font-size:15px;font-weight:600}.ryt-demo .challenge .s{font-size:13px;color:rgba(255,255,255,.5);margin-top:2px}.ryt-demo .mini-ring{width:44px;height:44px;background:conic-gradient(var(--signal) 0 71%,rgba(255,255,255,.1) 0);flex:none}.ryt-demo .mini-ring,.ryt-demo .mini-ring .in{border-radius:50%;display:flex;align-items:center;justify-content:center}.ryt-demo .mini-ring .in{width:33px;height:33px;background:var(--card);font-size:12px;font-weight:700}.ryt-demo .group{background:var(--card);border-radius:24px;padding:6px 20px}.ryt-demo .srow{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.ryt-demo .group .srow:last-child{border-bottom:0}.ryt-demo .srow .l{font-size:16px}.ryt-demo .srow .r{font-size:16px;color:rgba(255,255,255,.5)}.ryt-demo .srow .r.g{color:var(--signal)}.ryt-demo .danger{background:rgba(255,59,48,.06);border:1px solid rgba(255,59,48,.2);border-radius:24px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.ryt-demo .danger .head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ryt-demo .danger .t{font-size:16px;font-weight:600}.ryt-demo .danger .s{font-size:13px;color:rgba(255,255,255,.5);margin-top:2px}.ryt-demo .danger .fine{font-size:12px;line-height:1.5;color:rgba(255,255,255,.4)}.ryt-demo .delete{font-size:15px;color:var(--rent);text-align:center;padding:8px 0;cursor:pointer;background:none;border:0;font-family:inherit;width:100%}.ryt-demo .sheetdim{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:70;opacity:0;pointer-events:none;transition:opacity .3s ease}.ryt-demo .sheetdim.show{opacity:1;pointer-events:auto}.ryt-demo .sheet{position:absolute;left:0;right:0;bottom:0;z-index:71;background:var(--ink);border-radius:28px 28px 0 0;padding:20px 24px calc(24px + env(safe-area-inset-bottom, 0px));transform:translateY(105%);transition:transform .45s var(--spring);max-height:88%;overflow-y:auto;display:flex;flex-direction:column;gap:18px;border-top:1px solid rgba(255,255,255,.08)}.ryt-demo .sheet.show{transform:none}.ryt-demo .grabber{width:36px;height:5px;border-radius:3px;background:rgba(255,255,255,.18);margin:0 auto}.ryt-demo .pro-eyebrow{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--signal)}.ryt-demo .pro-title{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.12}.ryt-demo .pro-feats{display:flex;flex-direction:column;gap:12px;margin-top:4px}.ryt-demo .pro-feats .f{display:flex;gap:12px;align-items:center}.ryt-demo .pro-feats .f i{width:6px;height:6px;border-radius:50%;background:var(--signal);flex:none}.ryt-demo .pro-feats .f span{font-size:16px;color:rgba(255,255,255,.8)}.ryt-demo .plan{background:var(--card);border-radius:22px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;cursor:pointer}.ryt-demo .plan.featured{border:1.5px solid var(--signal)}.ryt-demo .plan .flag{position:absolute;top:-11px;left:20px;background:var(--signal);color:var(--sig-ink);font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;border-radius:9px}.ryt-demo .plan .t{font-size:16px;font-weight:600}.ryt-demo .plan .s{font-size:13px;color:rgba(255,255,255,.5)}.ryt-demo .plan .s s{text-decoration:line-through}.ryt-demo .plan .p{font-size:22px;font-weight:700}.ryt-demo .plan .p span{font-size:13px;font-weight:500;color:rgba(255,255,255,.5)}.ryt-demo .pro-fine{font-size:12px;color:rgba(255,255,255,.35);text-align:center}.ryt-demo .billwrap{position:absolute;inset:0;z-index:72;display:none;flex-direction:column;justify-content:center;padding:24px;gap:16px}.ryt-demo .billwrap.show{display:flex}.ryt-demo .billwrap .receipt{animation:billIn .55s var(--spring)}@keyframes billIn{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:none}}.ryt-demo .modal{width:300px;background:var(--card2);border-radius:22px;padding:24px 22px 16px;text-align:center;animation:popIn .3s var(--spring)}.ryt-demo .modal h3{margin:0 0 8px;font-size:17px;font-weight:600}.ryt-demo .modal p{margin:0 0 18px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.55)}.ryt-demo .modal .acts{display:flex;gap:10px}.ryt-demo .modal .acts .btn{height:46px;font-size:15px;border-radius:23px}.ryt-demo .toast{position:absolute;left:50%;bottom:140px;transform:translate(-50%,16px);z-index:80;background:var(--card2);border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 20px;border-radius:22px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--spring);box-shadow:0 12px 32px rgba(0,0,0,.5);max-width:86%}.ryt-demo .toast.show{opacity:1;transform:translate(-50%)}