@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650&family=Manrope:wght@400;500;550;600;650&display=swap');
:root{--paper:#eeeae3;--card:#f3efe8;--ink:#595248;--quiet:#9a9184;--orange:#d9643f;--sage:#7d8c6b;--violet:#9788ad;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:2px solid #d9643f;outline-offset:6px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.symbol-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}#canvas{height:100svh;min-height:640px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 48% 31%,#fffdf7 0,#f2eee6 49%,#e6e1d8 100%)}.paper-grain{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.21;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.38' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.invitation{position:absolute;top:11%;left:50%;transform:translateX(-50%);text-align:center;width:440px;transition:opacity .45s,translate .45s;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.9px;color:#a69a89}.invitation h1{font-family:'Manrope',sans-serif;font-weight:500;font-size:47px;line-height:1.13;letter-spacing:-2.5px;margin:15px 0 17px}.invitation p{font-size:13px;letter-spacing:.03px;color:#a29787;margin:0}.sketch-arrow{position:absolute;left:calc(50% + 115px);top:125px;width:95px;height:90px;stroke:#baaa94;stroke-width:1.2}.wheel-anchor{position:absolute;left:50%;top:57%;width:264px;height:264px;transform:translate(-50%,-50%);z-index:10}.wheel{position:relative;width:100%;height:100%;user-select:none;touch-action:manipulation}.wheel-surface{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ebe6df,#e1dbd3);box-shadow:14px 20px 30px #75634a26,2px 3px 5px #94816710,inset 1px 1px 1px #fff9;container-type:inline-size}.petals{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:none}.petals path{fill:url(#petal-gradient);filter:drop-shadow(2px 2px 1.5px #85765f55) drop-shadow(-1px -1px 1px #fff);transition:fill .14s,transform .2s;transform-origin:center;cursor:pointer}.petals path.lit{fill:url(#active-gradient)}.petal-icon{position:absolute;display:grid;place-items:center;width:20%;height:20%;background:transparent;border-radius:50%;color:#6e6458;transform:translate(-50%,-50%);transition:color .15s}.petal-icon svg{width:calc(24 / 210 * 100cqw);height:calc(24 / 210 * 100cqw);stroke-width:1.4;pointer-events:none}.petal-icon.north{left:50%;top:16.488%}.petal-icon.east{left:83.512%;top:50%}.petal-icon.south{left:50%;top:83.512%}.petal-icon.west{left:16.488%;top:50%}.petal-icon.lit{color:#fff}.wheel-hub{position:absolute;width:35%;height:35%;left:32.5%;top:32.5%;border-radius:50%;background:#e9e4dd;color:var(--orange);box-shadow:3px 3px 4px #897b6455,-2px -2px 2px #fff;display:grid;place-items:center;transition:background .18s,color .18s}.wheel-hub svg{width:29px;height:29px;pointer-events:none}.wheel-hub.lit{background:linear-gradient(135deg,#df7b5c,#d9643f);color:#fff}.wheel-tip{position:absolute;top:calc(100% + 24px);left:50%;transform:translateX(-50%);font-size:12px;color:#a8947b;white-space:nowrap;letter-spacing:.02em;transition:color .18s}.learn-more{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f5f0e7,#e8e1d6);border:1px solid #fff9;box-shadow:4px 5px 12px #8c77571b,-3px -3px 8px #fffc;border-radius:25px;padding:13px 23px;font-size:12px;color:#897963;text-decoration:none;transition:color .2s,box-shadow .2s;z-index:30}.learn-more span{margin-left:27px}.learn-more:hover{color:var(--orange);box-shadow:5px 6px 15px #8c77572d,-3px -3px 8px white}.demo-card{position:absolute;top:57%;transform:translateY(-50%);width:min(25vw,310px);border-radius:20px;background:linear-gradient(145deg,#fbf8f2,#eee9e0);border:1px solid #fff;box-shadow:14px 23px 35px #81704e1c,inset 1px 1px 2px #fff;overflow:hidden;z-index:5;opacity:0;transition:opacity .4s,translate .5s cubic-bezier(.2,.7,.2,1);translate:0 12px}.demo-card.visible{opacity:1;translate:0 0}.source-card{right:calc(50% + 190px)}.destination-card{left:calc(50% + 190px)}.demo-card header{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid #b0a18b20;font-size:11px;color:#a1937e}.demo-card header svg{width:17px;height:17px;color:var(--orange)}.demo-card header .dots{margin-left:auto;color:#b9ae9d;letter-spacing:2px}.demo-context{position:absolute;top:14%;left:50%;width:600px;max-width:90%;transform:translateX(-50%);text-align:center;opacity:0;transition:opacity .4s,translate .4s;translate:0 5px}.demo-context>span{font-size:10px;color:#b18562;letter-spacing:1.8px;text-transform:uppercase}.demo-context p{font:500 27px/1.3 'Manrope',sans-serif;letter-spacing:-1px;margin:13px 0 0;color:#7c6b56}.playing .invitation{opacity:0;translate:0 -8px}.playing .demo-context{opacity:1;translate:0 0}.card-body{padding:23px 20px}.micro-label{font-size:9px;letter-spacing:1.5px;color:#a59a86}.live-wave{height:62px;display:flex;gap:4px;align-items:center;justify-content:center;color:var(--orange)}.live-wave i{height:24px;width:3px;border-radius:5px;background:currentColor;animation:speak .6s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.07s)}.live-copy{font-size:15px;line-height:1.75;color:#86755f;min-height:108px;margin:7px 0 0}.quiet-footer{padding:11px 19px 15px;font-size:10px;color:#b0a28d;display:flex;justify-content:space-between;align-items:center}.record-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#d97d58;margin-right:5px}.compose{min-height:110px;margin:17px;padding:15px;background:#e4dfd36b;border:1px solid #fff8;border-radius:12px;box-shadow:inset 2px 3px 5px #96826a12;line-height:1.7;font-size:13px;color:#8f816c;transition:background .2s}.compose:empty:before{content:attr(data-placeholder);color:#b6aa96}.compose.received{background:#f8f2e5}.message-intro{padding:19px 20px 0;font-size:14px;line-height:1.6;color:#8a7c67}.message-bubble{padding:10px 12px;border-radius:11px 11px 11px 3px;background:#e4dfd4;width:fit-content;max-width:95%;font-size:12px;line-height:1.6}.pasted{font-size:11px;color:#ba825e;display:flex;gap:5px;align-items:center;opacity:0;transition:opacity .2s}.pasted svg{width:14px;height:14px}.pasted.on{opacity:1}.artboard{margin:12px;background:#dde1d2;border-radius:10px;padding:17px 18px 13px;color:#63735b;position:relative;overflow:hidden}.art-title{font:400 25px/1.1 Georgia,serif;letter-spacing:-.6px;margin:0 0 9px}.artboard p{font-size:9px;color:#8b977e;margin:8px 0 0}.vase-scene{height:136px;position:relative}.vase{position:absolute;width:67px;height:73px;bottom:0;left:calc(50% - 33px);border-radius:22% 22% 40% 40%;background:linear-gradient(100deg,#efaf81,#d99565 45%,#b87648);box-shadow:inset 3px 2px 7px #ffe1af70,6px 11px 11px #73764b25}.vase:before{content:'';position:absolute;left:4px;top:-5px;width:59px;height:13px;border-radius:50%;background:radial-gradient(ellipse,#9c683e 45%,#e5a779 52%,#d99163 84%)}.vase:after{content:'';position:absolute;inset:9px 9px 0;border-radius:12% 12% 40% 40%;background:repeating-linear-gradient(90deg,transparent 0 7px,#ffdea533 8px,#9a68322a 9px,transparent 10px)}.stem{position:absolute;bottom:67px;height:57px;width:3px;background:#8b946e;left:50%}.flower{position:absolute;width:54px;height:54px;left:calc(50% - 27px);top:-3px;filter:drop-shadow(3px 4px 3px #87926120)}.flower i{position:absolute;left:17px;top:0;width:20px;height:31px;transform-origin:10px 27px;border-radius:50%;background:linear-gradient(135deg,#fbefc9,#e0d5a6);box-shadow:inset 1px 2px 3px #fff8}.flower i:nth-child(2){transform:rotate(72deg)}.flower i:nth-child(3){transform:rotate(144deg)}.flower i:nth-child(4){transform:rotate(216deg)}.flower i:nth-child(5){transform:rotate(288deg)}.flower b{position:absolute;width:18px;height:18px;left:18px;top:18px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#dabb89,#b18e5e)}.crop{position:absolute;inset:11px;border:1px solid #cd8862;z-index:5;opacity:0;clip-path:inset(0 100% 100% 0);transition:clip-path .8s ease,opacity .2s;border-radius:3px;box-shadow:0 0 0 25px #80715617}.crop.on{opacity:1;clip-path:inset(0)}.crop:before,.crop:after{content:'';position:absolute;width:12px;height:12px;border:2px solid #cb865e}.crop:before{left:-3px;top:-3px;border-right:0;border-bottom:0}.crop:after{right:-3px;bottom:-3px;border-top:0;border-left:0}.mini-art{height:120px;overflow:hidden;border-radius:6px;background:#dde1d2}.mini-art>.artboard{margin:0;transform:scale(.65);transform-origin:top left;width:153.85%;border-radius:0}.mini-art>.artboard .crop{display:none}.flight{position:absolute;left:28%;top:55%;width:100px;height:75px;border:1px solid #fff9;border-radius:10px;background:#eee5d5;box-shadow:7px 10px 20px #7b6a4933;z-index:20;display:grid;place-items:center;color:#b68c64;pointer-events:none}.flight svg{width:30px;height:30px}.close-demo{position:absolute;top:27px;right:29px;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#f5f0e878;color:#aa9982;box-shadow:2px 3px 6px #8c77570d;z-index:30}.close-demo:hover{background:#fff8;color:var(--orange)}.close-demo svg{width:17px;height:17px}.demo-progress{position:absolute;bottom:109px;left:calc(50% - 26px);width:52px;height:2px;border-radius:2px;background:#cbbb9f35;overflow:hidden}.demo-progress>span{display:block;width:100%;height:100%;background:#c18b63;transform-origin:left;transform:scaleX(0)}.clip-list{padding:11px}.clip-row{display:flex;align-items:center;gap:10px;margin:6px 0;padding:10px;border:1px solid #fff8;border-radius:11px;background:#f4eee4;transition:box-shadow .25s,background .25s}.clip-row.active{background:#fff9ed;box-shadow:0 0 0 2px #cf9b7745}.clip-thumb{width:37px;height:39px;border-radius:8px;background:#dce1cf;display:grid;place-items:center;color:#8b9678;font-size:19px}.clip-row:nth-child(2) .clip-thumb{background:#e4dcd0;color:#ae967a}.clip-row:nth-child(3) .clip-thumb{background:#e2d9da;color:#b09595}.clip-row strong{font-size:12px;font-weight:500;color:#887a65;display:block}.clip-row small{font-size:9px;color:#ad9e89;display:block;margin-top:3px}.reaction-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:22px 17px}.reaction-grid span{font-size:24px;text-align:center;transition:transform .25s}.reaction-grid span.active{transform:scale(1.28);filter:drop-shadow(0 4px 3px #98775230)}.react-art{margin:0 16px 16px;padding:15px;text-align:center;border-radius:12px;background:#eadbd1;color:#b9886c;font-size:13px}.react-art span{display:block;font-size:42px;line-height:1.2;animation:heart 1.8s ease-in-out infinite}.big-reaction{font-size:42px;text-align:center;line-height:1.5}.plan-card{padding:18px 19px}.plan-card h3{font:400 25px Georgia,serif;color:#8c8167;margin:4px 0 15px}.plan-row{font-size:12px;color:#9b8d74;padding:10px 0;border-bottom:1px solid #b7a98f30}.plan-row span{color:#9aaa87;margin-right:10px}
@keyframes speak{from{transform:scaleY(.3)}to{transform:scaleY(1.3)}}@keyframes heart{0%,65%,100%{transform:scale(1)}80%{transform:scale(1.1)}}
@media(min-width:1500px){.wheel-anchor{width:290px;height:290px}.source-card{right:calc(50% + 225px)}.destination-card{left:calc(50% + 225px)}.invitation h1{font-size:52px}.demo-card{width:310px}}
@media(max-width:1050px){.wheel-anchor{width:234px;height:234px}.source-card{right:calc(50% + 149px)}.destination-card{left:calc(50% + 149px)}.demo-card{width:220px}.invitation h1{font-size:42px}.live-copy{font-size:13px}.demo-context p{font-size:23px}.demo-card header{font-size:10px;padding:13px}.card-body{padding:18px 15px}.compose{font-size:12px;margin:13px;padding:11px}.reaction-grid{gap:6px;padding:15px 10px}.reaction-grid span{font-size:22px}}
@media(max-height:730px) and (min-width:701px){.invitation{top:7%}.invitation h1{font-size:39px}.eyebrow{font-size:8px}.wheel-anchor{top:58%;width:234px;height:234px}.demo-card{top:57%}.sketch-arrow{top:109px;width:80px;height:75px}.demo-context{top:11%}.learn-more{bottom:23px}}
@media(max-width:700px){#canvas{min-height:740px}.invitation{top:9%;width:330px}.invitation h1{font-size:39px}.eyebrow{font-size:8px;letter-spacing:2px}.invitation p{font-size:12px}.sketch-arrow{width:66px;left:calc(50% + 86px);top:124px}.wheel-anchor{top:54%;width:232px;height:232px;transition:top .45s}.playing .wheel-anchor{top:36%;width:204px;height:204px}.playing .wheel-tip{font-size:11px;top:calc(100% + 13px)}.demo-context{top:7%;width:90%}.demo-context p{font-size:21px}.demo-card.source-card{display:none!important}.demo-card.destination-card{width:270px;left:calc(50% - 135px);top:71%;max-height:235px}.demo-card header{padding:11px 15px}.message-intro{padding:13px 15px 0}.compose{min-height:55px;margin:10px 13px}.mini-art{height:77px}.quiet-footer{padding:6px 15px 11px}.learn-more{bottom:22px}.demo-progress{bottom:92px}.close-demo{top:15px;right:15px}.flight{display:none!important}.live-copy{min-height:0}.demo-context>span{font-size:9px}.playing .invitation{visibility:hidden}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.palette-art{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px 0}.palette-art i{height:50px;border-radius:12px;box-shadow:inset 1px 1px 3px #fff7,2px 3px 5px #7b674c19}.clip-thumb svg{width:21px;height:21px}.demo-card .crop{pointer-events:none}
@media(min-width:701px) and (min-height:731px){.invitation{top:max(55px,calc(50% - 310px))}.sketch-arrow{top:150px;height:110px}.wheel-anchor,.demo-card{top:56%}.demo-context{top:max(60px,calc(50% - 260px))}}
/* Wheel study: shared section, October refinement. */
button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #b85330,0 0 0 4px #fff8}.petal-icon:focus-visible{background:#b8533020}
body{background:#f7f4ef}.page-context{max-width:1200px;margin:auto;padding:34px 44px;color:#8f8579;display:flex;align-items:center;justify-content:space-between;gap:28px}.page-context .context-brand{display:flex;align-items:center;gap:10px;color:#6e6255;font-weight:600}.context-brand svg{color:var(--orange)}.page-context p{margin:0;font-size:13px}.page-context.below{padding-top:38px;padding-bottom:50px;align-items:flex-start}.page-context h2{font:500 23px/1.3 Manrope,sans-serif;margin:0 0 10px;color:#6d6256;letter-spacing:-.7px}.context-apps{display:flex;gap:25px;font-size:12px;padding-top:9px}.context-apps span{display:flex;align-items:center;gap:7px}.context-apps svg{width:18px;color:#b78a6c}
#canvas{height:650px;min-height:650px;max-width:1440px;margin:auto;border-top:1px solid #c1b6a329;border-bottom:1px solid #c1b6a329}.invitation{top:42px!important;width:min(540px,85%)}.invitation h1{font-size:43px!important;letter-spacing:-1.9px;margin:0 0 14px}.invitation p{font-size:15px;line-height:1.65;color:#928674;max-width:470px;margin:auto}.sketch-arrow{top:123px!important;left:calc(50% + 120px);width:70px!important;height:72px!important;stroke-width:3.5;stroke:#b59c80}.wheel-anchor{top:61%!important;width:246px;height:246px}.wheel-tip{display:none}.demo-card{top:59%!important}.demo-context{top:65px!important}.demo-context p{font-size:27px}.learn-more{bottom:30px!important;background:linear-gradient(145deg,#df825d,#cb653e);color:#fff8ee;font-size:13px;font-weight:600;letter-spacing:.1px;padding:14px 29px;border-color:#f5bc9599;box-shadow:3px 6px 14px #a8573229,inset 0 1px 0 #fff5}.learn-more:hover{color:white;background:linear-gradient(145deg,#e38a66,#c95e38);box-shadow:3px 7px 16px #a8573240,inset 0 1px 0 #fff5}
.petal-explainer{position:absolute;width:280px;left:calc(100% + 35px);top:50%;transform:translateY(-50%);padding:23px;display:flex;gap:14px;border-radius:20px;background:linear-gradient(145deg,#fffaf3,#eee7dc);border:1px solid #fff9;box-shadow:8px 15px 28px #80684916,inset 1px 1px 1px white;opacity:0;translate:0 5px;transition:opacity .16s,translate .2s;pointer-events:none}.petal-explainer.show{opacity:1;translate:0 0}.petal-explainer[data-petal=reaction]{left:auto;right:calc(100% + 35px)}.explainer-icon{flex:none;width:37px;height:39px;border-radius:11px;background:linear-gradient(145deg,#e5b293,#ce825d);box-shadow:2px 3px 5px #88614522,inset 1px 1px 1px #ffedce88;display:grid;place-items:center;color:#fff4e2}.explainer-icon svg{width:23px}.petal-explainer small{font-size:11px;color:#a18365;font-weight:500}.petal-explainer h2{font:600 18px/1.3 Manrope,sans-serif;letter-spacing:-.5px;margin:7px 0 9px;color:#645745}.petal-explainer p{font-size:13px;line-height:1.55;margin:0;color:#978571}.try-petal{display:block;font-size:11px;color:#bc714d;margin-top:17px}.try-petal b{font-weight:400;margin-left:8px}
.native-recorder{padding:13px 16px 17px;background:#e9e4dc}.recorder-grip{width:32px;height:3px;border-radius:9px;background:#a89d8d70;margin:0 auto 15px}.recorder-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.recorder-controls .timer{font-size:11px;font-variant-numeric:tabular-nums;color:#706556}.recorder-helix{width:114px;height:30px;stroke:#d56b42;animation:helix-breathe .8s ease-in-out infinite alternate}.recorder-helix.settled{animation:none;transform:scaleY(.35)}.finish-recording{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:#d76e45;color:white;box-shadow:inset 0 0 0 1px #fff6}.finish-recording svg{width:22px;stroke-width:2}.finish-recording:disabled{opacity:.65}.native-recorder .live-copy{font-size:14px;line-height:21px;min-height:63px;height:63px;overflow:hidden;color:#665b4c;margin:15px 0 0}.group-photo{position:relative;aspect-ratio:1.2;margin:12px;overflow:hidden;border-radius:11px}.group-photo>img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1);transform-origin:50% 29%}.headshot-crop{position:absolute;left:35%;top:8%;width:31%;height:41%;border:2px solid #fff8e9;box-shadow:0 0 0 200px #32231c40,inset 0 0 0 1px #ce734b;opacity:0;transition:opacity .4s}.headshot-crop.on{opacity:1}.group-photo.zoomed>img{transform:scale(2.6)}.group-photo.zoomed .headshot-crop{opacity:0}.profile-preview{text-align:center;padding:25px 15px 0;background:linear-gradient(#e2eadb80,transparent)}.profile-avatar{width:80px;height:80px;margin:auto;border-radius:50%;background:#ddd9c8;display:grid;place-items:center;overflow:hidden;border:4px solid #fff8;box-shadow:0 4px 10px #74674c18;position:relative}.profile-avatar img,.chat-avatar img{width:360%;max-width:none;height:auto;position:absolute;left:-130%;top:-38%}.profile-avatar svg{width:28px;color:#a89b7e}.profile-preview h3{font:600 18px Manrope,sans-serif;margin:15px 0 6px}.profile-preview p{font-size:11px;color:#a29781}.profile-lines{padding:12px 0}.profile-lines i{display:block;width:70%;height:5px;background:#b8bda333;border-radius:3px;margin:8px auto}.profile-lines i:last-child{width:45%}.profile-status{min-height:0;text-align:center;font-size:11px;margin:6px 17px;padding:10px}.chat-header{background:#dce5d1aa}.chat-avatar{width:31px;height:31px;position:relative;overflow:hidden;border-radius:50%;flex:none;border:2px solid #fff9;background:#e3c4ab}.chat-name{display:flex;flex-direction:column;gap:3px}.chat-name strong{font-weight:600;color:#758067;font-size:12px}.chat-name small{font-size:9px;color:#95a084}.demo-card .chat-header{padding:13px 16px}.message-bubble{background:#dce4d1;color:#758167;border:1px solid #fff7}.compose.received{background:#f0dece;border-color:#fff8;color:#8a6650}.message-intro{padding-top:22px}@keyframes helix-breathe{from{transform:scaleY(.5)}to{transform:scaleY(1)}}
@media(max-width:1050px){.petal-explainer{width:230px;padding:19px;left:calc(100% + 24px);gap:10px}.petal-explainer[data-petal=reaction]{right:calc(100% + 24px)}.petal-explainer h2{font-size:17px}.explainer-icon{width:31px;height:34px}.wheel-anchor{width:222px;height:222px}}
@media(max-width:700px){.page-context{padding:24px}.page-context>p{display:none}.page-context.below{display:block}.context-apps{margin-top:22px;flex-wrap:wrap}#canvas{height:680px;min-height:680px}.invitation{top:34px!important}.invitation h1{font-size:33px!important}.invitation p{font-size:13px;max-width:320px}.sketch-arrow{top:139px!important;left:calc(50% + 82px);height:54px!important}.wheel-anchor{top:55%!important;width:210px;height:210px}.petal-explainer,.petal-explainer[data-petal=reaction]{left:50%;right:auto;top:calc(100% + 14px);transform:translateX(-50%);width:290px;padding:12px 16px;gap:12px}.petal-explainer h2{font-size:15px;margin:3px 0}.petal-explainer p{font-size:11px}.try-petal{margin-top:6px}.playing .wheel-anchor{top:37%!important;width:190px;height:190px}.demo-card.destination-card{top:70%!important}.playing .petal-explainer{display:none}.demo-context{top:46px!important}.demo-context p{font-size:22px}.profile-preview{padding:12px}.profile-avatar{width:58px;height:58px}.profile-lines{display:none}.profile-preview h3{margin:8px 0}.profile-preview p{margin:3px 0}.demo-card.destination-card{max-height:250px}.learn-more{bottom:24px!important}}

.petal-explainer p{color:#80705e}.petal-explainer small{color:#947252}.try-petal{color:#ad5935}.invitation p{color:#847867}.sketch-arrow{stroke-width:4.5}.petal-icon:focus-visible{box-shadow:none;background:#a44e3030;color:#fff}.wheel-hub:focus-visible{box-shadow:inset 0 0 0 2px #bb6945,3px 3px 4px #897b6455}
/* Branded invitation and the hold-to-open commercial beat. */
.invitation h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#c36b44;font-style:italic;letter-spacing:-1.9px}.sketch-arrow{left:calc(50% + 87px);top:131px!important;width:106px!important;height:99px!important;stroke-width:5;stroke:#bca184}.learn-more{border-radius:17px;padding:14px 29px;background:linear-gradient(155deg,#e9a176 0%,#dc8255 42%,#cf6c40 100%);border:1px solid #fff4;box-shadow:0 4px 0 #b85e37,0 7px 3px #9d4e2925,0 12px 18px #a86c3b26,inset 0 2px 2px #ffe1baaa,inset 0 -2px 2px #bd60334d;transition:box-shadow .18s,translate .18s,background .18s;text-shadow:0 1px 1px #aa623a50}.learn-more:hover{translate:0 -2px;box-shadow:0 6px 0 #b85e37,0 9px 3px #9d4e2920,0 15px 22px #a86c3b29,inset 0 2px 2px #ffe1bac9,inset 0 -2px 2px #bd60334d}.learn-more:active{translate:0 3px;box-shadow:0 1px 0 #b85e37,0 4px 7px #a86c3b26,inset 0 1px 3px #b55c3b55}.wheel-surface{transition:opacity .38s,transform .6s cubic-bezier(.2,.7,.2,1)}.intro .wheel-surface{opacity:0;transform:scale(.82);pointer-events:none}.intro .demo-context{opacity:0}.intro .petal-explainer{opacity:0}.wheel-born .wheel-surface{opacity:1;transform:scale(1.075)}.choosing .wheel-surface,.cursor-away .wheel-surface{transform:scale(1)}.playing .wheel-surface{pointer-events:none}.hold-ring{position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%,-50%) rotate(-90deg);opacity:0;pointer-events:none;overflow:visible}.hold-ring circle{fill:none;stroke-width:2.5}.ring-track{stroke:#c78b5a25}.ring-fill{stroke:#d7804b;stroke-dasharray:270.18;stroke-dashoffset:270.18;filter:drop-shadow(0 1px 2px #d2915050)}.ring-running .hold-ring{opacity:1;transition:opacity .12s}.ring-running .ring-fill{stroke-dashoffset:0;transition:stroke-dashoffset .8s linear}.wheel-born .hold-ring{opacity:0;transition:opacity .18s}.summon-ripple{position:absolute;inset:-27px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 49%,#e4ac7420 55%,#e6c89c45 59%,transparent 70%);z-index:-1}.wheel-born .summon-ripple{animation:wheel-ping 1.1s ease-out both}.cinema-cursor{position:absolute;left:50%;top:50%;width:32px;height:40px;pointer-events:none;opacity:0;transform:translate(230px,100px) scale(1.12);z-index:22;transition:opacity .25s,transform .85s cubic-bezier(.24,.68,.24,1)}.cinema-cursor svg{width:100%;height:100%;fill:#fcf8ee;stroke:#85735f;stroke-width:1.4;filter:drop-shadow(3px 6px 4px #59422d35);transform-origin:4px 3px;transition:transform .18s,filter .18s}.summoning .cinema-cursor{opacity:1;transform:translate(-3px,-3px) scale(1.12)}.ring-running .cinema-cursor svg{transform:scale(.88);filter:drop-shadow(1px 2px 1px #59422d40)}.wheel-born .cinema-cursor svg{transform:scale(1)}.choosing .cinema-cursor{transform:translate(calc(var(--petal-x) - 3px),calc(var(--petal-y) - 3px));transition:transform .48s cubic-bezier(.2,.7,.2,1),opacity .25s}.cursor-away .cinema-cursor{opacity:0;transition:opacity .35s}.close-demo{top:auto;right:auto;bottom:98px;left:calc(50% - 68px);width:25px;height:25px;border-radius:50%;background:linear-gradient(140deg,#f9f5ed,#e6dfd2);box-shadow:2px 3px 5px #8c775720,inset 1px 1px 1px #fff;color:#9a8570}.close-demo svg{width:14px;height:14px}.demo-progress{bottom:109px;left:calc(50% - 26px)}@keyframes wheel-ping{0%{opacity:0;transform:scale(.65)}25%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
@media(max-width:700px){.sketch-arrow{top:131px!important;left:calc(50% + 67px);width:87px!important;height:87px!important}.close-demo{top:auto;right:auto;bottom:91px;left:calc(50% - 68px)}.demo-progress{bottom:103px}.cinema-cursor{width:27px;height:35px}.invitation h1{font-size:32px!important}}

.invitation .intro-subtitle{font-size:16px;color:#7a6c5b;line-height:1.5;max-width:520px}.invitation .intro-detail{font-size:12px;color:#a0927f;line-height:1.6;max-width:510px;margin-top:10px}.sketch-arrow{top:143px!important;height:91px!important}@media(max-width:700px){.invitation .intro-subtitle{font-size:14px;max-width:300px}.invitation .intro-detail{font-size:11px;max-width:300px;margin-top:8px}.sketch-arrow{top:151px!important;height:69px!important}}
.gif-choices{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:105px 105px;gap:7px;padding:12px 12px 0}.gif-choice{position:relative;overflow:hidden;border-radius:10px;background:#e3dccf;box-shadow:inset 0 0 0 1px #fff5}.gif-choice:first-child{grid-row:span 2}.gif-choice img{display:block;width:100%;height:100%;object-fit:cover}.gif-choice.active:after{content:'';position:absolute;inset:0;border:3px solid #d9784a;border-radius:10px;pointer-events:none}.gif-check{position:absolute;bottom:8px;right:8px;width:23px;height:23px;display:grid;place-items:center;background:#d9784a;color:white;border-radius:50%;opacity:0;transform:scale(.7);transition:.2s}.gif-check svg{width:15px;height:15px;stroke-width:2}.active .gif-check{opacity:1;transform:scale(1)}.gif-credit{text-align:right;padding:5px 14px 8px;font-size:8px}.gif-credit a{color:#a69782;text-decoration:none}.emoji-divider{font-size:10px;color:#9a8a74;margin:0 14px;padding-top:10px;border-top:1px solid #b8aa9630}.compact-emojis{padding:10px 15px 16px;gap:8px}.compact-emojis span{font-size:22px}.pasted-gif{height:160px;border-radius:9px;overflow:hidden;background:#e7ddcb}.pasted-gif img{width:100%;height:100%;display:block;object-fit:cover}.compose:has(.pasted-gif){padding:5px;min-height:0}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.petal-icon:focus:not(:focus-visible){box-shadow:none;background:transparent}.playing .petal-icon:focus-visible{box-shadow:none;background:transparent}.finish-recording:focus-visible,.close-demo:focus-visible{outline:2px solid #b66940;outline-offset:3px;box-shadow:none}
@media(max-width:1050px){.gif-choices{grid-template-rows:88px 88px}.compact-emojis{gap:6px}.pasted-gif{height:135px}}@media(max-width:700px){.pasted-gif{height:105px}.compose:has(.pasted-gif){margin-top:7px;margin-bottom:7px}}

/* SVG paths are pointer hit targets; named HTML buttons provide keyboard access. */
.petals,.petals path,.petals:focus,.petals:focus-visible,.petals path:focus,.petals path:focus-visible{outline:none!important;-webkit-tap-highlight-color:transparent}

/* Quick hold gesture; live petal switching throughout playback. */
.playing .wheel-surface,.intro .wheel-surface{pointer-events:auto}.wheel-surface{transition:opacity .12s,transform .18s cubic-bezier(.2,.7,.2,1)}.cinema-cursor{width:23px;height:30px;transform:translate(27px,19px);transition:opacity .06s,transform .12s ease-out}.cinema-cursor svg{fill:#292724;stroke:#fffdf6;stroke-width:1.5;filter:drop-shadow(1px 2px 1px #44342535);transition:transform .06s,filter .06s}.summoning .cinema-cursor{transform:translate(-3px,-3px);transition:opacity .06s,transform .12s ease-out}.ring-running .ring-fill{transition:stroke-dashoffset .43s linear}.choosing .cinema-cursor{transition:transform .105s ease-out,opacity .1s}.cursor-away .cinema-cursor{transition:opacity .1s}.wheel-born .summon-ripple{animation-duration:.55s}.demo-card{transition:opacity .25s,translate .3s ease-out}.intro .wheel-surface{transform:scale(.94)}.wheel-born .wheel-surface{transform:scale(1.03)}.choosing .wheel-surface,.cursor-away .wheel-surface{transform:scale(1)}

.try-note{position:absolute;left:calc(50% + 190px);top:143px;color:#b38d6c;font:500 27px/1 Caveat,'Segoe Print','Bradley Hand',cursive;transform:rotate(7deg);white-space:nowrap}.petal-explainer{padding:19px 21px;width:260px}.petal-explainer h2{font-size:17px;margin:6px 0 7px}.petal-explainer p{font-size:12px}.try-petal{margin-top:12px}.petal-explainer[data-petal=shot]{left:50%;right:auto;top:auto;bottom:calc(100% + 17px);transform:translateX(-50%);width:275px;z-index:25}.petal-explainer[data-petal=shot] .explainer-icon{background:linear-gradient(145deg,#9cb7ce,#688da9);box-shadow:2px 3px 5px #48677d25,inset 1px 1px 1px #e7f4ff99}.petal-explainer[data-petal=clip] .explainer-icon,.petal-explainer[data-petal=reaction] .explainer-icon{background:linear-gradient(145deg,#9daf89,#597951);box-shadow:2px 3px 5px #4d664025,inset 1px 1px 1px #e5f3d499}.petal-explainer[data-petal=shot] small,.petal-explainer[data-petal=shot] .try-petal{color:#66849d}.petal-explainer[data-petal=clip] small,.petal-explainer[data-petal=clip] .try-petal,.petal-explainer[data-petal=reaction] small,.petal-explainer[data-petal=reaction] .try-petal{color:#6e8860}@media(max-width:1050px){.petal-explainer{width:225px;padding:16px}.petal-explainer[data-petal=shot]{width:260px}}@media(max-width:700px){.try-note{left:calc(50% + 117px);top:158px;font-size:23px}.petal-explainer[data-petal=shot]{bottom:calc(100% + 10px);top:auto;width:260px}.petal-explainer{width:280px}.petal-explainer h2{font-size:15px}.petal-explainer p{font-size:11px}}

.petal-explainer h2{margin:0 0 6px}.petal-explainer[data-petal=shot]{width:310px;padding:14px 18px;bottom:calc(100% + 8px)}.petal-explainer[data-petal=shot] .try-petal{margin-top:9px}.petal-explainer[data-petal=shot] h2{color:#66849d}.petal-explainer[data-petal=clip] h2,.petal-explainer[data-petal=reaction] h2{color:#627e55}@media(max-width:700px){.petal-explainer[data-petal=shot]{width:280px;padding:12px 16px}}

.intro-subtitle strong{color:#d16d43;font-weight:700}.invitation .intro-detail{max-width:600px;font-size:12px;line-height:1.6;margin-top:12px}.invitation{width:min(620px,88%)}.invitation .intro-subtitle{max-width:560px}.sketch-arrow{left:calc(50% + 151px);top:167px!important;height:78px!important}.try-note{left:calc(50% + 244px);top:170px}.petal-explainer[data-petal=shot]{left:calc(50% - 35px);padding:10px 16px;bottom:calc(100% + 5px)}.petal-explainer[data-petal=shot] .try-petal{margin-top:6px}@media(max-width:700px){.invitation .intro-detail{font-size:11px;max-width:350px}.invitation .intro-subtitle{max-width:320px}.sketch-arrow{left:calc(50% + 90px);top:187px!important;height:52px!important}.try-note{left:calc(50% + 139px);top:190px;font-size:20px}.petal-explainer[data-petal=shot]{left:50%}}
.skeleton-section{max-width:1100px;margin:0 auto;padding:55px 50px;display:flex;align-items:center;justify-content:space-between;gap:65px;height:250px}.skeleton-copy{flex:1}.skeleton-copy i{display:block;height:10px;border-radius:8px;background:linear-gradient(90deg,#d9d5cf80,#ebe7e080);margin:15px 0;width:80%}.skeleton-copy i:first-child{height:22px;width:55%;margin-bottom:25px}.skeleton-copy i:last-child{width:64%}.skeleton-art{width:40%;height:145px;border-radius:24px;background:radial-gradient(ellipse at 30% 20%,#e9decda0,transparent 70%),linear-gradient(130deg,#e9e5de,#e0e4dd);box-shadow:inset 1px 1px 1px #fff8}.skeleton-after{height:330px}.skeleton-after .skeleton-art{background:linear-gradient(135deg,#e1e4dfa0,#e8ddcfaa)}#canvas{height:590px;min-height:590px}.invitation{top:30px!important}.wheel-anchor{top:67%!important;width:238px;height:238px}.demo-card{top:58%!important}.sketch-arrow{left:calc(50% + 83px);top:173px!important;width:100px!important;height:91px!important}.try-note{left:calc(50% + 163px);top:211px}.demo-progress{bottom:32px}.close-demo{bottom:21px}.wheel-tip{display:block;top:calc(100% + 21px);color:#aa7754;font-size:11px}.explainer-icon:has(img){background:none!important;box-shadow:none!important;width:42px;height:42px}.explainer-icon img{width:48px;height:48px;display:block;margin:-3px}.petal-explainer[data-petal=shot]{left:50%;bottom:calc(100% + 11px)}.ring-running .ring-fill{transition-duration:.52s}.summoning .cinema-cursor{transition:opacity .08s,transform .17s ease-out}.choosing .cinema-cursor{transition:transform .15s ease-out,opacity .1s}.accurate-capture{aspect-ratio:1.5;isolation:isolate}.accurate-capture>img{object-fit:contain;transform:none!important}.accurate-capture .headshot-crop{left:39%;top:8%;width:23%;height:39%;opacity:0;clip-path:inset(0 100% 100% 0);border:1.5px solid #f7f3ea;box-shadow:0 0 0 200px #382d2535,inset 0 0 0 1px #d2764d;transition:clip-path .65s ease-out,opacity .15s}.accurate-capture.selecting .headshot-crop{opacity:1;clip-path:inset(0)}.capture-crosshair{position:absolute;left:39%;top:8%;font:20px/1 sans-serif;color:#fff;transform:translate(-50%,-50%);opacity:0;text-shadow:0 1px 3px #333}.selecting .capture-crosshair{animation:crop-drag .65s ease-out forwards}.shot-copy-status{display:flex;gap:5px;align-items:center;justify-content:flex-end;padding:0 15px 12px;color:#c57950;font-size:11px;opacity:0;transition:opacity .2s}.shot-copy-status svg{width:13px;height:13px}.shot-copy-status.on{opacity:1}.exact-headshot{background-image:url('group-photo.png');background-size:434.7826% auto;background-position:50.649% 13.115%;background-repeat:no-repeat}.flight-headshot{width:100%;height:100%;border-radius:8px}.flight:has(.flight-headshot){width:65px;height:74px;padding:3px;background:#f5ede1}.profile-avatar.exact-headshot{background-size:434.7826% auto;background-position:50.649% 13.115%}@keyframes crop-drag{0%{opacity:1;left:39%;top:8%}85%{opacity:1}100%{opacity:0;left:62%;top:47%}}
@media(max-width:1050px){.wheel-anchor{width:220px;height:220px}}@media(max-width:700px){.skeleton-section{height:180px;padding:30px 24px;gap:25px}.skeleton-art{height:100px}.skeleton-after{height:240px}#canvas{height:640px;min-height:640px}.wheel-anchor{top:66%!important;width:215px;height:215px}.playing .wheel-anchor{top:40%!important;width:180px;height:180px}.sketch-arrow{left:calc(50% + 63px);top:190px!important;width:80px!important;height:90px!important}.try-note{left:calc(50% + 123px);top:232px}.playing .demo-card.destination-card{top:75%!important}.demo-progress{bottom:20px}.close-demo{bottom:9px}.petal-explainer[data-petal=shot]{bottom:calc(100% + 7px)}}
/* Tool first, destination second; the wheel steps out of the work. */
.action-complete .wheel-surface{opacity:0;transform:scale(.9);pointer-events:none;transition:opacity .24s,transform .3s ease-in}.action-complete .wheel-tip,.action-complete .petal-explainer{opacity:0}.wheel-return .wheel-surface{animation:wheel-ready .46s cubic-bezier(.2,.65,.25,1) both}.clip-photo-item{margin:12px;border:2px solid transparent;border-radius:13px;overflow:hidden;background:#ede9df;transition:border-color .2s,box-shadow .2s}.clip-photo-item>img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.clip-photo-caption{padding:13px;position:relative}.clip-photo-caption strong{display:block;font-size:12px;font-weight:500;color:#756c5c}.clip-photo-caption small{display:block;font-size:10px;color:#a69882;margin-top:4px}.clip-photo-caption>span{position:absolute;right:12px;top:15px;opacity:0;color:#c87149}.clip-photo-caption svg{width:17px;height:17px}.clip-photo-item.selected{border-color:#cb8a62;box-shadow:0 2px 8px #aa845d20}.clip-photo-item.selected .clip-photo-caption>span{opacity:1}.pasted-animal{display:block;width:100%;border-radius:8px;aspect-ratio:1.35;object-fit:cover}.compose:has(.pasted-animal){padding:5px}.clip-flight-photo{width:100%;height:100%;object-fit:cover;border-radius:8px}@keyframes wheel-ready{0%{opacity:0;transform:scale(.87)}65%{opacity:1;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}
.petal-explainer{background:linear-gradient(145deg,#fffaf3,#eee6d9);border:1px solid #fff;box-shadow:0 9px 22px #5546322e,0 2px 5px #5546321f,0 0 28px #5d4c3420,inset 1px 1px 1px white;width:290px;padding:18px;gap:11px}.explainer-icon:has(img){width:30px;height:30px;flex:none}.explainer-icon img{width:35px;height:35px;margin:-2px}.petal-explainer h2{font-size:17px;margin-bottom:7px}.petal-explainer p{font-size:12px;line-height:1.55;color:#82725e}.petal-explainer[data-petal=shot]{width:310px;padding:15px;bottom:calc(100% + 12px)}.petal-explainer[data-petal=flow]{width:325px}#canvas:has(.petal-explainer.show[data-petal=shot]) .sketch-arrow,#canvas:has(.petal-explainer.show[data-petal=shot]) .try-note{opacity:0}.sketch-arrow,.try-note{transition:opacity .15s}.demo-context{top:44px!important}.demo-context>span{display:flex;align-items:center;justify-content:center;gap:10px;text-transform:none;letter-spacing:-.6px;font:600 24px Manrope,sans-serif;color:#746553}.demo-context>span img{width:43px;height:43px}.demo-context p{display:none}.reaction-title-icon{width:34px;height:34px;display:grid;place-items:center;background:#789569;border-radius:10px;color:#fff}.reaction-title-icon svg{width:22px;height:22px}.clipboard-tabs{margin:12px 13px 0;background:#ded9ce;border-radius:8px;padding:3px;display:flex;font-size:10px;color:#938773}.clipboard-tabs span{padding:5px 13px;flex:1;text-align:center}.clipboard-tabs span:first-child{border-radius:6px;background:#faf6ee;box-shadow:0 1px 3px #786a5120;color:#6e6354}.real-clip-list{padding:8px 11px 13px}.real-clip-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border:2px solid transparent;border-radius:11px;margin:5px 0;background:#f3eee4;position:relative}.real-clip-row>img,.text-clip-icon{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none}.text-clip-icon{display:grid;place-items:center;background:#e4dbcb;color:#a28f73;font:18px Georgia,serif}.real-clip-row strong{display:block;font-size:11px;font-weight:500;color:#776a57}.real-clip-row small{display:block;font-size:9px;color:#a29783;margin-top:5px}.real-clip-row.selected{border-color:#c18b64;background:#fcf6ea}.row-check{position:absolute;right:7px;bottom:7px;opacity:0;color:#c5784c}.row-check svg{width:12px;height:12px}.selected .row-check{opacity:1}.gif-choices{grid-template-columns:1fr 1fr;grid-template-rows:115px 90px}.gif-choice:first-child{grid-row:auto;grid-column:span 2}.gif-choice img{object-position:center}
@media(max-width:1050px){.petal-explainer{width:245px}.petal-explainer[data-petal=flow]{width:260px}.real-clip-row{gap:7px;padding:8px 6px}.real-clip-row>img,.text-clip-icon{width:38px;height:40px}.real-clip-row strong{font-size:10px}}@media(max-width:700px){.petal-explainer,.petal-explainer[data-petal=flow]{width:285px}.petal-explainer[data-petal=shot]{width:285px;padding:12px}.demo-context>span{font-size:21px}.demo-context>span img{width:35px;height:35px}}

.petal-explainer[data-petal=shot]{width:355px;padding:13px 15px;bottom:calc(100% + 8px)}.petal-explainer[data-petal=shot] .try-petal{margin-top:7px}@media(max-width:700px){.petal-explainer[data-petal=shot]{width:300px;padding:11px}}
.action-cursor{position:absolute;width:23px;height:30px;z-index:40;pointer-events:none;transition:left .38s cubic-bezier(.22,.7,.25,1),top .38s cubic-bezier(.22,.7,.25,1);transform:translate(-3px,-3px)}.action-cursor svg{width:100%;height:100%;fill:#292724;stroke:#fffdf6;stroke-width:1.5;filter:drop-shadow(1px 2px 2px #44342540);transform-origin:3px 2px;transition:transform .1s}.action-cursor.pressed svg{transform:scale(.8)}.action-cursor.pressed:after{content:'';position:absolute;width:25px;height:25px;left:-12px;top:-12px;border:2px solid #dc9a65;border-radius:50%;animation:click-ripple .3s ease-out both}.real-clip-row.hovered{background:#fff8ea;box-shadow:0 2px 7px #9f7e5429}.gif-choice.hovered{box-shadow:0 0 0 2px #d69c70;filter:brightness(1.08)}.social-skeleton{display:flex;align-items:center;gap:9px;padding:14px}.social-skeleton span{width:25px;height:25px;border-radius:50%;background:#d6decd}.social-skeleton i{width:70px;height:6px;border-radius:5px;background:#d6d0c3}.social-skeleton b{font-size:15px;font-weight:400;margin-left:auto;color:#b3a793}.social-photo{aspect-ratio:1.5;margin:0 10px;border-radius:9px}.social-photo>img{object-fit:contain;transform-origin:62.5% 32.5%;transition:transform .65s cubic-bezier(.25,.6,.25,1)}.social-photo.closer>img{transform:scale(1.35)}.social-photo .headshot-crop{left:46.975%;top:2.125%;width:31.05%;height:60.75%;opacity:0;clip-path:inset(0 100% 100% 0);border:1.5px solid #fff9ee;border-radius:2px;box-shadow:0 0 0 300px #35251a2a;transition:clip-path .62s cubic-bezier(.22,.7,.25,1),opacity .12s}.social-photo.selecting .headshot-crop{opacity:1;clip-path:inset(0)}.headshot-crop.captured{border-color:#e8a16c;box-shadow:0 0 0 300px #35251a38,0 0 0 2px #fff7}.social-footer{padding:10px 15px 15px;color:#ab9b85;font-size:17px}.social-footer i{display:block;height:5px;width:65%;background:#dfd8cb;margin-top:8px;border-radius:3px}.social-footer i:last-child{width:43%}.profile-skeleton{display:flex;justify-content:space-between;padding:18px}.profile-skeleton i{width:52px;height:6px;border-radius:4px;background:#d8d0c2}.profile-skeleton i:last-child{width:25px}.team-headshot{width:100%;height:100%;background-image:url('studio-friends.jpg');background-size:434.7826% auto;background-position:66.2338% 18.1818%;border-radius:inherit}.photo-landed{box-shadow:0 0 0 3px #cb9868aa,0 4px 12px #80674125;transition:box-shadow .2s}.workspace-top{display:flex;align-items:center;gap:8px;padding:15px;background:#dfd5df;border-bottom:1px solid #d0c4cf}.workspace-top strong{font-size:12px;color:#735d72}.workspace-top>span:last-child{margin-left:auto;color:#9f879d}.workspace-mark{font-size:21px;color:#97718f}.channel-title{padding:15px 17px;font-size:12px;font-weight:600;color:#827280}.workspace-quiet{height:40px;padding:4px 17px}.workspace-quiet i{display:block;height:4px;border-radius:3px;background:#ded7de70;margin:7px 0;width:57%}.workspace-quiet i:last-child{width:35%}.workspace-composer{background:#fffaf7;min-height:140px;margin-bottom:0;border-radius:10px 10px 0 0}.composer-tools{display:flex;justify-content:space-between;margin:0 17px;padding:9px 12px;background:#ebe3e8;border-radius:0 0 10px 10px;font-size:12px;color:#a18a9a}.destination-card{transition:opacity .4s,translate .5s cubic-bezier(.2,.7,.2,1);translate:22px 0}.destination-card.visible{translate:0 0}@keyframes click-ripple{from{opacity:.7;transform:scale(.65)}to{opacity:0;transform:scale(1.2)}}
/* The tool takes the wheel's place; insertion is click-to-paste, never a flying item. */
.source-card{left:50%;right:auto!important;top:67%!important;transform:translate(-50%,-50%);width:280px;z-index:12}.destination-card{top:64%!important;left:calc(50% + 190px);width:280px}.tool-stage .wheel-surface{opacity:0;transform:scale(.93);pointer-events:none;transition:opacity .2s,transform .22s ease-in}.tool-stage .wheel-tip,.tool-stage .petal-explainer{opacity:0;pointer-events:none}.source-card.visible{translate:0 0}.source-card .gif-choices{grid-template-rows:92px 74px}.source-card .compact-emojis{padding:8px 14px 12px;gap:6px}.source-card .compact-emojis span{font-size:20px}.action-cursor.resting{opacity:0;transition:opacity .2s}.compose.received{animation:paste-arrival .28s ease-out}.photo-landed{animation:paste-arrival .28s ease-out}@keyframes paste-arrival{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.source-card{width:245px}.destination-card{width:225px;left:calc(50% + 150px)}}@media(max-width:700px){.demo-card.source-card{display:block!important;left:50%;top:46%!important;width:220px;transform:translate(-50%,-50%);max-height:310px}.demo-card.destination-card{left:50%;top:77%!important;transform:translate(-50%,-50%);width:245px;z-index:15}.tool-stage .source-card{transition:opacity .22s,translate .25s}.action-complete .source-card{opacity:0}.source-card .gif-choices{grid-template-rows:75px 60px}.source-card .reaction-grid{padding:6px 10px;gap:4px}.source-card .reaction-grid span{font-size:17px}.source-card .emoji-divider{padding-top:5px}.source-card .gif-credit{padding-bottom:4px}.source-card .social-footer{padding:7px 12px}.source-card .workspace-composer{min-height:70px}}
.source-card,.destination-card{top:62%!important}
@media(max-width:700px){.demo-card.source-card{top:46%!important}.demo-card.destination-card{top:77%!important}}

/* Narrow screens keep the selection and destination in separate rows. */
@media(max-width:700px){
#canvas{height:760px;min-height:760px}
.demo-card.source-card{top:41%!important}
.demo-card.destination-card{top:79%!important;left:50%;max-height:245px}
.source-card[hidden],.destination-card[hidden]{display:none!important}
.invitation .intro-detail{font-size:12px;line-height:1.6}
.try-note{left:calc(50% + 76px);top:228px}
.sketch-arrow{left:calc(50% + 50px);top:240px!important}
.petal-explainer,.petal-explainer[data-petal]{left:50%;right:auto;top:auto;bottom:calc(100% + 12px);transform:translateX(-50%);width:min(300px,85vw)}
}

@media(max-width:700px){.demo-card.destination-card{top:83%!important}.demo-card.destination-card.visible{translate:0 0}}

@media(max-width:700px){.demo-card.source-card{top:310px!important}.demo-card.destination-card{top:610px!important}}

@media(max-width:700px){.playing .demo-card.destination-card{top:610px!important}}