:root{--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#e3e1dd}@keyframes demo-tab-jelly{0%{transform:scale(1)}32%{transform:scale(1.22,1.12)}58%{transform:scale(.94,.96)}78%{transform:scale(1.04,1.02)}to{transform:scale(1)}}@keyframes note-card-crunch{0%{background:#f4f5f3;border-radius:8cqw;animation-timing-function:cubic-bezier(.5,0,.5,1);transform:perspective(600px)translateY(0)scale(1)skew(0)rotateX(0)rotateY(0);box-shadow:inset 0 2cqw 4cqw #fff0,inset 0 -2.4cqw 4.6cqw #787c8200,0 4cqw 12cqw #38332b1f}14%{background:#e3e5e6;border-radius:7.6cqw;animation-timing-function:cubic-bezier(.32,.86,.3,1);transform:perspective(600px)translateY(-.4cqw)scale(1.03,1.035)skew(0)rotateX(-1deg)rotateY(0);box-shadow:inset 0 2cqw 4cqw #ffffff0f,inset 0 -2.4cqw 4.6cqw #787c821a,0 4.4cqw 11.2cqw #38332b21}32%{background:#cdd1d6;border-radius:7cqw;animation-timing-function:cubic-bezier(.28,1.2,.4,1);transform:perspective(600px)translateY(0)scaleY(.99)skew(0)rotateX(3deg)rotateY(0);box-shadow:inset .2cqw 2cqw 4cqw #ffffff1f,inset 0 -2.4cqw 4.8cqw #787c8238,0 3cqw 8cqw #38332b21}38%{background:#cdd1d6;border-radius:6.7cqw;animation-timing-function:cubic-bezier(.6,0,.5,1);transform:perspective(600px)translateY(.1cqw)scale(1.035,.95)skew(0)rotateX(7deg)rotateY(0);box-shadow:inset .4cqw 1.8cqw 3.8cqw #ffffff1f,inset 0 -2.2cqw 4.4cqw #787c8238,0 2.8cqw 7.4cqw #38332b21}52%{background:#cdd1d6;border-radius:5.8cqw;animation-timing-function:cubic-bezier(.6,0,.5,1);transform:perspective(600px)translateY(1cqw)scale(1.1,.48)skew(0)rotateX(20deg)rotateY(0);box-shadow:inset .4cqw 1.6cqw 3.4cqw #ffffff1a,inset 0 -2cqw 4cqw #787c8233,0 2.6cqw 6.4cqw #38332b21}70%{opacity:1;background:#cdd1d6;border-radius:4.6cqw;animation-timing-function:cubic-bezier(.68,0,.6,1);transform:perspective(600px)translateY(.2cqw)scale(.6,.54)skew(0)rotateX(35deg)rotateY(0);box-shadow:inset .3cqw 1.4cqw 2.8cqw #ffffff1a,inset 0 -1.8cqw 3.6cqw #787c8238,0 2.2cqw 5.4cqw #38332b21}86%{opacity:.5;background:#cdd1d6;border-radius:3.6cqw;animation-timing-function:cubic-bezier(.72,0,.62,1);transform:perspective(600px)translateY(-1cqw)scale(.32,.3)skew(0)rotateX(47deg)rotateY(0);box-shadow:inset .3cqw 1cqw 2.2cqw #ffffff1a,inset 0 -1.4cqw 3cqw #787c823d,0 2cqw 5cqw #38332b21}to{opacity:0;background:#cdd1d6;border-radius:3cqw;transform:perspective(600px)translateY(-2cqw)scale(.16)skew(0)rotateX(52deg)rotateY(0);box-shadow:inset .3cqw .9cqw 2cqw #ffffff1a,inset 0 -1.2cqw 2.6cqw #787c823d,0 1.6cqw 4cqw #38332b1f}}@keyframes echo-bars-rotate{to{transform:rotate(360deg)}}@keyframes note-folder-open{0%{transform:scale(.44)}to{transform:scale(1)}}@keyframes note-view-slide-in{0%{transform:translate(10%)}to{transform:translate(0)}}@keyframes note-file-spread{0%{transform:translateY(-2.6cqw)scale(.9)rotate(-1.8deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes note-doc-open{0%{transform:scale(.32)}to{transform:scale(1)}}@keyframes guide-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes guide-outline-breathe{0%,to{opacity:.78}50%{opacity:1}}@keyframes guide-card-enter{0%{opacity:0;transform:translateY(8px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes echo-dash-spin{to{transform:rotate(360deg)}}@keyframes echo-bar-pulse{0%,to{height:calc(var(--echo-base,1.4cqw) * .72);opacity:.44}38%{height:calc(var(--echo-base,1.4cqw) * var(--echo-amp,1.3));opacity:.74}64%{height:calc(var(--echo-base,1.4cqw) * .82);opacity:.54}}@keyframes echo-core-breath{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes echo-panel-breath{0%,to{opacity:.58}50%{opacity:.94}}@keyframes echo-grain-drift{to{transform:translate(2px,-2px)}}.demo-intro-loader{justify-content:center;align-items:center;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;display:flex;position:absolute;inset:0}.demo-intro-loader-number{color:#eef4fb;font-variant-numeric:tabular-nums;letter-spacing:.45cqw;text-shadow:0 0 6.5cqw #ffffff7a;justify-content:center;align-items:flex-start;min-width:30cqw;font-size:15.5cqw;font-weight:800;line-height:1;display:inline-flex}.demo-intro-loader-number i{opacity:.76;margin-top:1.1cqw;margin-left:.6cqw;font-size:5.2cqw;font-style:normal;font-weight:700}.phone-stage{background:radial-gradient(circle at 50% 28%,#f4f3f0 0%,#e3e1dd 60%,#d6d4cf 100%);justify-content:center;align-items:center;width:100%;min-height:100%;padding:40px 20px;display:flex}.phone{aspect-ratio:440/956;flex-shrink:0;height:min(956px,100svh - 48px);position:relative;container-type:size}.phone-frame{background:linear-gradient(145deg,#3a3a3e 0%,#1c1c1f 45%,#2c2c30 100%);border-radius:13.5cqw;padding:1.4cqw;position:absolute;inset:0;box-shadow:0 0 0 .4cqw #0c0c0e,0 40px 80px -20px #3c373273,0 16px 40px -16px #3c37324d,inset 0 1px 1px #ffffff2e}.phone-screen{background:#fff;border-radius:12.2cqw;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.dynamic-island{z-index:50;background:#000;border-radius:4cqw;width:25cqw;height:7.2cqw;position:absolute;top:2.6cqw;left:50%;transform:translate(-50%)}.phone-content{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.home-indicator{z-index:50;background:#00000059;border-radius:1cqw;width:30cqw;height:1.1cqw;position:absolute;bottom:1.8cqw;left:50%;transform:translate(-50%)}.phone-move-handle{color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:60;background:#2d2d34d9;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;position:absolute;top:0;left:-44px;box-shadow:0 2px 8px #00000040}.phone-move-handle:active{cursor:grabbing}.phone-outside-controls{z-index:70;flex-direction:column;gap:9px;width:154px;display:flex;position:absolute;top:8px;left:calc(100% + 18px)}.demo-outside-button{color:#242426;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);cursor:pointer;text-align:left;width:100%;min-height:52px;font-family:var(--sans);-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#ffffffdb,#f6f5f2ad);border:1px solid #ffffffc7;border-radius:16px;align-items:center;gap:10px;padding:9px 11px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 12px 30px #37322c24,inset 0 1px 1px #ffffffdb}.demo-outside-button:hover{border-color:#ff611647;transform:translateY(-1px);box-shadow:0 15px 34px #37322c2b,inset 0 1px 1px #ffffffe6}.demo-outside-button:active{transform:translateY(0)scale(.985)}.demo-outside-icon{color:#ff6116;background:#ff611617;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.demo-outside-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.demo-outside-copy strong{white-space:nowrap;font-size:13px;font-weight:780;line-height:1.15}.demo-outside-copy small{color:#24242675;white-space:nowrap;font-size:10px;font-weight:620;line-height:1.15}.demo-guide-switch{background:#26262829;border-radius:999px;flex-shrink:0;width:36px;height:21px;transition:background .18s;position:relative;box-shadow:inset 0 1px 3px #1e1e1e1f}.demo-guide-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2.5px;left:2.5px;box-shadow:0 2px 5px #26262838}.demo-guide-switch.is-on{background:#ff6116}.demo-guide-switch.is-on:after{transform:translate(15px)}@media (width<=480px){.phone-stage{background:#fff;padding:0}.phone{width:100vw;height:100svh}.phone-frame{box-shadow:none;background:0 0;border-radius:0;padding:0}.phone-screen{box-shadow:none;border-radius:0}.phone-outside-controls{display:none}}