:root{color:#0c0c10;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0c0c10;--muted:#4f5560;--surface:#f8f8f6db;--rose:#9781ff;--rose-dark:#5f49c7;--safe-bottom:env(safe-area-inset-bottom,0px);background:#d8eaf5;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#c6dfef;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(#eef8ff14,#f5eef824),url(/sky-clouds-v1.jpg) 50%/cover no-repeat,#b8dcf3;width:100%;height:100dvh;position:relative;overflow:hidden}.app-shell:after{content:"";z-index:0;pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");position:absolute;inset:0}.app-shell__custom-background{z-index:0;filter:saturate(.9);background-position:50%;background-size:cover;position:absolute;inset:0}.app-shell__custom-background:after{content:"";-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(#eff6fa8a 0%,#e1ebf340 45%,#e3e7f285 100%),radial-gradient(circle at 72% 13%,#ffffff80,#0000 34%);position:absolute;inset:0}.home{z-index:1;height:100%;position:relative}.home__header{z-index:100;padding:max(17px, env(safe-area-inset-top)) 18px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.home__header p,.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 2px;font-size:9px;font-weight:800}.home__header h1,.page-header h1{letter-spacing:-.075em;margin:0;font-family:Arial Black,Helvetica Neue,Helvetica,sans-serif;font-size:clamp(31px,9.5vw,43px);font-weight:900;line-height:.9}.home__header .liquid-title{filter:drop-shadow(0 8px 12px #752f4f33);width:clamp(138px,40vw,178px);line-height:0}.home__header .liquid-title>img{width:100%;height:auto;display:block}.bubble-count{color:#fff;background:#0c0c10;border-radius:999px;place-items:center;min-width:37px;height:37px;padding:0 10px;font-size:12px;font-weight:900;display:grid;box-shadow:0 8px 20px #191f2c33,inset 0 0 0 1px #ffffff29}.pool{inset:118px 0 calc(84px + var(--safe-bottom));isolation:isolate;position:absolute;overflow:hidden}.pool:after{content:"";filter:blur(35px);background:#bc748b17;border-radius:50%;height:18%;position:absolute;inset:auto 10% 3%}.pool__glow{z-index:1;filter:blur(16px);opacity:.5;border-radius:50%;position:absolute}.pool__glow--one{background:#81d4f261;width:150px;height:150px;top:38%;left:-56px}.pool__glow--two{background:#ffb4d261;width:120px;height:120px;top:7%;right:-34px}.bubble{--tilt-x:var(--motion-x,0px);--tilt-y:var(--motion-y,0px);border-radius:inherit;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;transform:translate3d(var(--tilt-x), var(--tilt-y), 0);-webkit-user-select:none;user-select:none;will-change:left, top, width, height;background:0 0;border:0;margin:0;padding:0;transition:left 1.15s cubic-bezier(.2,.72,.26,1),top 1.15s cubic-bezier(.2,.72,.26,1),width .9s,height .9s,transform .12s linear,filter .18s;display:block;position:absolute}.bubble.is-rising{transition:left 5.4s cubic-bezier(.16,.74,.18,1),top 5.4s cubic-bezier(.16,.74,.18,1),width .9s,height .9s,transform .12s linear}.bubble:active{cursor:grabbing;filter:brightness(.98)}.bubble:focus-visible{outline-offset:4px;outline:3px solid #b2647d6b}.bubble-shape-0{--tilt-x:var(--motion-x-soft,0px);--tilt-y:var(--motion-y-soft,0px);border-radius:56% 44% 51% 49%/47% 55% 45% 53%}.bubble-shape-1{border-radius:45% 55% 58% 42%/56% 44% 54% 46%}.bubble-shape-2{--tilt-x:var(--motion-x-strong,0px);--tilt-y:var(--motion-y-strong,0px);border-radius:53% 47% 44% 56%/45% 58% 42% 55%}.bubble-shape-3{--tilt-x:var(--motion-x-strong,0px);--tilt-y:var(--motion-y-strong,0px);border-radius:59% 41% 54% 46%/43% 52% 48% 57%}.bubble-shape-4{--tilt-x:var(--motion-x-soft,0px);--tilt-y:var(--motion-y-soft,0px);border-radius:47% 53% 57% 43%/58% 46% 54% 42%}.bubble__squeeze{--squeeze-strength:0;--bubble-contour:circle(50% at 50% 50%);border-radius:inherit;filter:drop-shadow(0 0 1px #ffffffe6)drop-shadow(0 14px 13px #1f283e21);will-change:filter;transition:filter .36s;position:absolute;inset:0}.bubble__float{border-radius:inherit;clip-path:var(--bubble-contour);-webkit-backdrop-filter:blur(11px)saturate(1.42);backdrop-filter:blur(11px)saturate(1.42);pointer-events:none;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:clip-path .36s cubic-bezier(.2,.72,.24,1);animation:7.4s ease-in-out infinite bubble-float;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 8px 10px 16px #ffffffb8,inset -12px -14px 24px #433e6529,0 18px 22px #1f283e2b,0 3px 7px #25253a1f}.bubble__float:before{content:"";filter:blur(1.8px);opacity:.9;background:linear-gradient(#fffffffa,#ffffff26);border-radius:50%;width:48%;height:14%;position:absolute;top:9%;left:14%;transform:rotate(-22deg)}.bubble__float:after{content:"";border-radius:inherit;opacity:.9;background:radial-gradient(circle at 82% 20%,#ffffffeb 0 1.5px,#0000 2.5px),radial-gradient(circle at 88% 27%,#fff9 0 1px,#0000 2px),radial-gradient(circle at 18% 72%,#ffffff6b 0 1px,#0000 2px),conic-gradient(from 215deg,#88def438,#ffa6cf33,#ffeea524,#88def438);position:absolute;inset:0}.bubble--text .bubble__float{background:radial-gradient(circle at 30% 20%,#ffffff85,#0000 27%),linear-gradient(145deg,#ffe7f04f,#dd8bad3d)}.bubble--url .bubble__float{background:radial-gradient(circle at 30% 20%,#ffffff8a,#0000 27%),linear-gradient(145deg,#ebe1ff4d,#bba0dd3b)}.bubble--audio .bubble__float{background:radial-gradient(circle at 30% 20%,#ffffff8f,#0000 27%),linear-gradient(145deg,#d4f5ef52,#84cdc538)}.bubble:not(.bubble--image).bubble-shape-0 .bubble__float{background:radial-gradient(circle at 29% 18%,#ffffffe0,#0000 25%),linear-gradient(145deg,#ffcadd94,#e07aa473)}.bubble:not(.bubble--image).bubble-shape-1 .bubble__float{background:radial-gradient(circle at 29% 18%,#ffffffe0,#0000 25%),linear-gradient(145deg,#d6cdffa8,#9379ec80)}.bubble:not(.bubble--image).bubble-shape-2 .bubble__float{background:radial-gradient(circle at 29% 18%,#ffffffeb,#0000 25%),linear-gradient(145deg,#f4fafca3,#a5d6df61)}.bubble:not(.bubble--image).bubble-shape-3 .bubble__float{background:radial-gradient(circle at 29% 18%,#ffffffe6,#0000 25%),linear-gradient(145deg,#ffe5cc9e,#eea98e6b)}.bubble:not(.bubble--image).bubble-shape-4 .bubble__float{background:radial-gradient(circle at 29% 18%,#ffffffe6,#0000 25%),linear-gradient(145deg,#d0ecff9e,#65b1de66)}.bubble--image .bubble__float{background:#f1d5e047}.bubble__float img{object-fit:cover;opacity:.72;-webkit-user-drag:none;width:100%;height:100%}.bubble__content{z-index:5;border-radius:inherit;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;animation:7.4s ease-in-out infinite bubble-content-float;display:flex;position:absolute;inset:0}.bubble__type{z-index:1;opacity:.65;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:14px;font-weight:900;line-height:1;position:relative}.bubble__label{z-index:1;color:#17131c;letter-spacing:-.025em;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:76%;font-size:clamp(11px,3.4vw,14px);font-weight:800;line-height:1.14;display:-webkit-box;position:relative;overflow:hidden}.bubble__age{z-index:1;color:#17131c94;letter-spacing:.03em;font-size:9px;font-weight:700;position:relative}.bubble.is-popping{pointer-events:none}.bubble.is-popping .bubble__squeeze{--squeeze-strength:0!important}.bubble.is-popping .bubble__float{will-change:transform, opacity, filter;animation:.86s cubic-bezier(.16,.72,.16,1) forwards bubble-collapse}.bubble.is-popping .bubble__content{animation:.44s ease-out forwards bubble-content-pop}.bubble__burst{z-index:7;left:var(--pop-x,50%);top:var(--pop-y,50%);pointer-events:none;width:0;height:0;position:absolute}.bubble__burst:before{content:"";opacity:0;border:1.5px solid #ffffffe6;border-radius:50%;width:54px;height:54px;animation:.44s cubic-bezier(.1,.7,.2,1) .15s forwards burst-ring;position:absolute;top:-27px;left:-27px}.bubble__burst:after{content:"";opacity:0;background:radial-gradient(circle,#fff 0 18%,#dccdffd1 32%,#fff0 72%);border-radius:50%;width:30px;height:30px;animation:.24s ease-out .15s forwards burst-flash;position:absolute;top:-15px;left:-15px}.bubble__burst i{--angle:0deg;--distance:58px;--mini-size:8px;--mini-delay:.18s;width:var(--mini-size);height:var(--mini-size);opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(.2);animation:mini-bubble-away .83s cubic-bezier(.1,.66,.16,1) var(--mini-delay) forwards;will-change:transform, opacity;background:radial-gradient(circle at 30% 24%,#fffffffa 0 12%,#0000 18%),linear-gradient(145deg,#dff2ff9e,#ae97f657);border:1px solid #ffffffdb;border-radius:50%;position:absolute;top:0;left:0;box-shadow:inset -1.5px -2px 4px #49417a29,0 2px 5px #1f2a4126}@keyframes bubble-float{0%,to{transform:translate(-1px,1px)rotate(-.35deg)scale(1)}35%{transform:translate(2px,-6px)rotate(.45deg)scale(1.008)}68%{transform:translate(-2px,-3px)rotate(-.15deg)scale(.997)}}@keyframes bubble-content-float{0%,to{transform:translate(-1px,1px)}35%{transform:translate(2px,-6px)}68%{transform:translate(-2px,-3px)}}@keyframes bubble-collapse{0%,8%{opacity:1;filter:brightness();transform:scale(1)}16%{opacity:1;filter:brightness(1.08);transform:scale(.965,1.035)}24%{opacity:1;filter:brightness(1.28)saturate(1.12);transform:scale(1.07,.94)}32%{opacity:.9;filter:brightness(1.42);transform:scale(.92,1.04)}48%{opacity:.38;filter:brightness(1.55)blur(.4px);transform:scale(.58)}64%{opacity:.04;filter:brightness(1.7)blur(1px);transform:scale(.12)}to{opacity:0;filter:brightness(1.5)blur(1px);transform:scale(.04)}}@keyframes bubble-content-pop{0%,18%{opacity:1;transform:scale(1)}45%{opacity:.55;transform:scale(.96)}to{opacity:0;transform:scale(.78)}}@keyframes burst-ring{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.75)}}@keyframes burst-flash{0%{opacity:0;transform:scale(.25)}28%{opacity:1;transform:scale(1.45)}to{opacity:0;transform:scale(3.1)}}@keyframes mini-bubble-away{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(.18)}10%{opacity:.98;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-8px) scale(1.08)}30%{opacity:.94;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(var(--distance) * -.42)) scale(.92)}70%{opacity:.64}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(.35)}}.empty-pool{z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;width:230px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.empty-pool__orb{color:#17131c;background:radial-gradient(circle at 30% 20%,#fff,#0000 22%),linear-gradient(145deg,#d8ceffeb,#8f73efdb);border:1.5px solid #ffffffeb;border-radius:48% 52% 57% 43%/58% 44% 56% 42%;place-items:center;width:98px;height:98px;margin-bottom:20px;font-size:28px;display:grid;box-shadow:0 20px 28px #2e2a513d,inset 9px 11px 18px #ffffff9e,inset -9px -10px 18px #372c7a2e}.empty-pool strong{letter-spacing:-.04em;margin-bottom:6px;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:16px}.empty-pool small{color:var(--muted);font-size:12px}.bottom-nav{z-index:400;right:12px;bottom:max(10px, var(--safe-bottom));-webkit-backdrop-filter:blur(24px)saturate(1.08);backdrop-filter:blur(24px)saturate(1.08);background:#f8f8f5d1;border:1px solid #0a0a0d24;border-radius:23px;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;height:68px;display:grid;position:absolute;left:12px;box-shadow:0 16px 30px #1a22312b,inset 0 1px #ffffffeb}.bottom-nav>button:not(.add-button){color:#60656d;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:100%;font-size:8px;font-weight:900;display:flex}.bottom-nav>button:not(.add-button) span{color:#202126;height:17px;font-size:17px;font-weight:900;line-height:17px}.voice-nav-button span{place-items:center;display:grid}.voice-nav-button svg{fill:none;stroke:#765ee5;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.bottom-nav>button:last-child{grid-column:5}.bottom-nav>button.is-active{color:#08090c}.bottom-nav>button.is-active span{color:#765ee5}.add-button{color:#121018;background:radial-gradient(circle at 29% 18%,#fffffff2,#0000 23%),linear-gradient(145deg,#d3c8fffa,#8061e6f5);border:3px solid #ffffffe6;border-radius:48% 52% 58% 42%/57% 44% 56% 43%;place-self:center;place-items:center;width:58px;height:58px;margin-top:-24px;font-size:28px;font-weight:300;line-height:1;display:grid;box-shadow:0 13px 22px #312c5b57,inset 7px 8px 12px #ffffff6b,inset -7px -8px 13px #36288438}.add-button:active{transform:scale(.94)}.sheet-layer{z-index:1000;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, var(--safe-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#181f2d47;justify-content:center;align-items:center;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;transform-origin:50%;background:#f7f7f3;border:1px solid #0c0c1029;border-radius:28px;width:min(100%,460px);max-height:min(82dvh,720px);padding:18px 20px 22px;animation:.22s cubic-bezier(.2,.84,.28,1) sheet-in;overflow:auto;box-shadow:0 24px 70px #19223447}.sheet__handle{display:none}.sheet__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.sheet__header h2{letter-spacing:-.06em;margin:0;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:25px;font-weight:900}.icon-button{color:#fff;background:#111116;border:0;border-radius:50%;flex:none;width:34px;height:34px;font-size:22px;line-height:1}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)scale(.94)}}.completion-layer{z-index:1200;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, var(--safe-bottom));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#141a2742;place-items:center;animation:.26s ease-out completion-layer-in;display:grid;position:fixed;inset:0}.completion-dialog{text-align:center;background:radial-gradient(circle at 73% 14%,#ffffffeb,#0000 30%),linear-gradient(150deg,#f7f7f4fa,#e1dafff5);border:1px solid #ffffffc2;border-radius:31px;width:min(100%,390px);padding:30px 24px 18px;animation:.44s cubic-bezier(.18,.86,.25,1.15) completion-dialog-in;position:relative;overflow:hidden;box-shadow:0 30px 75px #181f324d,inset 0 0 0 1px #11111612}.completion-dialog:before{content:"";border:1px solid #896fe538;border-radius:50%;width:150px;height:150px;position:absolute;top:-67px;right:-63px;box-shadow:0 0 0 22px #ffffff1a}.completion-orb{background:radial-gradient(circle at 28% 18%,#fff,#0000 25%),linear-gradient(145deg,#dcd3fff2,#7e62e0e6);border:1px solid #ffffffe6;border-radius:52% 48% 57% 43%/46% 56% 44% 54%;place-items:center;width:72px;height:72px;margin:0 auto 17px;animation:.65s cubic-bezier(.2,.86,.23,1.18) .12s both completion-orb-settle;display:grid;box-shadow:inset 7px 8px 12px #ffffff73,inset -8px -9px 14px #3928862b,0 14px 24px #342e5b38}.completion-orb span{color:#fff;background:#111116;border-radius:50%;place-items:center;width:29px;height:29px;font-size:15px;font-weight:900;display:grid}.completion-dialog .eyebrow{color:#6b5ac0;margin-bottom:7px}.completion-dialog h2{letter-spacing:-.07em;margin:0;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:clamp(28px,8vw,38px);line-height:.98}.completion-dialog__title{color:#69716d;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:270px;margin:16px auto 22px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.completion-dialog__accept{color:#fff;background:#111116;border:0;border-radius:16px;width:100%;min-height:50px;font-weight:900;box-shadow:0 10px 20px #1111162e}.completion-dialog__footer{color:#8c948f;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;font-size:9px;display:flex}.completion-dialog__footer button{color:#6655bf;text-underline-offset:3px;background:0 0;border:0;padding:5px 0 5px 8px;font-size:10px;font-weight:800;text-decoration:underline}@keyframes completion-layer-in{0%{opacity:0}}@keyframes completion-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.91)}}@keyframes completion-orb-settle{0%{opacity:0;transform:translateY(-18px)scale(.68)rotate(-8deg)}65%{transform:translateY(3px)scale(1.06)rotate(2deg)}}.create-form{flex-direction:column;gap:16px;display:flex}.type-picker{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.type-picker button{color:#4e545e;background:#e7edf2;border:1px solid #0000;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:62px;font-size:10px;font-weight:600;display:flex}.type-picker button span{font-size:17px;font-weight:700}.type-picker button.is-active{color:#121018;background:#d7cffb;border-color:#291f512e}.field{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.field>span{color:#68746e;letter-spacing:.04em;font-size:11px;font-weight:600}.field small{color:#a1aaa5;font-weight:400}.field input,.field textarea,.field select{width:100%;min-width:0;color:var(--ink);background:#e7edf2;border:1px solid #3d534914;border-radius:15px;outline:none;transition:background .16s,box-shadow .16s}.field input,.field select{height:48px;padding:0 13px}.field textarea{resize:none;padding:14px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{background:#fff;box-shadow:0 0 0 3px #775ce52e}.field--primary textarea,.field--primary input{background:#e8edf3;font-size:16px}.voice-textarea{position:relative}.voice-textarea textarea{min-height:112px}.voice-capture-button{color:#211c31;text-align:left;background:linear-gradient(145deg,#e2dcffe6,#c5b8fac7);border:1px solid #47388b21;border-radius:20px;align-items:center;gap:14px;min-height:84px;padding:12px 18px;display:flex;box-shadow:inset 0 1px #ffffffb8,0 9px 20px #352e591c}.voice-capture-button__orb{background:linear-gradient(145deg,#cfc5ff,#856de9);border:1px solid #fffc;border-radius:52% 48% 57% 43%/46% 56% 44% 54%;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:inset 6px 7px 10px #ffffff70,inset -6px -7px 11px #37288429,0 8px 16px #28244433}.voice-capture-button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.voice-capture-button strong{font-size:13px}.voice-capture-button.is-listening .voice-capture-button__orb{background:linear-gradient(145deg,#ffd7d0,#ff7f74);animation:1.05s ease-in-out infinite voice-listening}.voice-hint{min-height:16px;font-size:10px;line-height:1.45;color:#6655bf!important;font-weight:700!important}@keyframes voice-listening{50%{transform:scale(1.07);box-shadow:0 0 0 9px #ff7e7424,0 8px 17px #28244438}}.form-row{grid-template-columns:.86fr 1.14fr;gap:10px;display:grid}.primary-button,.secondary-button,.danger-button{border-radius:15px;justify-content:center;align-items:center;min-height:48px;font-size:13px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#111116;border:0;box-shadow:0 9px 18px #14182333}.primary-button:disabled,.secondary-button:disabled{opacity:.45}.secondary-button{color:#111116;background:#fff;border:1px solid #10101429}.danger-button{color:#9a574c;background:#f3e0dc;border:0}.text-button{color:#718079;text-underline-offset:3px;background:0 0;border:0;align-items:center;font-size:12px;text-decoration:underline;display:inline-flex}.form-error{color:#a95548;margin:-4px 0;font-size:12px}.media-input,.audio-capture{background:#e7edf2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:150px;display:flex;overflow:hidden}.media-input img{object-fit:cover;width:100%;max-height:220px}.media-input .secondary-button{min-height:38px;margin-bottom:10px;padding:0 16px}.media-placeholder{color:#8a9690;font-size:13px}.audio-capture{padding:20px}.audio-capture audio{width:100%}.audio-actions{justify-content:center;align-items:center;gap:14px;display:flex}.audio-actions button{min-height:40px;padding:0 16px}.record-orb{background:linear-gradient(145deg,#ded8ff,#a68ef1);border:1px solid #1111161f;border-radius:48% 52% 56% 44%/54% 46% 58% 42%;place-items:center;width:74px;height:74px;display:grid;box-shadow:inset 8px 9px 14px #ffffff7a,inset -7px -8px 14px #3e2e8d29,0 12px 20px #292b432b}.record-orb span{background:#111116;border-radius:50%;width:25px;height:25px}.record-orb.is-recording{animation:1.5s ease-in-out infinite record-pulse}@keyframes record-pulse{50%{box-shadow:0 0 0 12px #bf756817}}.detail-content{flex-direction:column;gap:14px;display:flex}.detail-text{color:#3f4d47;white-space:pre-wrap;margin:0;font-size:16px;line-height:1.65}.detail-image{object-fit:cover;border-radius:20px;width:100%;max-height:42dvh}.detail-audio{width:100%}.link-card{color:#111116;background:#dfe7ee;border:1px solid #1111161f;border-radius:17px;flex-direction:column;padding:16px 44px 16px 16px;text-decoration:none;display:flex;position:relative}.link-card span{color:#8a8091;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:10px}.link-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.link-card i{font-style:normal;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.detail-meta{border-top:1px solid #e2e7e3;flex-direction:column;margin:4px 0 0;display:flex}.detail-meta div{border-bottom:1px solid #e2e7e3;justify-content:space-between;padding:11px 2px;display:flex}.detail-meta dt{color:#8a938e;font-size:12px}.detail-meta dd{margin:0;font-size:12px;font-weight:600}.detail-actions{grid-template-columns:1fr auto;gap:10px;margin-top:22px;display:grid}.complete-button{color:#fff;letter-spacing:-.01em;background:#111116;border:0;border-radius:16px;min-height:50px;font-weight:900}.complete-button span{background:#fff3;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:6px;display:inline-grid}.delete-button{color:#a2675d;background:0 0;border:0;padding:0 12px;font-size:12px}.page{z-index:1;height:100%;padding:max(26px, env(safe-area-inset-top)) 18px calc(102px + var(--safe-bottom));position:relative;overflow-y:auto}.page-header{grid-template-columns:1fr auto;align-items:end;margin:2px 4px 26px;display:grid}.page-header .eyebrow{grid-column:1/-1}.page-header>span{color:#202126;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.archive-list{flex-direction:column;gap:12px;display:flex}.archive-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f8f5d1;border:1px solid #0c0c1021;border-radius:21px;gap:13px;padding:13px;display:flex;overflow:hidden;box-shadow:0 10px 24px #1d26381a}.archive-card>img{object-fit:cover;filter:saturate(.72);border-radius:14px;flex:none;width:86px;height:100px}.archive-card__body{flex:1;min-width:0}.archive-card__dates{color:#99a29d;text-transform:uppercase;letter-spacing:.04em;gap:10px;font-size:9px;display:flex}.archive-card h3{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 4px;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:15px;line-height:1.2;overflow:hidden}.archive-card p{color:#6c7772;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.archive-card a{color:#6a7184;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.archive-card__type{color:#8a7667;font-size:11px}.archive-card__actions{gap:16px;margin-top:10px;display:flex}.archive-card__actions button{color:#5f49c7;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.archive-card__actions .muted-danger{color:#aa7e75;font-weight:400}.page--archive{overflow:hidden}.page--archive .page-header{z-index:80;position:relative}.completed-pool{z-index:1;inset:104px 0 calc(86px + var(--safe-bottom));isolation:isolate;position:absolute;overflow:hidden}.completed-pool:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#6f99bc14 55%,#41648529);height:34%;position:absolute;bottom:0;left:0;right:0}.completed-pool:after{content:"";z-index:3;filter:blur(18px);background:#1c2c4338;border-radius:50%;height:32px;position:absolute;bottom:2px;left:5%;right:5%}.completed-pool__wordmark{z-index:0;color:#08090c;letter-spacing:-.065em;text-align:center;opacity:.07;font-family:Impact,Arial Black,Helvetica Neue,sans-serif;font-size:clamp(112px,32vw,174px);font-weight:900;line-height:.72;position:absolute;bottom:2%;left:-8px;right:-8px;transform:scaleX(.92)}.completed-bubble{cursor:pointer;touch-action:manipulation}.completed-bubble .bubble__float{filter:saturate(.82)brightness(.97);animation:8.4s ease-in-out infinite completed-settle;box-shadow:inset 8px 10px 16px #ffffffa8,inset -12px -14px 24px #343d5c2e,0 19px 17px #18253833,0 4px 7px #1e2a3b24}.completed-bubble__check{z-index:3;color:#fff;background:#0c0c10e0;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;font-weight:900;display:grid;position:absolute;top:13%;right:15%;box-shadow:0 3px 7px #1319262e}.completed-detail-actions{grid-template-columns:1fr auto;gap:10px;margin-top:22px;display:grid}.completed-detail-actions .primary-button{padding:0 16px}.completed-pool .quiet-empty{z-index:10;min-height:0;position:absolute;inset:0}@keyframes completed-settle{0%,to{transform:translateY(0)rotate(-.2deg)scaleX(1)scaleY(.992)}50%{transform:translateY(-2px)rotate(.2deg)scaleX(1.008)scaleY(.986)}}.quiet-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:55vh;display:flex}.quiet-empty>span{color:#111116;background:linear-gradient(145deg,#e0d9ffeb,#9d84f0d1);border:1px solid #fffc;border-radius:47% 53% 57% 43%/55% 45% 58% 42%;place-items:center;width:70px;height:70px;margin-bottom:16px;font-size:25px;display:grid;box-shadow:inset 7px 8px 13px #ffffff80,0 13px 20px #262a422e}.quiet-empty h2{letter-spacing:-.04em;margin:0 0 6px;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:17px}.quiet-empty p{color:#8a948f;margin:0;font-size:12px}.page--settings{flex-direction:column;gap:12px;display:flex}.page--settings .page-header{margin-bottom:12px}.settings-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f8f5d1;border:1px solid #0c0c101f;border-radius:22px;grid-template-columns:42px 1fr;gap:12px;padding:17px;display:grid;box-shadow:0 10px 24px #1d26381a}.settings-card--accent{background:#dad2fbd6}.settings-card--background{background:#eff5f9e0}.settings-card--motion{background:#e1f0f6e0}.settings-card__icon{color:#fff;background:#111116;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.settings-card h2{letter-spacing:-.04em;margin:1px 0 4px;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:15px}.settings-card p{color:#7a8580;margin:0;font-size:11px;line-height:1.5}.settings-card>button{grid-column:1/-1;width:100%}.background-preview{background-color:#b8dcf3;background-image:linear-gradient(#eef8ff0f,#f5eef81f),url(/sky-clouds-v1.jpg),none;background-position:50%;background-repeat:repeat,no-repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #141b261c;border-radius:17px;grid-column:1/-1;height:116px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.background-preview:after{content:"";background:linear-gradient(#ffffff29,#dee7f040);position:absolute;inset:0}.background-preview span{z-index:1;color:#fff;letter-spacing:.1em;background:#0c0c10c7;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;position:absolute;bottom:8px;right:9px}.background-actions{grid-column:1/-1;grid-template-columns:1fr auto;gap:8px;display:grid}.background-actions .primary-button,.background-actions .secondary-button{min-height:44px;padding:0 14px}.background-actions .primary-button:only-child{grid-column:1/-1}.motion-status{color:#7d8983;grid-column:1/-1;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.motion-status i{background:#aab2ae;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #7e898317}.motion-status i.is-on{background:#6c58d0;box-shadow:0 0 0 4px #6c58d01f}.settings-message{color:#5f49c7;text-align:center;margin:2px 4px;font-size:12px;font-weight:700}.local-note{color:#7b8781;gap:12px;margin-top:8px;padding:0 6px;display:flex}.local-note>span{font-size:18px}.local-note strong{color:#59665f;font-size:12px}.local-note p{margin:3px 0 0;font-size:10px;line-height:1.55}@media (width>=700px){body{background:#b8d5e6;place-items:center;display:grid}.app-shell{max-width:560px;box-shadow:0 0 70px #1b2d4338}.bottom-nav{left:20px;right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bubble.is-popping .bubble__float{animation-duration:.68s!important}.bubble.is-popping .bubble__content{animation-duration:.38s!important}.bubble__burst i{animation-duration:.65s!important}.bubble__burst:before{animation-duration:.36s!important}.bubble__burst:after{animation-duration:.22s!important}}