:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#262533;background:#f2f2f5;font-synthesis:none;--purple:#8074ef;--muted:#818496}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffb900;outline-offset:3px}button:disabled{cursor:not-allowed}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:scale(.97)}.studio{min-height:100vh;max-width:1350px;margin:auto;display:grid;grid-template-columns:440px 1fr;align-items:center;padding:38px 70px;gap:80px}.brand{display:flex;align-items:center;text-decoration:none;color:#242332;font-size:30px;font-weight:750;letter-spacing:-1.5px;gap:10px}.brandmark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#7970e8;color:white;font-size:30px;font-style:italic}.lab{margin-left:10px;font-size:10px;letter-spacing:2px;color:#94929e;font-weight:500}.intro{margin:48px 0 25px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:650;color:#7d72d8}h1{font-size:36px;line-height:1.5;letter-spacing:-1px;font-weight:550;margin:10px 0 15px}.description{color:#92909e;font-size:13px;line-height:1.9}.steps{display:flex;flex-direction:column;gap:4px;width:330px}.steps button{text-align:left;display:flex;align-items:center;padding:11px 13px;border-radius:9px;font-size:13px;color:#757480;gap:15px}.steps button span{font-size:10px;color:#aaa7b7;font-variant-numeric:tabular-nums}.steps button small{margin-left:auto;font-size:10px;color:#a3a0ae}.steps button.active{background:#e6e3f6;color:#6b5cd2}.steps button.active span{color:#7d6ad8}.steps button:hover{background:#e9e7ef}.reset{margin-top:24px;font-size:12px;color:#6e6b7c;padding:10px}.footnote{font-size:10px;color:#aaa7b1;margin-top:22px}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-wrap{width:390px;height:816px}.phone{width:390px;height:816px;padding:10px;background:linear-gradient(115deg,#55565a,#1c1c20 20%,#424349 44%,#0e0e11 70%,#66676c);border:1px solid #a4a3a8;border-radius:57px;box-shadow:0 0 0 1px #414147,0 0 0 3px #ceced2,15px 28px 40px -12px #33334555,1px 5px 9px #33334544;position:relative}.phone:before{content:"";position:absolute;inset:4px;border:1px solid #727276;border-radius:53px;pointer-events:none}.hardware{position:absolute;left:-5px;width:4px;border-radius:3px;background:linear-gradient(90deg,#626269,#aaaab0,#414147)}.mute{top:100px;height:25px}.volup{top:149px;height:52px}.voldown{top:215px;height:52px}.power{left:auto;right:-5px;top:182px;height:80px}.screen{height:100%;border-radius:46px;background:#f8f9fd;overflow:hidden;position:relative;isolation:isolate}.island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:108px;height:29px;background:#09090b;border-radius:22px;z-index:70}.island i{position:absolute;right:11px;top:9px;width:10px;height:10px;background:radial-gradient(circle at 40% 40%,#1b2b49,#08090f);border:2px solid #13131a;border-radius:50%}#status{height:51px;padding:17px 24px 0;display:flex;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:60;font-size:13px;color:#171821;pointer-events:none}.signals{display:flex;align-items:center;gap:5px;font-size:11px}.battery{width:22px;height:10px;border:1px solid currentColor;border-radius:3px;position:relative}.battery:before{content:"";position:absolute;inset:1px 4px 1px 1px;border-radius:1px;background:currentColor}.battery:after{content:"";position:absolute;right:-3px;top:2px;height:4px;width:2px;background:currentColor}.homebar{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:127px;height:4px;border-radius:4px;background:#222630;z-index:75}#app{height:100%;padding-top:51px;position:relative}.page{height:100%;display:flex;flex-direction:column;animation:enter .22s ease}@keyframes enter{from{opacity:.5;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}.topbar{height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:17px;font-weight:650}.topbar .back{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#7060d7,#928bff);color:white;font-size:24px;line-height:24px;padding:0}.help{border-radius:50%;background:var(--purple);color:white;width:29px;height:29px;font-size:21px}.spacer{width:30px}.scroll{overflow:auto;scrollbar-width:none;flex:1;padding:8px 19px 22px}.scroll::-webkit-scrollbar{display:none}.card{border-radius:22px;background:#fff;box-shadow:0 1px 1px #1e19431a;padding:19px;margin-bottom:16px}.primary{width:100%;background:linear-gradient(110deg,#7767dc,#9086fb);color:white;border-radius:28px;padding:16px 10px;font-size:14px;font-weight:600;box-shadow:0 2px 2px #54469c16}.primary:disabled{background:#d3d4e4;box-shadow:none}.bottom{padding:18px 25px 31px;background:white;border-radius:24px 24px 0 0;flex-shrink:0}.bottom-nav{height:80px;display:flex;align-items:flex-start;justify-content:space-around;background:white;border-radius:23px 23px 0 0;padding:12px 7px 25px;flex-shrink:0}.bottom-nav button{font-size:11px;display:grid;gap:5px;place-items:center;color:#8b8d9d;padding:0 6px}.bottom-nav svg{width:22px;height:22px}.bottom-nav button.current{color:#7b69e9}.icon{width:23px;height:23px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.roompage{background:linear-gradient(#8885f8,#7868df);margin-top:-51px;padding-top:51px;color:white}.roomhead{display:flex;justify-content:space-between;padding:0 19px;align-items:center;font-size:30px;font-weight:650}.re-pill{display:flex;align-items:center;gap:6px;font-size:12px;padding:7px 12px;border-radius:24px;background:#ffffffa3;border:3px solid #ffffff79;color:#52506b}.room-content{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:50px;padding:12px 23px}.car-art{width:265px;mix-blend-mode:multiply}.room-content p{font-size:18px;line-height:1.55;text-align:center;font-weight:620;margin:0 0 40px}.profile{display:flex;gap:15px;align-items:center}.avatar{width:64px;height:64px;border-radius:50%}.profile h3{margin:6px 0;color:#686d80;font-size:18px}.sub{font-size:12px;color:var(--muted)}.chev{margin-left:auto;font-size:27px}.menu-three{display:flex;justify-content:space-around;gap:8px;padding:21px 12px}.menu-three button,.mini-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;position:relative}.bubble{display:grid;place-items:center;background:linear-gradient(135deg,#7b6be6,#978efe);color:white;border-radius:50%;width:55px;height:55px}.bubble svg{width:28px;height:28px}.badge{position:absolute;top:39px;left:50%;transform:translateX(-50%);width:max-content;white-space:nowrap;line-height:14px;background:#ffa200;border-radius:9px;color:white;font-size:11px;padding:1px 7px}.mini-grid{display:flex;justify-content:space-between;margin:25px 0 31px}.mini-grid .bubble{width:44px;height:44px}.mini-grid button{font-size:10px}.section-label{font-size:13px;color:#7b7d91;margin:14px 0 20px;display:flex;align-items:center;gap:9px}.section-label svg{color:#7d6de6;width:19px}.occurrences{display:grid;grid-template-columns:1fr 1fr;gap:11px}.occurrences .card{padding:10px;margin-bottom:10px;border-radius:18px}.tag{font-size:11px;border-radius:10px;background:#8b7cf0;color:white;padding:3px 8px}.perks{width:100%;margin:10px 0}.occurrences p{font-size:12px;color:#9597a9;line-height:1.5}.support{display:flex;align-items:center;gap:15px;padding:12px}.support img{width:74px}.support strong{color:#7e6de8;font-size:18px}.travel-art{width:173px;height:147px;object-fit:contain;display:block;margin:0 auto 20px}.create-card{padding:18px}.create-card h3{text-align:center;color:#6d7182;font-size:18px;margin:12px -5px 23px}.divider{border:0;border-top:1px solid #f0f0f5;margin:20px 0}.field-label{display:flex;justify-content:space-between;font-size:12px;color:#858698;margin-bottom:10px}.date-field{border:1px solid #dcd7fe;border-radius:25px;padding:12px;color:#7d6bf0;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;font-weight:600}.rules-label{padding:0 2px;font-size:13px;color:#787d8f;display:flex;align-items:center;gap:11px;margin:20px 0}.rules-label svg{color:#8978ec}.rules{color:#858899;font-size:13px;line-height:1.85}.rules h4{font-size:14px;margin:0 0 8px;color:#74798b}.rules p{margin:0 0 12px}.rules hr{border:0;border-top:1px solid #f5f5f8}.agreement{font-size:11px;color:#7b69e9;display:flex;gap:9px;align-items:center;line-height:1.5;margin-bottom:17px;cursor:pointer}.agreement input{appearance:none;margin:0;width:19px;height:19px;flex-shrink:0;border:2px solid #a2a3b0;border-radius:50%;cursor:pointer}.agreement input:checked{border-color:#8975f1;background:#8975f1}.agreement input:checked:after{content:'✓';color:white;display:block;text-align:center;font-size:12px}.calendar-card{padding:18px 12px}.month-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#7e69e8;font-weight:650;font-size:18px}.month-head button{background:#8c7cef;color:white;border-radius:5px;width:21px;height:21px;font-size:14px;padding:0}.week{display:grid;grid-template-columns:repeat(7,1fr);font-size:12px;color:#8c7bee;text-align:center;margin-bottom:13px}.days{display:grid;grid-template-columns:repeat(7,1fr);row-gap:8px}.day{height:34px;display:grid;place-items:center;font-size:13px;color:#777c8e;padding:0;position:relative;z-index:0}.day span{z-index:2}.day.hot:before{content:'🔥';position:absolute;font-size:28px;z-index:0;top:-3px;opacity:.95}.day.today span{background:#8b7ded;color:white;display:grid;place-items:center;width:29px;height:29px;border-radius:50%}.day.range{background:#e0dcff}.day.endpoint{background:#7965db;color:white;border-radius:6px}.day.endpoint:before{opacity:.2}.legend{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#989bac;margin:25px 2px 3px}.legend b{color:#8a76ed}.calendar-bottom{margin-top:auto;padding:20px 26px 33px}.daily{display:flex;align-items:center;gap:8px;color:#808598;font-size:12px}.daily small{margin-left:auto;font-size:10px}.daily b{color:#8571ec}.overlay{position:absolute;inset:0;background:#171b2877;z-index:50;display:flex;align-items:flex-end}.sheet{height:650px;background:white;width:100%;border-radius:23px 23px 0 0;display:flex;flex-direction:column;padding:17px 21px 31px;animation:up .25s ease}@keyframes up{from{transform:translateY(40px);opacity:.5}to{transform:translateY(0);opacity:1}}.sheet-title{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:650;margin-bottom:23px}.close{font-size:25px;padding:0 3px;line-height:25px}.date-summary{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #f0f0f6}.date-summary>div{display:grid;gap:9px;color:#737888;font-size:14px}.date-summary>div:last-child{text-align:right}.date-summary small{font-size:12px;color:#9597a9}.night-pill{border:1px solid #9b87ff;color:#8a74ef;border-radius:15px;padding:3px 9px;font-size:11px}.date-scroll{overflow:auto;scrollbar-width:none;flex:1;padding-top:18px}.date-scroll h4{text-align:center;color:#7b8191;font-size:14px;font-weight:550;margin:8px 0 17px}.date-scroll .days{row-gap:3px;margin-bottom:21px}.date-scroll .day{height:34px}.sheet .week{margin-top:18px;margin-bottom:0}.sheet-footer p{font-size:11px;color:#9598a9;margin:10px 0 14px}.sheet-footer p.error{color:#cf604e}.sheet-footer p:before{content:'●';color:#8170e7;margin-right:7px}.success{text-align:center;align-items:center;justify-content:center;padding:25px;gap:20px}.success-mark{width:84px;height:84px;border-radius:50%;background:#e6e0ff;display:grid;place-items:center;font-size:42px;color:#7e6be6}.success h2{font-size:24px;margin:6px}.success p{color:#9394a2;font-size:14px;line-height:1.7;margin:0}.success .card{width:100%;margin-top:12px;line-height:2;color:#777b8d}.caption{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.4px;color:#a5a1ae;margin-top:27px}.caption i{width:18px;height:1px;background:#c9c5d0}.live-dot{width:5px;height:5px;background:#9280e6;border-radius:50%}#toast{position:absolute;bottom:110px;left:20px;right:20px;background:#2e2b41eb;color:white;padding:14px;border-radius:14px;font-size:13px;text-align:center;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(max-height:900px) and (min-width:801px){.phone-wrap{width:339px;height:710px}.phone{transform:scale(.87);transform-origin:top left}.studio{padding:28px 65px}.intro{margin-top:28px}.steps button{padding:9px 12px}.footnote{margin-top:10px}}@media(max-width:1000px){.studio{gap:25px;padding:28px 40px;grid-template-columns:350px 1fr}}@media(max-width:800px){.studio{display:flex;flex-direction:column;padding:22px 15px;gap:25px}.brand{font-size:25px}.intro,.steps,.footnote{display:none}aside{display:flex;align-items:center;width:min(390px,100%);justify-content:space-between}.reset{margin:0}.phone-wrap{width:351px;height:735px}.phone{transform:scale(.9);transform-origin:top left}.caption{margin-top:23px}}@media(max-width:380px){.phone-wrap{width:320px;height:669px}.phone{transform:scale(.82)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.car-art{mix-blend-mode:normal;mask-image:radial-gradient(ellipse 63% 62% at center,#000 58%,transparent 85%)}
