@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 699;src:url(/themes/fonts/inter-7ce85dc9.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700 900;src:url(/themes/fonts/inter-bold-8afbe02e.woff2) format("woff2")}.demo-grid[data-tier=themes],.demo-grid[data-tier=achv],.demo-grid[data-tier=widgets],.demo-grid[data-tier=spot]{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.cl-ach{position:absolute;left:0;right:0;height:88px;display:flex;flex-direction:row;align-items:center;padding:0 98px 0 15px;transition:top .34s cubic-bezier(.4,0,.2,1),background-color .3s,color .3s,transform .34s,opacity .34s;overflow:hidden}.cl-ach .a-thumb{width:46px;height:46px;border-radius:10px;flex:none;margin-right:13px;box-shadow:inset 0 0 0 1px #0000002e}.cl-ach .a-txt{display:flex;flex-direction:column;min-width:0}.cl-ach .a-name{font-weight:700;font-size:22px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-ach .a-desc{font-size:14px;opacity:.82;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.cl-ach .a-tag{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:Inter,sans-serif;font-weight:700;font-size:14px;text-align:right}.cl-ach .a-strike{position:absolute;left:74px;right:98px;top:calc(50% + 1px);height:2.5px;border-radius:1.5px;background:currentColor}.cl-home{position:absolute;inset:0;overflow:hidden}.cl-widget{position:absolute;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #00000047}.cl-wtitle{position:absolute;top:0;left:0;right:0;height:40px;display:flex;align-items:flex-end;padding:0 14px 6px;font-weight:700;font-size:17px}.cl-wrow{position:absolute;left:0;right:0;height:40px;display:flex;align-items:center;padding-left:34px;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;transition:background-color .3s,color .3s}.cl-wrow .cl-strike{left:34px;right:14px}.cl-appicon{position:absolute;width:52px;height:52px;border-radius:12px;box-shadow:0 4px 10px #0003}.cl-applbl{position:absolute;font-size:11px;color:#fff;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.45);text-align:center}.cl-dock{position:absolute;left:14px;right:14px;bottom:30px;height:74px;border-radius:26px;background:#ffffff38}.cl-spot{position:absolute;inset:0;background:#1212148c}.cl-spot-bar{position:absolute;top:70px;left:16px;right:16px;height:46px;border-radius:12px;background:#78788080;display:flex;align-items:center;padding:0 14px;gap:10px;color:#fff;font-size:20px;font-weight:500}.cl-spot-cat{position:absolute;top:132px;left:20px;font-family:Inter,sans-serif;font-weight:700;font-size:13px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.cl-spot-res{position:absolute;top:158px;left:14px;right:14px;border-radius:16px;background:#ffffff29;padding:14px;display:flex;gap:13px;align-items:center}.cl-spot-thumb{width:54px;height:54px;border-radius:12px;flex:none;box-shadow:inset 0 0 0 1px #0000001f}.cl-spot-txt{color:#fff;overflow:hidden}.cl-spot-title{font-weight:700;font-size:19px;line-height:1.2}.cl-spot-sub{font-size:14px;opacity:.72;line-height:1.25;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-phone-outer{position:relative;width:259px;height:562px}.cl-phone-scale{transform:scale(.66);transform-origin:top left}.cl-iphone,.cl-browserwin,.cl-pixel,.cl-desktopwin{box-shadow:0 0 0 2px #000 inset,0 18px 40px #0000004d}.cl-iphone{position:relative;box-sizing:border-box;width:393px;height:852px;border-radius:55px;padding:12px;background:#111}.cl-btn-power,.cl-btn-vol{position:absolute;width:5px;background:#555;box-shadow:0 0 0 1px #000;z-index:45;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.cl-btn-power{top:26%;right:-5px;height:80px;border-radius:2px 0 0 2px}.cl-btn-vol{top:16%;left:-5px;height:50px;border-radius:0 2px 2px 0}.cl-btn-power.pressed,.cl-btn-vol.pressed{background:#ccc;transform:scaleX(1.8);box-shadow:0 0 0 1px #000,0 0 10px 3px #ffffffd9}.cl-screen{all:initial;display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:44px;box-shadow:inset 0 0 0 2px #111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cl-screen *{box-sizing:border-box}.cl-island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:126px;height:37px;background:#000;border-radius:19px;z-index:40}.cl-home-indicator,.cl-nav-pill{position:absolute;left:50%;transform:translate(-50%);background-color:currentColor;z-index:40;opacity:.9}.cl-home-indicator{bottom:9px;width:140px;height:5px;border-radius:3px}.cl-header{position:absolute;top:-1px;left:-1px;right:-1px;height:147px;display:flex;align-items:flex-end;padding:0 16px 16px 15px;z-index:6}.cl-header .cl-title{font-weight:700;font-size:30px;line-height:1.1;letter-spacing:-.01em}.cl-rows{position:absolute;inset:146px -1px 0;overflow:hidden}.cl-rows-incoming{position:absolute;inset:146px -1px 0;overflow:hidden;pointer-events:none}.cl-row{position:absolute;left:0;right:0;height:72px;display:flex;align-items:center;padding-left:15px;padding-right:16px;font-weight:600;font-size:25px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:top .34s cubic-bezier(.4,0,.2,1),background-color .3s ease,color .3s ease}.cl-row--ll{height:93px;font-weight:700;font-size:27px}.cl-row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.cl-strike{position:absolute;left:15px;right:16px;top:calc(50% + 2px);height:2.5px;border-radius:1.5px;background:currentColor}.cl-count-badge{position:absolute;top:5px;right:9px;font-family:Inter,sans-serif;font-weight:700;font-size:14px}.cl-sel-check{position:absolute;top:50%;right:14px;transform:translateY(-50%) scale(.4);width:26px;height:26px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #ffffffeb;opacity:0;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s ease}.cl-sel-check.show{transform:translateY(-50%) scale(1);opacity:1}.cl-sel-check:after{content:"";position:absolute;left:7px;top:12px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translateY(-1px)}.cl-pile-badge{position:absolute;top:96px;right:14px;padding:4px 9px;border-radius:12px;font-family:Inter,sans-serif;font-weight:800;font-size:15px;background:#000;color:#fff;box-shadow:0 2px 8px #0000004d;z-index:51}.cl-caret{position:absolute;width:2.5px;height:30px;background:currentColor;border-radius:2px;opacity:0}.cl-caret.blink{animation:clBlink 1s steps(1) infinite}@keyframes clBlink{50%{opacity:0!important}}.cl-row-underlay{position:absolute;left:0;right:0;height:72px;display:flex;align-items:center;font-size:30px;font-weight:700;z-index:1}.cl-row-underlay.left{justify-content:flex-start;padding-left:26px}.cl-row-underlay.right{justify-content:flex-end;padding-right:26px}.cl-header-underlay{position:absolute;top:0;left:0;right:0;height:146px;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 16px 5px;z-index:5}.cl-header-underlay svg{display:block;width:22px;height:22px}.cl-toolbar{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;align-items:center;justify-content:space-around;padding:0 18px 8px;z-index:20;transform:translateY(80px);transition:transform .28s cubic-bezier(.4,0,.2,1)}.cl-toolbar.show{transform:translateY(0)}.cl-tool{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:19px;background:#ffffff38}.cl-tool.hot{outline:3px solid rgba(255,255,255,.9)}.cl-chip{position:absolute;top:96px;right:14px;padding:6px 12px;border-radius:16px;font-family:Inter,sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px;z-index:8;box-shadow:0 2px 8px #0000002e}.cl-flash{position:absolute;inset:0;border-radius:44px;z-index:30;pointer-events:none;opacity:0}.cl-inputbar{position:absolute;left:0;right:0;bottom:0;z-index:25;transform:translateY(380px);transition:transform .34s cubic-bezier(.4,0,.2,1)}.cl-inputbar.show{transform:translateY(0)}.cl-etoolbar{height:56px;display:flex;align-items:center;justify-content:space-around;padding:0 12px;background:#c8cace;border-top:1px solid rgba(0,0,0,.16)}.cl-etool{min-width:46px;height:40px;padding:0 10px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:18px;color:#1c1c1e;background:#ffffff80}.cl-etool.hot{background:#fff;box-shadow:0 1px 5px #00000052}.cl-keyboard{background:#d1d3d9;padding:7px 3px 24px}.cl-kb-row{display:flex;justify-content:center;gap:6px;margin:5px}.cl-key{flex:1;height:42px;max-width:34px;background:#fff;border-radius:6px;box-shadow:0 1px #0000004d}.cl-key.fn{background:#aeb4bd}.cl-key.wide{flex:1.5;max-width:none}.cl-key.space{flex:5;max-width:none}.cl-datepicker{position:absolute;left:0;right:0;bottom:0;z-index:26;transform:translateY(370px);transition:transform .55s cubic-bezier(.2,.85,.25,1);background:#1e1e21f9}.cl-datepicker.show{transform:translateY(0)}.cl-dp-bar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.09)}.cl-dp-btn{color:#fff;font-family:-apple-system,sans-serif;font-size:18px}.cl-dp-btn.done{font-weight:700}.cl-dp-wheels{height:184px;position:relative;display:flex;overflow:hidden;padding-bottom:16px}.cl-dp-band{position:absolute;left:10px;right:10px;top:72px;height:40px;background:#ffffff1f;border-radius:9px;pointer-events:none;z-index:1}.cl-dp-col{flex:1;position:relative;overflow:hidden}.cl-dp-col.wide{flex:1.6}.cl-dp-list{position:absolute;left:0;right:0;top:0}.cl-dp-item{height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;font-family:-apple-system,sans-serif}.cl-reminder-tag{position:absolute;right:15px;top:0;bottom:0;display:flex;align-items:center;gap:5px;font-family:-apple-system,sans-serif;font-weight:600;font-size:16px;white-space:nowrap}.cl-reminder-tag svg{display:block}.cl-sharesheet{position:absolute;left:0;right:0;bottom:0;z-index:26;transform:translateY(110%);transition:transform .4s cubic-bezier(.2,.85,.25,1);background:#1e1e21f9;border-radius:20px 20px 0 0;overflow:hidden}.cl-sharesheet.show{transform:translateY(0)}.cl-sharesheet-opt{height:64px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:-apple-system,sans-serif;font-size:19px;font-weight:600;border-top:1px solid rgba(255,255,255,.09)}.cl-sharesheet-opt:first-child{border-top:none}.cl-sharesheet-opt.hot{background:#ffffff24}.cl-sharecard{position:absolute;left:0;right:0;bottom:0;z-index:27;transform:translateY(420px);transition:transform .5s cubic-bezier(.2,.85,.25,1);background:#1e1e21f9;border-radius:20px 20px 0 0;padding:18px}.cl-sharecard.show{transform:translateY(0)}.cl-sharecard-title{color:#fff;font-family:-apple-system,sans-serif;font-weight:700;font-size:16px;margin-bottom:12px;text-align:center}.cl-sharecard-rows{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0000004d}.cl-sharecard-row{height:38px;display:flex;align-items:center;padding:0 14px;font-family:-apple-system,sans-serif;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-hand{position:absolute;left:0;top:0;width:0;height:0;z-index:60;pointer-events:none;transform:translate(0)}.cl-hand-dot{position:absolute;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff9,#96969666 55%,#50505057);border:1.5px solid rgba(255,255,255,.72);box-shadow:0 4px 12px #00000052;transition:transform .12s ease}.cl-hand.press .cl-hand-dot{transform:scale(.8)}.cl-hand-ripple{position:absolute;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:50%;border:2.5px solid rgba(255,255,255,.85);opacity:0}.cl-hand-ripple.go{animation:clRipple .55s ease-out}@keyframes clRipple{0%{transform:scale(.7);opacity:.85}to{transform:scale(2.3);opacity:0}}.cl-hand-hold{position:absolute;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:50%;border:2.5px solid rgba(255,255,255,.65);opacity:0}.cl-hand-hold.go{animation:clHold .7s ease-out}@keyframes clHold{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.6);opacity:0}}.shake{animation:clShake .5s ease-in-out}@keyframes clShake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-7px) rotate(-1.2deg)}30%{transform:translate(7px) rotate(1.2deg)}45%{transform:translate(-6px) rotate(-1deg)}60%{transform:translate(6px) rotate(1deg)}75%{transform:translate(-3px) rotate(-.5deg)}}.cl-browserwin{position:relative;box-sizing:border-box;width:393px;height:852px;padding:12px;background:#1a1a1a;border-radius:14px}.cl-pixel{position:relative;box-sizing:border-box;width:412px;height:923px;padding:9px;border-radius:36px;background:#0c0c0c}.cl-pixel .cl-screen{border-radius:28px;font-family:Roboto,system-ui,sans-serif}.cl-punchhole{position:absolute;top:15px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#000;border-radius:50%;z-index:40}.cl-nav-pill{bottom:8px;width:108px;height:4px;border-radius:2px}.cl-outer-pixel{width:272px;height:609px}.cl-outer-browser{height:598px}.cl-browser-chrome{height:30px;margin-bottom:6px;border-radius:8px;background:#e7e7ea;display:flex;align-items:center;gap:8px;padding:0 10px;box-shadow:0 1px #00000014}.cl-browser-dots{display:flex;gap:5px}.cl-browser-dots i{width:8px;height:8px;border-radius:50%;background:#c7c7cc;display:block}.cl-browser-url{flex:1;background:#fff;border-radius:5px;padding:3px 8px;font-family:-apple-system,sans-serif;font-size:10px;color:#6b6b70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-desktopwin{position:relative;box-sizing:border-box;width:800px;height:500px;padding:12px;border-radius:14px;background:#1a1a1a}.cl-desktopwin .cl-screen{border-radius:6px}.cl-outer-desktop{width:528px;height:366px}.cl-sharesheet-opt.hdr{font-weight:700;opacity:.55;font-size:14px}.cl-nativeshare{position:absolute;left:0;right:0;bottom:0;z-index:28;transform:translateY(110%);transition:transform .42s cubic-bezier(.2,.85,.25,1);background:#1e1e21f9;border-radius:20px 20px 0 0;padding:14px 18px 22px}.cl-nativeshare.show{transform:translateY(0)}.cl-nativeshare-grab{width:36px;height:4px;border-radius:2px;background:#ffffff4d;margin:0 auto 14px}.cl-nativeshare-apps{display:flex;gap:16px;overflow-x:auto;padding-bottom:2px}.cl-nativeshare-appcell{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}.cl-nativeshare-app{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px}.cl-nativeshare-applbl{color:#ffffffbf;font-family:-apple-system,sans-serif;font-size:11px}.cl-nativeshare-divider{height:1px;background:#ffffff1f;margin:16px 0}.cl-nativeshare-actions{display:flex;flex-direction:column}.cl-nativeshare-action{padding:14px 4px;color:#fff;font-family:-apple-system,sans-serif;font-size:16px;font-weight:600;border-top:1px solid rgba(255,255,255,.09)}.cl-nativeshare-action:first-child{border-top:none}.cl-chat{position:absolute;inset:0;display:flex;flex-direction:column;font-family:-apple-system,sans-serif}.cl-chat-header{height:64px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;color:#fff;font-weight:700;font-size:17px;background:#1f2c34}.cl-chat-back{font-size:26px;opacity:.8}.cl-chat-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.cl-chat-bubble{max-width:78%;padding:10px 13px;border-radius:14px;font-size:15px;line-height:1.35;color:#fff}.cl-chat-bubble.in{align-self:flex-start;background:#1f2c34;border-bottom-left-radius:4px}.cl-chat-bubble.out{align-self:flex-end;background:#005c4b;border-bottom-right-radius:4px}.cl-chat-link{text-decoration:underline;word-break:break-all}.cl-chat-linkcard{margin-top:8px;box-shadow:0 4px 12px #0000004d}.cl-chat-input{flex:none;height:52px;display:flex;align-items:center;padding:0 16px;color:#ffffff80;font-size:15px;background:#1f2c34}.cl-invitecard{border-radius:10px;overflow:hidden;font-family:-apple-system,sans-serif;color:#fff}.cl-invitecard-brand{display:flex;align-items:center;gap:8px;padding:10px 11px 0}.cl-invitecard-icon{width:18px;height:18px;border-radius:5px;display:block}.cl-invitecard-brandname{font-size:11px;font-weight:700;opacity:.85}.cl-invitecard-head{padding:6px 11px 10px;display:flex;flex-direction:column;gap:2px}.cl-invitecard-head b{font-size:13px}.cl-invitecard-sub{font-size:11px;font-weight:600;color:#e5a33c}.cl-invitecard-mini{display:flex;flex-direction:column;border-radius:7px;overflow:hidden;margin:0 11px}.cl-invitecard-band{height:12px}.cl-invitecard-band.title{height:22px;display:flex;align-items:center;padding-left:8px;font-size:10px;font-weight:700}.cl-invitecard-cta{margin:11px;padding:9px;text-align:center;border-radius:999px;background:#2ecc12;color:#fff;font-weight:700;font-size:12px}.cl-invitecard--sm{width:210px}.cl-invitecard-tasklabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-invitecard-more{font-weight:700;opacity:.8}.cl-launchicon{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:16px;transition:opacity .3s ease;z-index:5}.cl-alert-ov{position:absolute;inset:0;z-index:29;display:flex;align-items:center;justify-content:center;opacity:0;background:#0000;transition:opacity .3s ease,background-color .3s ease;pointer-events:none}.cl-alert-ov.show{opacity:1;background:#0000006b}.cl-alert{width:78%;border-radius:16px;background:#2c2c2e;padding:20px 18px 0;text-align:center;font-family:-apple-system,sans-serif;overflow:hidden}.cl-alert-title{color:#fff;font-weight:700;font-size:16px;margin-bottom:6px}.cl-alert-body{color:#ffffffbf;font-size:13px;line-height:1.4;margin-bottom:16px}.cl-alert-btns{display:flex;border-top:1px solid rgba(255,255,255,.15)}.cl-alert-btn{flex:1;padding:12px 0;color:#3ea6f2;font-weight:600;font-size:15px}.cl-alert-btn+.cl-alert-btn{border-left:1px solid rgba(255,255,255,.15)}.cl-alert-btn.primary{font-weight:700}.cl-alert-btn.hot{background:#ffffff1f}.cl-joinpage-desktop{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) min(330px,42%);grid-template-rows:1fr auto;grid-template-areas:"left card" "actions card";gap:24px;padding:28px 32px;transition:opacity .3s ease;color:#fff;font-family:-apple-system,sans-serif}.cl-jd-left{grid-area:left;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}.cl-jd-brand{display:flex;align-items:center;gap:10px}.cl-jd-icon{width:30px;height:30px;border-radius:7px;display:block}.cl-jd-brandname{font-size:20px;font-weight:600;opacity:.85}.cl-jd-h1{margin:0;font-size:38px;font-weight:700;line-height:1.1;letter-spacing:-.01em}.cl-jd-accent{font-size:24px;font-weight:700;color:#e5a33c}.cl-jd-actions{grid-area:actions;display:flex;align-items:flex-start}.cl-jd-cta{align-self:flex-start;padding:12px 40px;border-radius:999px;background:#2ecc12;color:#fff;font-weight:700;font-size:22px}.cl-jd-cta.hot{opacity:.75}.cl-jd-card{grid-area:card;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #00000059;display:flex;flex-direction:column}.cl-jd-card .cl-invitecard-mini{margin:0;border-radius:0;flex:1}.cl-jd-card .cl-invitecard-band{height:48px;font-size:20px;padding:0 16px;display:flex;align-items:center}.cl-jd-card .cl-invitecard-band.title{height:56px;font-size:22px;padding-left:16px}.cl-webheader{position:absolute;top:0;left:0;right:0;height:48px;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#000}.cl-webheader-left{display:flex;align-items:center;gap:8px;color:#fff;font-family:-apple-system,sans-serif;font-weight:700;font-size:13px}.cl-webheader-icon{width:22px;height:22px;border-radius:5px;display:block}.cl-webheader-signin{background:#1fc71b;color:#fff;border-radius:5px;padding:7px 12px;font-family:-apple-system,sans-serif;font-weight:600;font-size:12px}.cl-lockscreen{position:absolute;inset:0;overflow:hidden}.cl-lock-clock{position:absolute;top:120px;left:0;right:0;text-align:center;color:#fff;font-family:-apple-system,sans-serif}.cl-lock-clock .t{display:block;font-size:64px;font-weight:600;line-height:1}.cl-lock-clock .d{display:block;font-size:15px;font-weight:500;opacity:.85;margin-top:8px}.cl-notif-banner{position:absolute;left:14px;right:14px;top:64px;z-index:20;display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:16px;background:#ffffffdb;box-shadow:0 10px 26px #00000059}.cl-notif-icon{width:34px;height:34px;border-radius:9px;flex:none}.cl-notif-txt{font-family:-apple-system,sans-serif;line-height:1.3}.cl-notif-txt b{display:block;font-size:13px;color:#1c1c1e}.cl-notif-txt span{display:block;font-size:13.5px;color:#1c1c1e;margin-top:1px}.cl-collab-panel{position:absolute;left:0;right:0;bottom:0;z-index:26;transform:translateY(110%);transition:transform .5s cubic-bezier(.2,.85,.25,1);background:#000;border-radius:20px 20px 0 0;overflow:hidden}.cl-collab-panel.show{transform:translateY(0)}.cl-collab-bar{height:52px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.12)}.cl-collab-title{color:#fff;font-family:-apple-system,sans-serif;font-weight:700;font-size:17px}.cl-collab-done{position:absolute;right:18px;color:#3ea6f2;font-family:-apple-system,sans-serif;font-weight:600;font-size:15px}.cl-collab-body{padding:20px 16px 24px}.cl-collab-section+.cl-collab-section{margin-top:22px}.cl-collab-sectionhead{padding:0 4px 6px;color:#ffffff8c;font-family:-apple-system,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.cl-collab-sectionbody{background:#1c1c1e;border-radius:10px;overflow:hidden}.cl-collab-row{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-family:-apple-system,sans-serif;font-size:14.5px}.cl-collab-sectionbody .cl-collab-row:last-child{border-bottom:none}.cl-collab-remove{color:#ff453a;font-weight:600;font-size:14px}.cl-collab-chevron{color:#ffffff80}.cl-toggle{width:44px;height:26px;border-radius:13px;background:#fff3;position:relative;transition:background .2s ease;flex:none}.cl-toggle:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease}.cl-toggle.on{background:#34c759}.cl-toggle.on:after{transform:translate(18px)}.cl-collab-revoke{color:#ff453a;font-weight:600}.cl-collab-revoke.hot{background:#ffffff14}.cl-collab-sectionfoot{padding:8px 4px 0;color:#ffffff80;font-family:-apple-system,sans-serif;font-size:11.5px;line-height:1.4}.guide-masthead{padding:1.5rem 2rem 2.5rem;max-width:50em}.guide-section{position:relative;z-index:1;max-width:75em;margin:0 auto;padding:3.5rem 2rem}.guide-section__lead{max-width:42em;margin:0 auto 2.5rem;text-align:center}.guide-section__kicker{font-size:var(--fs-2);font-weight:600;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-caption);margin-bottom:.75rem}.guide-section__title{font-size:var(--fs5);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--ink-heading);margin:0 0 .75rem}.guide-section__note{font-size:var(--fs1);font-weight:300;line-height:1.5;color:var(--ink-secondary);margin:0}@media(max-width:620px){.guide-section__title{font-size:var(--fs4)}}.guide-showcase{max-width:72em}.guide-gallery{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:start;gap:0 clamp(2rem,5vw,6rem)}.gallery-col{display:flex;flex-direction:column;gap:clamp(4rem,7vw,7rem)}.gallery-col--b{margin-top:7rem}.gallery-item{--k:1;display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem}.gallery-item--lg{--k:1.05}.gallery-item--md{--k:.9}.gallery-item--sm{--k:.82}.gallery-cap{max-width:22em}.gallery-cap .guide-section__kicker{margin-bottom:.5rem}.gallery-title{font-size:var(--fs2);font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--ink-heading);margin:0 0 .4rem}.gallery-note{font-size:var(--fs0);font-weight:300;line-height:1.6;color:var(--ink-secondary);margin:0}.gallery-item .demo-grid{display:flex;justify-content:flex-start;margin:0}.gallery-item .demo-feature{align-items:flex-start}.gallery-item .demo-stage{width:calc(259px*var(--k));height:calc(562px*var(--k));margin:.35rem 0 0}.gallery-item .demo-stage>.cl-phone-outer{transform:scale(var(--k));transform-origin:top left}.gallery-item .demo-theme{margin:1rem 0 0}@media(max-width:860px){.guide-gallery{grid-template-columns:1fr;justify-items:center}.gallery-col{gap:4rem;align-items:center}.gallery-col--b{margin-top:4rem}.gallery-item{align-items:center}.gallery-item--lg,.gallery-item--md,.gallery-item--sm{--k:1}.gallery-cap{text-align:center;margin:0 auto}.gallery-item .demo-grid{justify-content:center}.gallery-item .demo-feature{align-items:center}}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:2.25rem 1.5rem;align-items:start;margin:0}@media(max-width:620px){.demo-grid{grid-template-columns:1fr;justify-items:center}}.demo-card{background:var(--surface-raise);border:1px solid var(--border-hair);border-radius:16px;padding:1.35rem 1.25rem 1.4rem;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:.75rem}.demo-num{font-family:inherit;font-weight:700;font-size:var(--fs-1);color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase}.demo-title{font-family:inherit;font-weight:600;font-size:var(--fs1);color:var(--ink-heading);margin:.2rem 0 .3rem;line-height:1.2}.demo-desc{font-size:var(--fs0);color:var(--ink-secondary);line-height:1.6}.demo-stage{position:relative;width:259px;height:562px;margin:0 auto;flex:none}.demo-theme{display:inline-flex;align-items:center;gap:7px;margin:0 auto;font-size:var(--fs-2);font-weight:600;color:var(--ink-secondary)}.demo-theme .swatch{width:24px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--border-hair-strong)}.demo-theme .lab{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-caption);font-size:var(--fs-2)}.demo-theme b{color:var(--ink);font-weight:700}.guide-section--bleed{max-width:none;padding-left:0;padding-right:0;background:var(--surface-raise)}.guide-section--bleed .guide-section__lead{padding:0 2rem}.sharing-beats{max-width:82em;margin:0 auto;padding:0 2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:3rem 2.5rem}.sharing-beat{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:0 0 auto;max-width:100%}.sharing-beat__stage{position:relative;width:259px;height:562px}.guide-section__head{position:relative;display:inline-flex;align-items:center;min-height:1.4rem;padding-right:2.25rem;margin-bottom:.5rem}.sharing-beat__caption{max-width:22em;min-height:54px;text-align:center;font-size:var(--fs0);font-weight:300;line-height:1.5;color:var(--ink-secondary);margin:0}.cl-persona{position:absolute;top:-34px;left:50%;transform:translate(-50%);padding:.2em .85em;border-radius:999px;background:var(--fill-invert-bg);color:var(--fill-invert-fg);font-size:var(--fs-1);font-weight:700;white-space:nowrap;z-index:5}.cl-outer-labeled{margin-top:34px}.sharing-beat--labeled .sharing-beat__stage{height:596px}.sharing-beat--pixel.sharing-beat--labeled .sharing-beat__stage{width:272px;height:643px}.sharing-beat--web .sharing-beat__stage{width:528px;height:400px}@media(max-width:620px){.sharing-beat--web .sharing-beat__stage{width:300px;height:258px}.sharing-beat--web .cl-outer-desktop{width:300px;height:224px}.sharing-beat--web .cl-outer-desktop .cl-phone-scale{transform:scale(.375)}}.sharing-beat--trio .sharing-beat__stage{width:100%;display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:1.5rem}.sharing-beat--trio .sharing-beat__stage{max-width:1113px;height:643px}.sharing-beat--trio{flex-basis:100%}.sharing-beat--trio .sharing-beat__caption{max-width:28em}.sharing-unlock{max-width:36em;margin:3rem auto 0;text-align:center;font-size:var(--fs1);font-weight:300;line-height:1.5;color:var(--ink-secondary);padding:0 2rem}.sharing-unlock+.sharing-unlock{margin-top:1rem}.sharing-mute{margin:4rem auto 0;padding:0 2rem;text-align:center}.sharing-mute__lead{max-width:36em;margin:0 auto}.sharing-mute__title{font-size:var(--fs3);font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--ink-heading);margin:0 0 .75rem}.sharing-mute__note{max-width:36em;font-size:var(--fs1);font-weight:300;line-height:1.5;color:var(--ink-secondary);margin:0 auto}.sharing-mute .sharing-beats{margin:2.5rem auto;padding:0}@media(max-width:1200px){.sharing-beat--trio .cl-outer-desktop{width:300px;height:224px}.sharing-beat--trio .cl-outer-desktop .cl-phone-scale{transform:scale(.375)}}@media(max-width:970px){.sharing-beats{gap:3rem 0}.sharing-beat--trio .sharing-beat__stage{flex-direction:column;align-items:center;height:1551px}}.cl-row.cl-remoteflash{animation:remotePulse .7s ease}@keyframes remotePulse{0%{box-shadow:inset 0 0 0 999px #ffffff52}to{box-shadow:inset 0 0 0 999px #fff0}}.demo-feature{display:flex;flex-direction:column;align-items:center}.demo-play{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:70;-webkit-appearance:none;appearance:none;border:1px solid var(--border-hair-strong);background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--ink);font-family:inherit;font-size:var(--fs-1);font-weight:600;padding:.5em 1.1em;border-radius:999px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.demo-play.is-playing{background:var(--fill-invert-bg);color:var(--fill-invert-fg);border-color:var(--fill-invert-bg)}.sound-panel{display:flex;gap:2rem;flex-wrap:wrap;align-items:flex-start;background:var(--surface-raise);border:1px solid var(--border-hair);border-radius:16px;padding:1.6rem;margin:0 auto;max-width:52em}.sound-stage{flex:none;position:relative;width:259px;height:562px}.sound-controls{flex:1;min-width:250px;display:flex;flex-direction:column;gap:1.1rem}.snd-enable{font-family:inherit;font-weight:700;font-size:var(--fs0);padding:.85em 1.2em;border-radius:999px;border:none;background:var(--fill-invert-bg);color:var(--fill-invert-fg);cursor:pointer;display:flex;align-items:center;gap:.6em;justify-content:center;transition:opacity .15s}.snd-enable:hover{opacity:.85}.snd-enable.on{background:var(--fill-invert-bg);opacity:1;cursor:default}.snd-label{font-size:var(--fs-2);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-caption);margin-bottom:-.4rem}.snd-packs{display:flex;flex-wrap:wrap;gap:.5rem}.snd-pack{display:flex;align-items:center;gap:8px;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--border-hair-strong);background:transparent;color:var(--ink-secondary);cursor:pointer;font-family:inherit;font-weight:600;font-size:var(--fs-1);transition:.12s}.snd-pack:hover{background:var(--surface-raise-hover)}.snd-pack.active{border-color:var(--fill-invert-bg);background:var(--fill-invert-bg);color:var(--fill-invert-fg)}.snd-pack img{width:24px;height:24px;border-radius:6px;display:block}.snd-btns{display:flex;gap:.5rem;flex-wrap:wrap}.snd-btn{font-family:inherit;font-weight:600;font-size:var(--fs-1);padding:.5em 1em;border-radius:999px;border:1px solid var(--border-hair-strong);background:transparent;color:var(--ink-secondary);cursor:pointer;transition:.12s}.snd-btn:hover{background:var(--surface-raise-hover);color:var(--ink)}.snd-hint{font-size:var(--fs-1);color:var(--ink-secondary);line-height:1.45}.sound-stage .cl-row{cursor:pointer}.gd-badge{display:inline-block;font-size:var(--fs-2);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25em .65em;border-radius:3px;background:var(--surface-raise);border:1px solid var(--border-hair-strong);color:var(--ink);vertical-align:middle;margin-left:.4em}.guide-capability{display:flex;flex-direction:column;max-width:42em;margin:0 auto}.cap-group{margin-top:2.5rem;display:grid;grid-template-columns:10em 1fr;gap:2rem;padding-top:2.5rem;border-top:1px solid var(--border-hair)}.cap-group:first-child{margin-top:0;padding-top:0;border-top:none}.cap-group h3{font-size:var(--fs-2);font-weight:600;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-caption);margin:0}.cap-group ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.cap-group li{font-size:var(--fs0);font-weight:300;line-height:1.6;color:var(--ink-secondary)}.cap-group li strong{color:var(--ink);font-weight:500}@media(max-width:620px){.cap-group{grid-template-columns:1fr;gap:.75rem}}.guide-plans{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:60em;margin:0 auto}@media(max-width:620px){.guide-plans{grid-template-columns:1fr}}.plan-card{background:var(--surface-raise);border:1px solid var(--border-hair);border-radius:16px;padding:2rem}.plan-card h3{font-size:var(--fs2);font-weight:600;color:var(--ink-heading);margin:0 0 1rem}.plan-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.plan-card li{font-size:var(--fs0);font-weight:300;line-height:1.6;color:var(--ink-secondary)}.guide-plans__closer{text-align:center;max-width:36em;margin:2rem auto 0;font-size:var(--fs1);font-weight:300;color:var(--ink-secondary)}.guide-cta{text-align:center;max-width:40em;margin:0 auto}.guide-cta__store{display:flex;align-items:center;gap:1rem;justify-content:center;margin:2rem 0}.guide-cta__badges{display:flex;gap:.75rem}#everything,#free-vs-pro,.guide-cta{content-visibility:auto}#everything{contain-intrinsic-block-size:auto 2050px}#free-vs-pro{contain-intrinsic-block-size:auto 700px}.guide-cta{contain-intrinsic-block-size:auto 300px}@media(max-width:860px){#everything{contain-intrinsic-block-size:auto 2650px}#free-vs-pro{contain-intrinsic-block-size:auto 800px}}@media(max-width:620px){#everything{contain-intrinsic-block-size:auto 3300px}#free-vs-pro{contain-intrinsic-block-size:auto 1500px}.guide-cta{contain-intrinsic-block-size:auto 360px}}.guide-cta__badges img{height:40px;width:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-head{position:relative;padding-right:2.25rem}.demo-copy{position:absolute;top:0;right:0;width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:transparent;color:var(--ink-caption);cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.demo-card:hover .demo-copy,.guide-section__head:hover .demo-copy,.demo-copy:focus-visible{opacity:1}.demo-copy:hover,.demo-copy:focus-visible{background:var(--surface-raise-hover);color:var(--ink)}.demo-copy.copied,.demo-copy.failed{opacity:1}.demo-copy.copied{color:var(--ink-heading)}.demo-copy.failed{color:var(--ink-caption)}.demo-copy.copied:after,.demo-copy.failed:after{content:attr(data-copy-tip);position:absolute;top:100%;right:0;margin-top:.35rem;padding:.3em .6em;border-radius:6px;font-size:var(--fs-2);font-weight:600;white-space:nowrap;background:var(--fill-invert-bg);color:var(--fill-invert-fg);pointer-events:none}@media(hover:none){.demo-copy{opacity:1}}.demo-card,#sharing,#muting{scroll-margin-block-start:16px}.demo-card:focus,#sharing:focus,#muting:focus{outline:none}.demo-card.anchor-glow,#sharing .guide-section__lead.anchor-glow,.sharing-mute__lead.anchor-glow{animation:anchorGlow 2.5s ease-out;border-radius:12px}@keyframes anchorGlow{0%{box-shadow:0 0 0 3px var(--fill-invert-bg)}to{box-shadow:0 0 0 3px transparent}}@media(prefers-reduced-motion:reduce){.demo-card.anchor-glow,#sharing .guide-section__lead.anchor-glow,.sharing-mute__lead.anchor-glow{animation:none;box-shadow:0 0 0 3px var(--fill-invert-bg)}}