@font-face{font-family:"Roboto Serif";src:url(assets/roboto-serif.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}body{background:#e7e9ed;color:#262626;display:flex;flex-direction:column;align-items:center;min-height:100dvh}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #2b7fff;outline-offset:4px}img{display:block;pointer-events:none;user-select:none}button img{flex-shrink:0}[hidden]{display:none!important}.demo-tools{display:flex;justify-content:space-between;align-items:center;width:min(760px,calc(100% - 48px));height:66px;font-size:12px;letter-spacing:.07em;color:#727780}.tool-divider{margin:0 10px;color:#abb0b8}.demo-tools button{font-size:12px;letter-spacing:0;background:none;color:#525862;padding:8px}.demo-tools button span{margin-left:8px;font-size:18px}.device-space{width:393px;height:852px;position:relative;flex-shrink:0;transform-origin:top center}.phone{width:393px;height:852px;border-radius:50px;background:#f3f4f6;overflow:hidden;position:relative;box-shadow:0 24px 80px #26304719;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--theme-text:#262626;--theme-muted:#686868;color:var(--theme-text)}.home-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;background:#f3f4f6;transition:background .3s,filter .25s}.status-bar{height:54px;width:393px;display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 54px;flex-shrink:0;color:#000}.status-bar>span{font-size:17px;font-weight:600;line-height:22px}.levels{display:flex;align-items:center;gap:7px}.navigation{height:56px;width:393px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.circle{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #1f2b4712;padding:0}.nav-button{position:relative}.account{display:flex;align-items:center;gap:4px;height:44px;padding:4px 12px 4px 4px;border-radius:30px;background:none;font-size:17px;font-weight:500}.logo{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:.5px solid #e7eaed;border-radius:8px}.main-content{width:361px;flex:1;min-height:0;padding-top:48px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.top-content{width:100%;display:flex;flex-direction:column;gap:40px;position:relative}.people{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.avatar,.avatar-copy{display:block;border:0;background:#fff;width:152px;height:152px;flex-shrink:0;border-radius:50%;padding:0;position:relative;box-shadow:0 8.444px 16.889px #26262614;overflow:hidden;touch-action:none}.portrait-mask{display:block;position:absolute;inset:0;overflow:hidden;border-radius:50%;-webkit-mask:url(assets/avatar-mask.svg) center/152px 152px no-repeat;mask:url(assets/avatar-mask.svg) center/152px 152px no-repeat}.portrait-mask img{position:absolute;width:114px;height:152px;object-fit:cover;left:19px;top:1.407px}.greeting{font-family:"Roboto Serif",Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;line-height:29px;margin:0;color:var(--theme-muted);text-align:center;white-space:nowrap}.quick-actions{width:100%;padding:0 24px;display:flex;justify-content:space-between}.quick{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;padding:0;font-size:17px;line-height:26px;letter-spacing:-.18px}.action-icon{width:64px;height:64px;border-radius:24px;background:#ffffffb3;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 6px #0000000d;position:relative}.focus{background:#353535;border:1.5px solid #0000001a;box-shadow:inset 0 4.489px 5.152px #0000005c,inset 0 -4.928px 5.152px #ffffff40}.badge{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px;letter-spacing:.12px;font-weight:500;background:#2b7fff;color:#fff;border:1.5px solid white;border-radius:50%;position:absolute;z-index:1}.focus-badge{top:-5px;right:-1px}.guide{width:361px;display:flex;flex-direction:column;gap:10px;align-items:center}.gesture{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;background:none;position:relative;touch-action:none}.gesture>img{animation:breathe 2.6s ease-in-out infinite}.guide p{font-size:14px;line-height:20px;color:#686868a6;margin:0;text-align:center}.hold-feedback{position:absolute;inset:0;border:2px solid #8ac1ff;border-radius:50%;opacity:0;transform:scale(.75)}.holding .hold-feedback{opacity:1;animation:hold-grow .65s linear forwards}.holding .gesture>img{animation-play-state:paused}.guide.done{opacity:0;pointer-events:none}.workspace{width:100%;display:flex;flex-direction:column;gap:12px}.workspace-heading{font-size:14px;line-height:20px;font-weight:500;margin:0;color:var(--theme-muted)}.workspace-bar{width:361px;height:94px;background:#ffffffb3;border-radius:28px;position:relative;padding:12px;display:flex;gap:12px;align-items:center}.workspace-scroll{height:70px;overflow-x:auto;overflow-y:hidden;flex:1;scrollbar-width:none}.workspace-scroll::-webkit-scrollbar{display:none}.workspace-list{display:flex;align-items:center;gap:8px;padding:0 4px;width:max-content;height:70px}.workspace-item{height:62px;width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0;background:none;padding:0;font-size:14px;white-space:nowrap}.workspace-icon{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.team .workspace-icon{background:#6583fd}.docs .workspace-icon{background:#3ec98b}.verifications{width:104px}.verifications .workspace-icon{background:#9b72ec}.more{width:64px}.more .workspace-icon{background:#686868}.workspace-divider{width:1px;height:48px;background:#00000014;flex-shrink:0}.workspace-fade{pointer-events:none;position:absolute;width:32px;height:70px;left:228px;top:12px;background:linear-gradient(90deg,#f0f5ff00,#f0f5ff8c 55%,#f0f5ff)}.team-badge{left:54px;top:8px}.home-indicator{width:139px;height:5px;border-radius:100px;background:#000;position:absolute;bottom:8px;left:127px;z-index:15;pointer-events:none}.scrim{position:absolute;inset:0;background:#00000047;z-index:10;animation:fade-in .2s}.phone.modal .home-layer{filter:blur(4px)}.appearance{position:absolute;bottom:0;left:0;width:393px;background:#f5f5f5;border-radius:32px 32px 0 0;z-index:12;padding-bottom:34px;animation:sheet-in .32s cubic-bezier(.2,.8,.2,1);color:#262626}.grabber{width:36px;height:5px;border-radius:4px;background:#bdbdbd;margin:9px auto 10px}.sheet-header{height:53px;position:relative;display:flex;align-items:center;justify-content:center}.sheet-header h1{margin:0;font-size:17px;font-weight:500}.close{position:absolute;left:16px;top:2px;font-size:30px;font-weight:300}.sheet-label{margin:18px 16px 12px;font-size:14px;line-height:20px;color:#999}.palette-scroll{display:flex;gap:12px;overflow:auto;width:361px;margin:0 16px 16px;padding:16px;background:white;border-radius:20px;scrollbar-width:none}.palette{width:88px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;background:none;font-size:12px;line-height:20px;color:#999}.swatch-ring{display:flex;width:88px;height:128px;align-items:center;justify-content:center;border:2px solid transparent;border-radius:18px}.swatch{display:block;width:80px;height:120px;border-radius:14px;border:2px solid transparent}.palette.selected{color:#262626}.palette.selected .swatch-ring{border-color:#262626}.palette.selected .swatch{border-color:#fff}.swatch.standard{background:radial-gradient(ellipse at 50% 110%,#bed0fa,transparent 50%),#f3f4f6}.swatch.sky{background:linear-gradient(#d1eaff,#e8f5ff 50%,#ffe4d6)}.swatch.meadow{background:linear-gradient(#ededac,#e2edcf 50%,#d9edf9)}.swatch.dark{background:radial-gradient(ellipse at 10% 25%,#1c2b49,transparent 70%),radial-gradient(ellipse at 85% 50%,#29203e,transparent 65%),#11131a}.save{display:block;width:361px;height:48px;margin:0 16px;border-radius:28px;background:#262626;color:white;font-size:16px}.avatar-menu{position:absolute;left:60.5px;top:158px;display:flex;align-items:center;gap:16px;z-index:12;animation:fade-in .2s}.avatar-copy{outline:2px solid #a6a6a6;box-shadow:0 0 0 4px #007aff}.toast{position:absolute;bottom:156px;left:50%;transform:translate(-50%,10px);background:#262626ed;color:#fff;padding:11px 18px;border-radius:24px;font-size:14px;opacity:0;pointer-events:none;z-index:20;white-space:nowrap;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.desktop-note{font-size:12px;line-height:18px;color:#9298a1;margin:20px 0 24px}.phone.theme-sky .home-layer{background:linear-gradient(#d1eaff,#e8f5ff 50%,#ffe4d6)}.phone.theme-meadow .home-layer{background:linear-gradient(#ededac,#e2edcf 50%,#d9edf9)}.phone.theme-dark{--theme-text:#eee;--theme-muted:#d4d4da}.phone.theme-dark .home-layer{background:radial-gradient(ellipse at 10% 25%,#1c2b49,transparent 70%),radial-gradient(ellipse at 85% 50%,#29203e,transparent 65%),#11131a}.theme-dark .status-bar{color:#fff}.theme-dark .status-bar img{filter:invert(1)}.theme-dark .home-indicator{background:#fff}.theme-dark .workspace-heading{color:#ddd}.theme-dark .workspace-item{color:#262626}.theme-dark .guide p{color:#ccc}@keyframes breathe{0%,100%{transform:scale(.88);opacity:.6}50%{transform:scale(1.08);opacity:1}}@keyframes hold-grow{from{transform:scale(.7)}to{transform:scale(1.35)}}@keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(max-width:520px){body{background:#f3f4f6;justify-content:center}.demo-tools,.desktop-note{display:none}.phone{box-shadow:none}.device-space{margin:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}