.app-demo{--u:calc(var(--phone-w) * .002448);--demo-t:14s;color:#1f1b12;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:absolute;inset:0}.app-demo ul,.app-demo ol{margin:0;padding:0;list-style:none}.app-demo p,.app-demo h3{margin:0}.app-demo-screen{background:#f3e9c6;position:absolute;inset:0;overflow:hidden}.app-demo-schedule{padding:calc(var(--u)*56) calc(var(--u)*20) 0}.app-demo-head{justify-content:space-between;align-items:flex-start;display:flex}.app-demo-brand{font-family:NyghtSerif DarkItalic,Georgia,serif;font-weight:700;font-size:calc(var(--u)*36);line-height:1}.app-demo-tagline{margin-top:calc(var(--u)*6);font-size:calc(var(--u)*12);letter-spacing:calc(var(--u)*1.6);color:#5e5847}.app-demo-spark{width:calc(var(--u)*44);height:calc(var(--u)*44);color:#d9ff57;background:#1f1b12;border-radius:50%;place-items:center;display:grid}.app-demo-spark svg{width:calc(var(--u)*20);height:calc(var(--u)*20)}.app-demo-week{min-height:calc(var(--u)*60);margin-top:calc(var(--u)*20);opacity:0;justify-content:space-between;transition:opacity .4s;display:flex}.app-demo-week--ready{opacity:1}.app-demo-week li{align-content:start;justify-items:center;gap:calc(var(--u)*2);width:calc(var(--u)*44);color:#5e5847;display:grid}.app-demo-week small{font-size:calc(var(--u)*11);letter-spacing:calc(var(--u)*.6)}.app-demo-week b{font-size:calc(var(--u)*22);font-weight:600}.app-demo-week .on{color:#1f1b12}.app-demo-week .on b{font-weight:700}.app-demo-week i{width:calc(var(--u)*5);height:calc(var(--u)*5);margin-top:calc(var(--u)*1);background:#a93722;border-radius:50%}.app-demo-filters{gap:calc(var(--u)*8);margin-top:calc(var(--u)*12);display:flex}.app-demo-filters li{padding:calc(var(--u)*7) calc(var(--u)*16);font-size:calc(var(--u)*14);background:#e9ddb4;border-radius:999px}.app-demo-filters .on{background:#d5f166}.app-demo-day{margin:calc(var(--u)*14) 0 calc(var(--u)*10);justify-content:space-between;align-items:baseline;display:flex}.app-demo-day b{font-size:calc(var(--u)*21);font-weight:600}.app-demo-day span{font-size:calc(var(--u)*13);color:#5e5847}.app-demo-card{gap:calc(var(--u)*14);margin-bottom:calc(var(--u)*10);padding:calc(var(--u)*14);border-radius:calc(var(--u)*24);box-shadow:0 calc(var(--u)*4) calc(var(--u)*10) #0000000f;background:#faf4df;display:flex}.app-demo-time{align-content:center;justify-items:center;gap:calc(var(--u)*3);width:calc(var(--u)*78);padding:calc(var(--u)*10) 0;border-radius:calc(var(--u)*18);background:#f6e3ac;flex:none;display:grid}.app-demo-time i{width:calc(var(--u)*6);height:calc(var(--u)*6);background:#93a6df;border-radius:50%}.app-demo-time b{font-size:calc(var(--u)*23);font-variant-numeric:tabular-nums;font-weight:600}.app-demo-time span{font-size:calc(var(--u)*12);color:#1f1b12b3}.app-demo-card-body{flex:1;min-width:0}.app-demo-card-body ul{gap:calc(var(--u)*8);margin-top:calc(var(--u)*8);display:flex}.app-demo-card-body li{padding:calc(var(--u)*4) calc(var(--u)*12);font-size:calc(var(--u)*13);background:#e9ddb4;border-radius:999px}.app-demo-caption{margin-bottom:calc(var(--u)*2);font-size:calc(var(--u)*11);letter-spacing:calc(var(--u)*1);color:#a93722;font-weight:600}.app-demo-card-title{justify-content:space-between;align-items:center;display:flex}.app-demo-card-title h3{font-size:calc(var(--u)*19);font-weight:600}.app-demo-card-title svg{width:calc(var(--u)*16);height:calc(var(--u)*16);color:#5e5847}.app-demo-tabs{right:calc(var(--u)*16);bottom:calc(var(--u)*18);left:calc(var(--u)*16);height:calc(var(--u)*64);padding:0 calc(var(--u)*6);border-radius:calc(var(--u)*32);box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) #1f1b1224;background:#fcf7e2f0;align-items:center;display:flex;position:absolute}.app-demo-tabs span{justify-items:center;gap:calc(var(--u)*3);padding:calc(var(--u)*7) 0;border-radius:calc(var(--u)*26);font-size:calc(var(--u)*10.5);flex:1;font-weight:600;display:grid}.app-demo-tabs .on{background:#e9ddb4}.app-demo-tabs svg{width:calc(var(--u)*24);height:calc(var(--u)*24)}.app-demo-fy{height:calc(var(--u)*24);font-family:NyghtSerif DarkItalic,Georgia,serif;font-size:calc(var(--u)*24);font-weight:400;line-height:calc(var(--u)*24)}.app-demo-fy sup{font-size:calc(var(--u)*12);vertical-align:super}.app-demo-livebar{right:calc(var(--u)*20);bottom:calc(var(--u)*90);left:calc(var(--u)*20);animation:demo-bar var(--demo-t) infinite both;position:absolute}.app-demo-livebar-card{align-items:center;gap:calc(var(--u)*12);height:calc(var(--u)*56);padding:0 calc(var(--u)*11) 0 calc(var(--u)*14);border-radius:calc(var(--u)*24);box-shadow:0 calc(var(--u)*5) calc(var(--u)*14) #00000038;animation:demo-press var(--demo-t) infinite both;background:#1f1b12;border:.5px solid #ffffff1a;display:flex}.app-demo-signal{width:calc(var(--u)*28);height:calc(var(--u)*28);flex:none;position:relative}.app-demo-signal:before,.app-demo-signal:after{content:"";border-radius:50%;position:absolute}.app-demo-signal:before{inset:calc(var(--u)*9.8);background:#e5484d}.app-demo-signal:after{border:1.5px solid #e5484d73;animation:2.2s ease-out infinite demo-ring;inset:0}.app-demo-livebar-text{min-width:0;display:grid}.app-demo-livebar-text small{font-size:calc(var(--u)*11);letter-spacing:calc(var(--u)*1.2);color:#ffffffa8}.app-demo-livebar-text b{font-size:calc(var(--u)*16);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.app-demo-play{width:calc(var(--u)*34);height:calc(var(--u)*34);color:#fff;background:#ffffff24;border-radius:50%;place-items:center;margin-left:auto;display:grid}.app-demo-play svg{width:calc(var(--u)*16);height:calc(var(--u)*16);margin-left:calc(var(--u)*1.5)}.app-demo-player{opacity:0;visibility:hidden;animation:demo-player var(--demo-t) infinite both;background:#000;position:absolute;inset:0}.app-demo-stream{aspect-ratio:16/9;background:#111;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.app-demo-video{object-fit:cover;width:100%;height:100%;display:block}.app-demo-controls{align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*20) calc(var(--u)*14) calc(var(--u)*10);color:#fff;animation:demo-controls var(--demo-t) infinite both;background:linear-gradient(#0000,#0009);display:flex;position:absolute;bottom:0;left:0;right:0}.app-demo-controls svg{width:calc(var(--u)*18);height:calc(var(--u)*18);flex:none}.app-demo-controls i{height:calc(var(--u)*3);background:#ffffff59;border-radius:2px;flex:1;position:relative}.app-demo-controls i:after{content:"";width:calc(var(--u)*9);height:calc(var(--u)*9);background:#e5484d;border-radius:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.app-demo-controls span{font-size:calc(var(--u)*11);letter-spacing:calc(var(--u)*1);font-weight:700}.app-demo-close{top:calc(var(--u)*58);right:calc(var(--u)*16);width:calc(var(--u)*44);height:calc(var(--u)*44);color:#fff;background:#00000073;border-radius:50%;place-items:center;display:grid;position:absolute}.app-demo-close svg{width:calc(var(--u)*20);height:calc(var(--u)*20)}.app-demo-tap{width:calc(var(--u)*46);height:calc(var(--u)*46);margin:calc(var(--u)*-23) 0 0 calc(var(--u)*-23);opacity:0;border-radius:50%;position:absolute}.app-demo-tap--bar{top:calc(var(--u)*705);left:calc(var(--u)*342);animation:demo-tap-bar var(--demo-t) infinite both;background:#ffffff4d;border:1.5px solid #fff9}.app-demo-tap--close{top:calc(var(--u)*80);left:calc(var(--u)*352);animation:demo-tap-close var(--demo-t) infinite both;background:#ffffff38;border:1.5px solid #fff9}@keyframes demo-bar{0%,5%{opacity:0;transform:translateY(calc(var(--u) * 28))}10%,88%{opacity:1;transform:none}93%,to{opacity:0;transform:translateY(calc(var(--u) * 28))}}@keyframes demo-press{0%,16%,21%,to{transform:none}18%{transform:scale(.965)}}@keyframes demo-tap-bar{0%,16%{opacity:0;transform:scale(.4)}17%{opacity:1;transform:scale(.55)}22%,to{opacity:0;transform:scale(1.7)}}@keyframes demo-player{0%,20%{opacity:0;visibility:hidden;transform:scale(.98)}21%{visibility:visible}25%,76%{opacity:1;visibility:visible;transform:none}80%,to{opacity:0;visibility:hidden}}@keyframes demo-controls{0%,25%{opacity:0}28%,36%{opacity:1}42%,to{opacity:0}}@keyframes demo-tap-close{0%,72%{opacity:0;transform:scale(.4)}73%{opacity:1;transform:scale(.55)}78%,to{opacity:0;transform:scale(1.7)}}@keyframes demo-ring{0%{opacity:.45;transform:scale(.42)}to{opacity:0;transform:scale(1)}}.app-demo[data-active=false] *,.app-demo[data-active=false] :before,.app-demo[data-active=false] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.app-demo *,.app-demo :before,.app-demo :after{animation:none!important}.app-demo-player,.app-demo-tap{display:none}.app-demo-livebar{opacity:1;transform:none}}