:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090d0f;--bg-deep:#050708;--surface:#12191bb8;--surface-strong:#182224e6;--surface-soft:#7fc7b614;--text:#f4f1ea;--muted:#a8b2ab;--muted-weak:#717d77;--line:#abd3ca2e;--line-strong:#9fe6d357;--accent:#78d6bd;--accent-strong:#b7ffe8;--gold:#dfc073;--rose:#d98d8d;--blue:#7fa7e8;--shadow:0 32px 100px #0000006b}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);letter-spacing:0;background:linear-gradient(#78d6bd14,#0000 360px),radial-gradient(at 52% -10%,#7fa7e829,#0000 42%),linear-gradient(160deg,#080b0c 0%,#111719 52%,#080909 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden auto}button,select,textarea{font:inherit}textarea,select{border:1px solid var(--line);width:100%;color:var(--text);background:#060a0bb8;border-radius:14px;outline:none}textarea:focus,select:focus,button:focus-visible,a:focus-visible{border-color:var(--accent-strong);outline:none;box-shadow:0 0 0 3px #78d6bd2e}textarea{resize:vertical;padding:18px;line-height:1.6}select{padding:8px 10px}button,.primary-link,.secondary-link{cursor:pointer;border:0;border-radius:999px;min-height:42px;padding:11px 18px;font-weight:800;transition:background .18s,border-color .18s,color .18s,transform .18s,opacity .18s}button:hover,.primary-link:hover,.secondary-link:hover{transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.68}.shell{width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;padding:18px 0 56px}.topbar{grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:4px 0 22px;display:grid}body:has(.ocean-screen){background:#010c15}body:has(.ocean-screen) .shell{width:100%;padding:0}body:has(.ocean-screen) .topbar{z-index:5;min-height:42px;padding:0;position:absolute;top:32px;left:50px;right:50px}body:has(.ocean-screen) .brand{color:#dde8eb;text-shadow:0 8px 24px #0000005c;font-size:clamp(19px,1.35vw,25px)}body:has(.ocean-screen) .nav{justify-content:end;gap:36px;padding-right:130px}body:has(.ocean-screen) .nav a{color:#dde8eba8;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.08vw,20px);font-weight:400}:is(body:has(.ocean-screen) .nav a:hover,body:has(.ocean-screen) .nav a.active){color:#dde8ebf2}body:has(.ocean-screen) .nav a.active:after{background:#99dfec;height:1px;bottom:-5px;box-shadow:0 0 12px #99dfec8c}body:has(.messages-screen){background:#01080e}body:has(.messages-screen) .shell{width:100%;padding:0}body:has(.messages-screen) .topbar{z-index:5;padding:0;position:absolute;top:28px;left:clamp(20px,4.5vw,76px);right:clamp(20px,4.5vw,76px)}body:has(.messages-screen) .brand{color:#e2f1f1f0;text-shadow:0 12px 28px #00000061}body:has(.messages-screen) .nav{justify-content:end}body:has(.messages-screen) .nav a{color:#d1e0e0b8}:is(body:has(.messages-screen) .nav a:hover,body:has(.messages-screen) .nav a.active){color:#f0faf8f5}body:has(.conversation-screen){background:#01080e}body:has(.conversation-screen) .shell{width:100%;padding:0}body:has(.conversation-screen) .topbar{z-index:5;padding:0;position:absolute;top:28px;left:clamp(20px,4.5vw,76px);right:clamp(20px,4.5vw,76px)}body:has(.conversation-screen) .brand{color:#e2f1f1f0;text-shadow:0 12px 28px #00000061}body:has(.conversation-screen) .nav{justify-content:end}body:has(.conversation-screen) .nav a{color:#d1e0e0b8}:is(body:has(.conversation-screen) .nav a:hover,body:has(.conversation-screen) .nav a.active){color:#f0faf8f5}body:has(.profile-screen){background:#01080e}body:has(.profile-screen) .shell{width:100%;padding:0}body:has(.profile-screen) .topbar{z-index:5;padding:0;position:absolute;top:28px;left:clamp(20px,4.5vw,76px);right:clamp(20px,4.5vw,76px)}body:has(.profile-screen) .brand{color:#e2f1f1f0;text-shadow:0 12px 28px #00000061}body:has(.profile-screen) .nav{justify-content:end}body:has(.profile-screen) .nav a{color:#d1e0e0b8}:is(body:has(.profile-screen) .nav a:hover,body:has(.profile-screen) .nav a.active){color:#f0faf8f5}.brand{letter-spacing:0;font-size:21px;font-weight:950}.nav{justify-content:center;gap:24px;display:flex}.nav a{color:var(--muted);padding:8px 0;font-weight:800;position:relative}.nav a:after{content:"";background:0 0;border-radius:999px;height:2px;position:absolute;bottom:0;left:0;right:0}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active:after{background:var(--accent)}.bottom-nav{display:none}.muted,.empty,small{color:var(--muted)}.avatar{border:1px solid #ffffff2e;border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 20px #ffffff38,0 0 26px #78d6bd1f}.avatar.small{width:30px;height:30px}.avatar.large{width:118px;height:118px}.orb-01{background:linear-gradient(135deg,#78d6bd,#dfc073)}.orb-02{background:linear-gradient(135deg,#7fa7e8,#78d6bd)}.orb-03{background:linear-gradient(135deg,#d98d8d,#dfc073)}.redesign-hero{grid-template-columns:minmax(0,.88fr) minmax(360px,.82fr);align-items:center;gap:44px;min-height:min(760px,100vh - 98px);display:grid;position:relative;overflow:hidden}.hero-copy h1,.composer-shell h1,.inbox-group h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(44px,6vw,92px);line-height:.93}.hero-copy p{max-width:610px;color:var(--muted);margin:24px 0 0;font-size:19px;line-height:1.65}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary-link,.primary-button{background:var(--accent);color:#04110e;justify-content:center;align-items:center;display:inline-flex}.secondary-link{border:1px solid var(--line-strong);color:var(--text);background:#ffffff08;justify-content:center;align-items:center;display:inline-flex}.ocean-field{--water-x:52%;--water-y:38%;--water-parallax-x:0px;--water-parallax-y:0px;--water-layer-x:0px;--water-layer-y:0px;--water-ripple-x:0px;--water-ripple-y:0px;--water-chip-x:0px;--water-chip-y:0px;--chip-one-x:0px;--chip-one-y:0px;--chip-two-x:0px;--chip-two-y:0px;--chip-three-x:0px;--chip-three-y:0px;--ripple-x:52%;--ripple-y:38%;--shape-a:48%;--shape-b:52%;--shape-c:43%;--shape-d:57%;--shape-e:52%;--shape-f:45%;--shape-g:57%;--shape-h:47%;--liquid-tilt:0deg;--liquid-skew-x:0deg;--liquid-skew-y:0deg;--body-scale-x:1;--body-scale-y:1;--trail-1-x:52%;--trail-1-y:38%;--trail-1-a:0;--trail-1-s:1;--trail-2-x:52%;--trail-2-y:38%;--trail-2-a:0;--trail-2-s:1;--trail-3-x:52%;--trail-3-y:38%;--trail-3-a:0;--trail-3-s:1;--trail-4-x:52%;--trail-4-y:38%;--trail-4-a:0;--trail-4-s:1;--trail-5-x:52%;--trail-5-y:38%;--trail-5-a:0;--trail-5-s:1;border-radius:var(--shape-a) var(--shape-b) var(--shape-c) var(--shape-d) / var(--shape-e) var(--shape-f) var(--shape-g) var(--shape-h);background:radial-gradient(ellipse at var(--water-x) var(--water-y), #5bbead29, transparent 24%), radial-gradient(ellipse at 30% 72%, #0c48469e, transparent 38%), radial-gradient(ellipse at 72% 28%, #70ccbc2e, transparent 34%), linear-gradient(145deg, #082627e6, #030d10f0 56%, #020709fa);isolation:isolate;will-change:border-radius, transform;min-height:560px;transition:border-radius .52s cubic-bezier(.2,.9,.2,1),filter .7s,transform .72s cubic-bezier(.2,.9,.2,1);animation:5.4s ease-in-out infinite ocean-breath;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 0 42px #dcfff61a,inset 0 -42px 95px #020809db,inset 0 0 110px #78d6bd21,0 34px 90px #0000004d}.ocean-field.is-touching{filter:saturate(1.08)brightness(1.01);transform:rotate(var(--liquid-tilt)) skew(var(--liquid-skew-x), var(--liquid-skew-y)) scaleX(var(--body-scale-x)) scaleY(var(--body-scale-y)) translateZ(0);animation:none}.ocean-field.is-wobbling{animation:1.15s cubic-bezier(.18,.9,.2,1) liquid-touch-wobble}.ocean-field.is-settling{animation:1.55s cubic-bezier(.16,.85,.28,1) liquid-settle}.ocean-field:before,.ocean-field:after,.current-line{z-index:2;content:"";opacity:.8;width:130%;height:138px;transform:translateX(-50%) translate3d(var(--water-parallax-x), var(--water-parallax-y), 0);will-change:transform;border:1px solid #0000;border-top-color:#b7ffe83d;border-radius:50%;transition:opacity .45s,transform .65s cubic-bezier(.16,.9,.24,1);position:absolute;left:50%}.ocean-field:before{animation:12s ease-in-out infinite current-drift;top:24%}.ocean-field:after{width:112%;animation:14s ease-in-out -3s infinite reverse current-drift;top:44%}.ocean-field.is-touching:before,.ocean-field.is-touching:after,.ocean-field.is-touching .current-line{opacity:1}.liquid-layer{z-index:1;pointer-events:none;transform:translate3d(var(--water-layer-x), var(--water-layer-y), 0);will-change:opacity, transform, background-position;transition:opacity .52s,transform .65s cubic-bezier(.16,.9,.24,1),background-position .52s;position:absolute;inset:-14%}.liquid-depth{background:radial-gradient(ellipse at var(--water-x) var(--water-y), #4cb2a22e, transparent 26%), radial-gradient(ellipse at 28% 76%, #05282bb8, transparent 36%), radial-gradient(ellipse at 74% 22%, #84e1cf21, transparent 34%), radial-gradient(ellipse at 48% 46%, #0e585447, transparent 44%);mix-blend-mode:screen;opacity:.98;animation:8.5s ease-in-out infinite water-depth-drift}.liquid-caustic{filter:blur(.4px);opacity:.58;background:linear-gradient(116deg,#0000 8%,#b7ffe81a 16%,#0000 29%) 0 0/180% 160%,linear-gradient(72deg,#0000 15%,#71c9ba17 26%,#0000 39%) 0 0/150% 140%,radial-gradient(at 54% 58%,#78d6bd21,#0000 36%) 0 0/100% 100%;animation:10.5s ease-in-out infinite caustic-drift}.liquid-ripple{background:radial-gradient(ellipse at var(--water-x) var(--water-y), #04121466, transparent 18%), radial-gradient(ellipse at var(--water-x) var(--water-y), #5fccb71f, transparent 34%);opacity:.28;transform:translate3d(var(--water-ripple-x), var(--water-ripple-y), 0) scale(1.02)}.ocean-field.is-touching .liquid-wave{opacity:.52}.liquid-wave{background:radial-gradient(ellipse at calc(var(--water-x)) calc(var(--water-y)), #63cfbb2e, transparent 28%), radial-gradient(ellipse at 50% 55%, #0410125c, transparent 48%);opacity:.34;transform:translate3d(var(--water-ripple-x), var(--water-ripple-y), 0) scale(1.02);animation:6.2s ease-in-out infinite membrane-drift}.ocean-field.is-touching .liquid-ripple{opacity:.46;transform:translate3d(var(--water-ripple-x), var(--water-ripple-y), 0) scale(1.04)}.liquid-trail{opacity:var(--trail-a);background:radial-gradient(ellipse at var(--trail-x) var(--trail-y), #020c0e7a 0%, #031f2157 8%, #47bca62e 14%, #47bca60f 24%, transparent 38%), radial-gradient(ellipse at var(--trail-x) var(--trail-y), transparent 0%, #7cdec91f 18%, transparent 42%);filter:blur(3px);mix-blend-mode:screen;transform:scale(var(--trail-s))}.trail-one{--trail-x:var(--trail-1-x);--trail-y:var(--trail-1-y);--trail-a:var(--trail-1-a);--trail-s:var(--trail-1-s)}.trail-two{--trail-x:var(--trail-2-x);--trail-y:var(--trail-2-y);--trail-a:var(--trail-2-a);--trail-s:var(--trail-2-s)}.trail-three{--trail-x:var(--trail-3-x);--trail-y:var(--trail-3-y);--trail-a:var(--trail-3-a);--trail-s:var(--trail-3-s)}.trail-four{--trail-x:var(--trail-4-x);--trail-y:var(--trail-4-y);--trail-a:var(--trail-4-a);--trail-s:var(--trail-4-s)}.trail-five{--trail-x:var(--trail-5-x);--trail-y:var(--trail-5-y);--trail-a:var(--trail-5-a);--trail-s:var(--trail-5-s)}.line-one{animation:8s ease-in-out -3s infinite current-drift;top:58%}.line-two{width:92%;animation:9s ease-in-out -5s infinite reverse current-drift;top:70%}.line-three{width:76%;animation:7.6s ease-in-out -1s infinite current-drift;top:14%}.signal{z-index:3;color:var(--text);will-change:transform;background:#070d0ebd;border:1px solid #b7ffe833;border-radius:999px;padding:12px 16px;font-size:14px;font-weight:800;transition:border-color .5s,background .5s,transform .7s cubic-bezier(.16,.9,.24,1);position:absolute;box-shadow:inset 0 1px #ffffff14,0 18px 60px #0000003d}.ocean-field.is-touching .signal{background:#070d0ed1;border-color:#b7ffe852}.signal-one{animation:6.6s ease-in-out infinite signal-float-one;top:22%;left:8%}.signal-two{animation:7.2s ease-in-out -2s infinite signal-float-two;top:48%;right:6%}.signal-three{animation:7.8s ease-in-out -4s infinite signal-float-three;bottom:18%;left:16%}@keyframes ocean-breath{0%,to{border-radius:48% 52% 43% 57%/52% 45% 57% 47%;transform:skew(-.6deg,.2deg)scaleX(1.006)scaleY(.996)}24%{border-radius:54% 46% 48% 52%/44% 56% 50% 50%;transform:skew(.8deg,-.5deg)scaleX(.988)scaleY(1.018)}52%{border-radius:45% 55% 56% 44%/58% 42% 53% 47%;transform:skew(-.3deg,.9deg)scaleX(1.02)scaleY(.986)}76%{border-radius:51% 49% 41% 59%/47% 53% 59% 41%;transform:skew(.5deg,-.2deg)scaleX(.996)scaleY(1.01)}}@keyframes liquid-touch-wobble{0%{border-radius:var(--shape-a) var(--shape-b) var(--shape-c) var(--shape-d) / var(--shape-e) var(--shape-f) var(--shape-g) var(--shape-h);transform:rotate(var(--liquid-tilt)) skew(var(--liquid-skew-x), var(--liquid-skew-y)) scaleX(1) scaleY(1)}22%{border-radius:calc(var(--shape-a) + 5%) calc(var(--shape-b) - 5%) calc(var(--shape-c) + 4%) calc(var(--shape-d) - 4%) / calc(var(--shape-e) - 5%) calc(var(--shape-f) + 5%) calc(var(--shape-g) + 4%) calc(var(--shape-h) - 4%);transform:rotate(var(--liquid-tilt)) skew(var(--liquid-skew-x), var(--liquid-skew-y)) scaleX(1.025) scaleY(.984)}48%{border-radius:calc(var(--shape-a) - 4%) calc(var(--shape-b) + 4%) calc(var(--shape-c) - 5%) calc(var(--shape-d) + 5%) / calc(var(--shape-e) + 5%) calc(var(--shape-f) - 4%) calc(var(--shape-g) - 5%) calc(var(--shape-h) + 4%);transform:rotate(-.8deg)skew(-.6deg,.5deg)scaleX(.99)scaleY(1.018)}74%{border-radius:calc(var(--shape-a) + 2%) calc(var(--shape-b) - 2%) calc(var(--shape-c) + 2%) calc(var(--shape-d) - 2%) / calc(var(--shape-e) - 2%) calc(var(--shape-f) + 2%) calc(var(--shape-g) + 2%) calc(var(--shape-h) - 2%);transform:rotate(.5deg)skew(.4deg,-.3deg)scaleX(1.01)scaleY(.994)}to{border-radius:var(--shape-a) var(--shape-b) var(--shape-c) var(--shape-d) / var(--shape-e) var(--shape-f) var(--shape-g) var(--shape-h);transform:rotate(var(--liquid-tilt)) skew(var(--liquid-skew-x), var(--liquid-skew-y)) scaleX(1) scaleY(1)}}@keyframes liquid-settle{0%{transform:rotate(var(--liquid-tilt)) skew(var(--liquid-skew-x), var(--liquid-skew-y)) scaleX(1.012) scaleY(.99)}45%{border-radius:52% 48% 46% 54%/46% 55% 52% 48%;transform:rotate(-.7deg)skew(.5deg,-.4deg)scaleX(.992)scaleY(1.01)}to{border-radius:48% 52% 43% 57%/52% 45% 57% 47%;transform:rotate(0)skew(0deg)scaleX(1)scaleY(1)}}@keyframes water-depth-drift{0%,to{transform:translate(-2%,1.5%)scale(1.015)}50%{transform:translate(2.6%,-2.1%)scale(1.05)}}@keyframes caustic-drift{0%,to{opacity:.46;background-position:0 42%,90% 48%,50%}50%{opacity:.62;background-position:58% 48%,34% 42%,50%}}@keyframes membrane-drift{0%,to{opacity:.3;transform:translate(-1.5%,1%)scale(1.02)}50%{opacity:.52;transform:translate(1.8%,-1.4%)scale(1.045)}}@keyframes ripple-expand{0%{opacity:0;transform:scale(.42)}18%{opacity:.82}to{opacity:0;transform:scale(1.18)}}@keyframes current-drift{0%,to{transform:translate(-50%)translate(-5px)rotate(-1deg)}50%{transform:translate(-50%)translate(7px,4px)rotate(1deg)}}@keyframes signal-float-one{0%,to{transform:translate3d(var(--chip-one-x), var(--chip-one-y), 0) rotate(-1deg)}50%{transform:translate3d(var(--chip-one-x), calc(var(--chip-one-y) - 7px), 0) rotate(1.2deg)}}@keyframes signal-float-two{0%,to{transform:translate3d(var(--chip-two-x), var(--chip-two-y), 0) rotate(.8deg)}50%{transform:translate3d(var(--chip-two-x), calc(var(--chip-two-y) + 6px), 0) rotate(-1deg)}}@keyframes signal-float-three{0%,to{transform:translate3d(var(--chip-three-x), var(--chip-three-y), 0) rotate(1deg)}50%{transform:translate3d(calc(var(--chip-three-x) + 6px), calc(var(--chip-three-y) - 4px), 0) rotate(-.8deg)}}@media (prefers-reduced-motion:reduce){.ocean-field,.ocean-field:before,.ocean-field:after,.current-line,.liquid-layer,.signal{transition:none;animation:none}.ocean-field{border-radius:48% 52% 42% 58%}.ocean-field:before,.ocean-field:after,.current-line{transform:translate(-50%)}.liquid-ripple{opacity:0}}.write-screen{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:26px;display:grid}.composer-shell,.inbox-group,.profile-panel,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.composer-shell{padding:clamp(22px,4vw,46px);position:relative;overflow:hidden}.composer-shell:before{pointer-events:none;content:"";background:radial-gradient(circle at 22% 0,#78d6bd24,#0000 34%),linear-gradient(#ffffff09,#0000 42%);position:absolute;inset:0}.composer-shell>*{position:relative}.panel{padding:24px}.composer-shell h1,.inbox-group h1{font-size:clamp(34px,5vw,64px)}.story-composer{gap:14px;margin-top:24px;display:grid}.story-composer textarea{background:linear-gradient(#ffffff0e,#ffffff05),radial-gradient(circle at 85% 8%,#78d6bd14,#0000 34%),#050809c2;border:0;border-radius:26px;min-height:188px;max-height:56vh;font-size:18px;line-height:1.7;transition:background .18s,box-shadow .18s;overflow:hidden;box-shadow:inset 0 0 0 1px #9fe6d329,inset 0 24px 70px #78d6bd09}.story-composer textarea:focus{background:linear-gradient(#fff1,#ffffff06),radial-gradient(circle at 82% 10%,#78d6bd1f,#0000 36%),#060b0cd1;box-shadow:inset 0 0 0 1px #b7ffe857,inset 0 24px 80px #78d6bd0e,0 0 0 3px #78d6bd17}.composer-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.composer-footer p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.ocean-submit:disabled{color:var(--muted-weak);background:#ffffff1a;transform:none}.story-release-notice{gap:4px;margin-top:22px;display:grid}.story-release-notice strong{color:var(--accent-strong)}.story-release-notice span{color:var(--muted);line-height:1.55}.story-feed{gap:14px;padding:6px 0;display:grid}.story-feed h2,.inbox-group h2{margin:0 0 14px;font-size:24px}.story-list,.conversation-list,.message-thread,.consent-context{gap:12px;display:grid}.small-story,.response-item,.conversation-link{border:1px solid var(--line);background:#ffffff09;border-radius:20px;padding:16px}.small-story{color:var(--text);gap:14px;transition:border-color .18s,background .18s,transform .18s;display:grid}.actionable-story:hover,.actionable-story:focus-visible{border-color:var(--line-strong);background:#78d6bd12;transform:translateY(-1px)}.small-story p,.conversation-link p,.response-item blockquote{margin:0 0 10px;line-height:1.55}.story-excerpt{overflow-wrap:anywhere}.story-lifecycle{gap:4px;display:grid}.story-lifecycle span{color:var(--accent-strong);font-size:15px;font-weight:950}.story-lifecycle small{line-height:1.45}.story-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-card-action{color:var(--text);font-size:13px;font-weight:900}.story-empty{border:1px solid var(--line);background:#ffffff09;border-radius:20px;padding:18px;line-height:1.55}.story-status-row,.conversation-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.status-pill{color:var(--accent-strong);background:#78d6bd1f;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.ocean-screen{--ocean-edge:clamp(20px, 4.2vw, 80px);--ocean-content-max:1480px;--ocean-story-size:clamp(29px, 2vw, 36px);--ocean-panel-width:clamp(350px, 28vw, 430px);isolation:isolate;background-color:#0000;background-image:linear-gradient(90deg,#01070d6b,#01070d14 23% 77%,#01070d70),linear-gradient(#01080f0a 0%,#01080f1a 46%,#01070d57 100%),url(/ocean/ocean-background-approved.webp);background-position:top,top,top;background-repeat:no-repeat;background-size:cover,cover,cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;min-height:100dvh;padding:clamp(112px,14vh,168px) 0 clamp(80px,11vh,144px);position:relative;overflow:clip visible}.ocean-screen:before,.ocean-screen:after{pointer-events:none;content:"";z-index:0;position:absolute;inset:0}.ocean-screen:before{opacity:.86;background:radial-gradient(680px 480px at 23% 54%,#01091057,#0000 74%),radial-gradient(520px 620px at 78% 58%,#01091061,#0000 72%)}.ocean-screen:after{opacity:.78;background:linear-gradient(#01080f00 0 58%,#01070d7a 100%),linear-gradient(90deg,#0108106b,#0000 22% 78%,#01081075)}.ocean-content{width:min(calc(100% - (2 * var(--ocean-edge))), var(--ocean-content-max));z-index:1;gap:clamp(34px,5vw,72px);min-height:calc(100dvh - clamp(220px,24vh,300px));margin-inline:auto;display:grid;position:relative}.ocean-notice{justify-self:start}.ocean-story-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.72fr);align-items:start;gap:clamp(56px,6.7vw,124px);width:100%;padding-top:clamp(18px,5vh,70px);display:grid;position:relative}.ocean-story-layout:before{filter:blur(18px);opacity:.78;pointer-events:none;content:"";z-index:0;background:radial-gradient(at 52% 18%,#84d9e529,#0000 48%),linear-gradient(154deg,#0000 0 22%,#76c7d61d 38%,#458ba214 54%,#0000 72%);width:clamp(280px,34vw,560px);height:clamp(420px,48vh,680px);position:absolute;top:clamp(70px,9vh,124px);right:clamp(240px,28vw,440px);transform:rotate(7deg)}.ocean-reading-column{z-index:1;justify-self:start;gap:clamp(28px,3vw,44px);max-width:44rem;display:grid;position:relative}.ocean-kicker,.ocean-after-response{gap:12px;display:grid}.ocean-after-response h1{margin:0}.ocean-kicker{max-width:260px;margin-bottom:clamp(10px,1.4vw,20px);padding-left:0}.ocean-story-subtitle{color:#b7d2d3bd;margin:6px 0 0;font-size:14px;line-height:1.5}.ocean-kicker .bottle-mark{color:#99dfecd1;letter-spacing:.01em;text-transform:none;margin:0;font-size:17px;font-weight:500;line-height:1.35}.ocean-mini-wave{opacity:.78;background:radial-gradient(at 16%,#0000 0 36%,#7abed2d6 39% 45%,#0000 47%),radial-gradient(#0000 0 36%,#7abed2c2 39% 45%,#0000 47%),radial-gradient(at 84%,#0000 0 36%,#7abed2a3 39% 45%,#0000 47%);width:31px;height:12px;margin-top:clamp(10px,1.2vw,17px);display:block}.ocean-story{z-index:1;max-width:44rem;padding:0 clamp(10px,1vw,18px) 0 clamp(28px,2.8vw,50px);position:relative}.ocean-story p{color:#dde8eb;max-width:30ch;font-family:Georgia,Times New Roman,serif;font-size:var(--ocean-story-size);letter-spacing:-.01em;text-shadow:0 18px 38px #0000006b;overflow-wrap:break-word;margin:0;font-weight:400;line-height:1.48}.ocean-quote{color:#8ed2de47;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,4.4vw,76px);font-weight:400;line-height:1;position:absolute}.quote-open{top:-.05em;left:-2px}.quote-close{bottom:-.18em;right:.04em}.ocean-moral{gap:clamp(12px,1.2vw,18px);max-width:485px;padding:clamp(4px,.7vw,10px) 0 0 clamp(28px,2.8vw,50px);display:grid}.ocean-moral:before{content:"";background:radial-gradient(at 16%,#0000 0 36%,#7abed2c7 39% 45%,#0000 47%),radial-gradient(#0000 0 36%,#7abed2b3 39% 45%,#0000 47%),radial-gradient(at 84%,#0000 0 36%,#7abed294 39% 45%,#0000 47%);width:31px;height:12px;margin-bottom:clamp(8px,1vw,14px)}.ocean-moral p{color:#ace9efeb;margin:0;font-size:16px;font-weight:500;line-height:1.4}.ocean-moral small{color:#a6c1c9f0;max-width:430px;font-size:14px;font-weight:400;line-height:1.55}.response-form{gap:clamp(18px,1.6vw,24px);display:grid}.ocean-listener-panel{width:min(100%, var(--ocean-panel-width));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:linear-gradient(#041f2e5c,#02121c47);border:1px solid #6cb8cd52;border-radius:clamp(26px,2.4vw,36px);place-self:start end;gap:clamp(17px,1.45vw,22px);margin-top:clamp(8px,1.4vh,22px);padding:clamp(40px,3.8vw,54px) clamp(24px,2.2vw,30px) clamp(30px,2.9vw,40px);display:grid;position:relative;box-shadow:0 26px 75px #00000038,inset 0 1px #beecf514}.ocean-listener-title{color:#dde8eb;text-align:center;margin:clamp(10px,1.1vw,16px) 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,1.8vw,31px);font-weight:400;line-height:1.2}.ocean-listener-copy{color:#8fa7b2f2;text-align:center;max-width:276px;margin:0 auto clamp(14px,1.6vw,22px);font-size:14px;font-weight:400;line-height:1.5}.ocean-response-orb,.ocean-empty-orb{background:radial-gradient(circle,#e5ffffd1 0 3px,#90d8e79e 4px 8px,#0000 9px),repeating-radial-gradient(circle,#8ed2de25 0 1px,#0000 2px 10px),radial-gradient(circle,#478ba733,#0000 64%);border:1px solid #8ed4e033;border-radius:50%;justify-self:center;width:86px;height:86px;box-shadow:0 0 34px #7abed233,inset 0 0 22px #99dfec1a}.ocean-empty-orb{opacity:.8}.ocean-response-form{padding-top:clamp(8px,1.1vw,14px)}.ocean-response-form label{color:#8fa7b2f2;font-size:15px;line-height:1.5}.ocean-response-form textarea{color:#dde8eb;resize:vertical;background:#010e174d;border:1px solid #69b0c647;border-radius:16px;min-height:clamp(158px,13vw,182px);max-height:none;font-size:15px;font-weight:400;line-height:1.5;box-shadow:inset 0 1px #93ddec0f,0 16px 32px #00000029}.ocean-response-form .primary-button{color:#dde8ebf5;background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(#3785a1eb,#225d77f5);border:1px solid #8bcfdc61;border-radius:14px;width:100%;min-height:clamp(56px,4.3vw,62px);font-size:16px;font-weight:500;line-height:1.2;box-shadow:0 18px 38px #010c1557,inset 0 1px #d2f8ff1f}.ocean-privacy-copy{color:#b5daddc2;text-align:center;margin:clamp(4px,.8vw,10px) 0 0;font-size:13px;font-weight:400;line-height:1.4}.bottle-mark,.message-stage,.dialog-section>span{color:var(--muted-weak);text-transform:uppercase;font-size:12px;font-weight:900}.ocean-quiet-state .bottle-mark,.ocean-after-response .bottle-mark{color:#99dfecc7;letter-spacing:.08em}.ocean-empty{text-align:center;z-index:1;align-content:center;place-self:center;justify-items:center;gap:14px;width:min(90%,620px);min-height:min(62dvh,650px);padding:clamp(44px,9vh,92px) 0 0;display:grid;position:relative}.ocean-empty h2,.ocean-empty p{margin:0}.ocean-quiet-state h2{color:#f2fcfaf0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.4vw,50px);font-weight:500;line-height:1.06}.ocean-quiet-state p{color:#b7d2d3db;max-width:460px;font-size:clamp(16px,1.45vw,18px);line-height:1.6}.ocean-quiet-state .secondary-link{color:#e1fcf9e6;background:#071c247a;border:1px solid #a8e4e733;margin-top:4px}.ocean-after-response{width:min(100%, var(--ocean-panel-width));text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#beecf50e,#0000 23%),linear-gradient(#062a3dc2,#021622ad);border:1px solid #70bed366;border-radius:clamp(26px,2.4vw,36px);align-content:center;place-self:start end;margin-top:clamp(18px,7vh,92px);padding:clamp(38px,3.6vw,52px) clamp(24px,2.2vw,30px) clamp(30px,3vw,40px);box-shadow:0 34px 110px #00000057,inset 0 1px #beecf51a}.ocean-after-response p{color:#b8d3d4e0;margin:0;font-size:17px;line-height:1.6}.ocean-after-response .bottle-mark{color:#b4f4f0c7}.ocean-after-response h1{color:#dde8eb;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400;line-height:1.2}.ocean-footer-motto{color:#8fa7b2c7;z-index:1;justify-self:start;max-width:32ch;margin:clamp(4px,1.8vw,20px) 0 0 clamp(28px,2.8vw,50px);font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.5;position:relative}@media (min-width:1024px){.ocean-listener-panel{position:sticky;top:clamp(100px,12vh,150px)}}@media (max-width:980px){.ocean-story-layout{flex-direction:column;gap:clamp(44px,7vw,72px);display:flex}.ocean-reading-column,.ocean-listener-panel{width:min(100%,680px);max-width:680px;margin-inline:auto}.ocean-listener-panel{position:static}}@media (max-width:640px){.ocean-screen{--ocean-edge:18px;--ocean-story-size:clamp(25px, 7vw, 31px);background-position:top,top,top}.ocean-story,.ocean-listener-panel{width:100%;max-width:none}}.notice{z-index:1;border:1px solid var(--line);border-radius:18px;padding:12px 14px;line-height:1.45;position:relative}.notice.success{background:#78d6bd24;border-color:#78d6bd6b}.notice.warning{background:#dfc07324;border-color:#dfc0736b}.inbox-screen{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);align-items:start;gap:20px;display:grid}.inbox-group{padding:24px}.new-responses{background:linear-gradient(180deg, #78d6bd1a, #ffffff06), var(--surface)}.story-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.response-item blockquote{border-left:3px solid var(--accent);padding-left:12px}details{color:var(--muted)}summary{cursor:pointer;margin-bottom:8px}.stacked-form,.compact-form{gap:12px;margin-top:14px;display:grid}.conversation-link{gap:8px;display:grid}.conversation-link:hover{border-color:var(--line-strong);background:#78d6bd0f}.conversation-link p,.story-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-preview{color:var(--muted-weak)}.messages-screen{--messages-edge:clamp(20px, 4.5vw, 76px);--messages-max:1360px;isolation:isolate;background-color:#0000;background-image:linear-gradient(#00080e8c,#00070cc7),linear-gradient(90deg,#00060a9e,#00080e47 48%,#00060aa8),url(/ocean/ocean-background-approved.webp);background-position:top,top,top;background-repeat:no-repeat;background-size:cover,cover,cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100dvh;padding:clamp(116px,13vh,154px) 0 clamp(66px,8vh,104px);position:relative;overflow-x:clip}.messages-screen:before,.messages-screen:after{pointer-events:none;content:"";z-index:0;position:absolute;inset:0}.messages-screen:before{opacity:.92;background:linear-gradient(122deg,#0000 6%,#74cfda14 34%,#0000 62%),linear-gradient(238deg,#0000 10%,#59a6be17 44%,#0000 72%)}.messages-screen:after{opacity:.8;background:radial-gradient(620px 420px at 36% 34%,#64c3cf1a,#0000 72%),radial-gradient(760px 480px at 72% 47%,#4b97b417,#0000 74%),linear-gradient(#0000 0 55%,#00050970 100%)}.messages-content{z-index:1;width:min(calc(100% - (2 * var(--messages-edge))), var(--messages-max));gap:clamp(34px,4.4vw,58px);margin-inline:auto;display:grid;position:relative}.messages-hero{max-width:740px}.messages-kicker,.messages-section-head>p,.messages-card-label-row p{color:#9ce2e8d6;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.messages-hero h1{color:#f1f9f7f5;margin:10px 0 0;font-size:clamp(42px,6vw,78px);line-height:.95}.messages-hero>p:not(.messages-kicker){color:#bed3d5e6;max-width:620px;margin:18px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.65}.messages-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.messages-zone{gap:clamp(18px,2vw,26px);min-width:0;display:grid}.messages-section-head{border-bottom:1px solid #7bc4cd2e;gap:8px;padding-bottom:clamp(14px,1.6vw,20px);display:grid}.messages-section-head h2{color:#e5f1f0f5;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,2.6vw,40px);font-weight:400;line-height:1.1}.messages-section-head span{color:#a2bdc2e0;max-width:520px;font-size:14px;line-height:1.55}.messages-card-list{gap:clamp(14px,1.7vw,20px);display:grid}.messages-empty-state,.messages-response-card,.messages-conversation-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(#09263375,#03121c57);border:1px solid #70bbcb38;border-radius:22px;box-shadow:0 24px 70px #0003,inset 0 1px #caf2f512}.messages-empty-state{gap:8px;max-width:540px;padding:clamp(18px,2vw,24px);display:grid}.messages-empty-state p{color:#e4f0eef0;margin:0;font-weight:700}.messages-empty-state span{color:#a8c2c6e0;font-size:14px;line-height:1.55}.messages-response-card,.messages-conversation-card{gap:clamp(14px,1.6vw,18px);padding:clamp(18px,2.1vw,26px);display:grid}.messages-card-label-row,.messages-conversation-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.messages-card-label-row time,.messages-conversation-topline time{color:#9db5bbc7;flex:none;font-size:13px}.messages-response-card blockquote{color:#e9f3f1f5;overflow-wrap:anywhere;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,2.3vw,31px);font-weight:400;line-height:1.42}.messages-story-context{gap:6px;padding-top:2px;display:grid}.messages-story-context span,.messages-conversation-card small{color:#8fb2bbe6;font-size:13px;line-height:1.45}.messages-story-context p{color:#bed3d5db;overflow-wrap:anywhere;margin:0;line-height:1.55}.messages-reply-form{gap:12px;padding-top:4px;display:grid}.messages-reply-form textarea{color:#dde8eb;resize:vertical;background:#010e1757;border:1px solid #69b0c647;border-radius:16px;min-height:118px;font-size:15px;line-height:1.55}.messages-reply-form .primary-button{color:#ecf7f6f5;background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(#3785a1f0,#225d77fa);border-radius:14px;justify-self:start;font-weight:600}.messages-conversation-card{color:inherit;transition:border-color .18s,background .18s,transform .18s}.messages-conversation-card:hover,.messages-conversation-card:focus-visible{background:linear-gradient(#0d303e85,#04162166);border-color:#93d8e166;transform:translateY(-1px)}.messages-conversation-topline>div{align-items:center;gap:10px;min-width:0;display:flex}.messages-conversation-topline strong{color:#e8f4f2f0;overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:800}.messages-conversation-card p{color:#e7f2f0f0;overflow-wrap:anywhere;margin:0;font-size:clamp(17px,1.35vw,19px);line-height:1.5}.messages-conversation-card small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.conversation-screen{--conversation-edge:clamp(16px, 3.5vw, 48px);--conversation-max:960px;isolation:isolate;background-color:#0000;background-image:radial-gradient(680px 380px at 50% 12%,#53abbe1c,#0000 72%),linear-gradient(#00080e9e,#00060bd1),linear-gradient(90deg,#000509ad,#00090f61 48%,#000509b3),url(/ocean/ocean-background-approved.webp);background-position:top,top,top,top;background-repeat:no-repeat;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100dvh;padding:clamp(104px,12vh,142px) 0 clamp(46px,7vh,84px);position:relative;overflow-x:clip}.conversation-screen:before{pointer-events:none;content:"";z-index:0;background:radial-gradient(520px 360px at 50% 26%,#6bc5d313,#0000 74%),linear-gradient(#0000 0 58%,#00040873 100%);position:absolute;inset:0}.conversation-shell{z-index:1;width:min(calc(100% - (2 * var(--conversation-edge))), var(--conversation-max));gap:clamp(14px,1.8vw,22px);margin-inline:auto;display:grid;position:relative}.conversation-header,.story-context-drawer,.message-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#08202b7a,#03111b5c);border:1px solid #70bbcb38;box-shadow:0 24px 70px #0003,inset 0 1px #caf2f512}.conversation-header{border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:clamp(14px,1.8vw,20px);display:flex}.back-link{color:#a6eee1f5;font-weight:900}.conversation-peer{align-items:center;gap:12px;min-width:0;display:flex}.conversation-peer h1{color:#edf8f6fa;overflow-wrap:anywhere;margin:0;font-size:clamp(19px,2vw,26px);line-height:1.1}.conversation-peer p{color:#9db8bed6;margin:4px 0 0;font-size:13px;line-height:1.35}.story-context-drawer{border-radius:22px;padding:clamp(14px,1.6vw,18px)}.story-context-drawer summary{justify-content:space-between;align-items:center;gap:14px;margin:0;list-style:none;display:flex}.story-context-drawer summary::-webkit-details-marker{display:none}.story-context-drawer summary span{color:#dfefeef0;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.8vw,22px);line-height:1.2}.story-context-drawer summary strong{color:#9ce2e8d6;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:12px}.story-context-drawer p{color:#b8cfd3e0;overflow-wrap:anywhere;margin:14px 0 0;line-height:1.6}.message-thread{gap:clamp(10px,1.3vw,14px);padding:clamp(12px,2vw,22px) 0 clamp(96px,15vh,140px);display:grid}.conversation-phase{color:#9abec6d6;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);align-items:center;gap:12px;margin:clamp(8px,1.6vw,18px) 0 4px;font-size:12px;font-weight:900;display:grid}.conversation-phase:before,.conversation-phase:after{content:"";background:#7bc4cd33;height:1px}.message-row{display:grid}.message-row.mine{justify-items:end}.message-row.theirs{justify-items:start}.message{overflow-wrap:anywhere;border-radius:clamp(16px,1.8vw,22px);max-width:min(72%,42rem);padding:clamp(12px,1.3vw,16px) clamp(14px,1.6vw,20px);line-height:1.5;box-shadow:0 18px 50px #00000029}.message p{color:#eef7f5f5;margin:0}.message time{color:#b8cfd3ad;margin-top:9px;font-size:12px;line-height:1.3;display:block}.message.mine{background:linear-gradient(#2a6f6a7a,#12454661);border:1px solid #85d9cb57}.message.theirs{background:linear-gradient(#0c273485,#05162266);border:1px solid #6cb8cd3d}.message-form{bottom:max(12px, env(safe-area-inset-bottom));z-index:2;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:12px;display:grid;position:sticky}.message-form textarea{color:#dde8eb;resize:vertical;background:#010e1757;border:1px solid #69b0c647;border-radius:18px;min-height:58px;max-height:28vh}.message-form .primary-button{color:#031111f0;background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(#4daca0f2,#2a8482f5);border-radius:16px;min-height:52px}.profile-screen{--profile-edge:clamp(18px, 4vw, 56px);--profile-max:720px;isolation:isolate;background-color:#0000;background-image:radial-gradient(560px 420px at 50% 38%,#63d1d124,#0000 72%),linear-gradient(#00080e94,#00060bd1),linear-gradient(90deg,#000509b3,#00090f5c 50%,#000509b8),url(/ocean/ocean-background-approved.webp);background-position:top,top,top,top;background-repeat:no-repeat;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100dvh;padding:clamp(116px,14vh,166px) 0 clamp(58px,8vh,98px);position:relative;overflow-x:clip}.profile-screen:before{pointer-events:none;content:"";z-index:0;background:radial-gradient(circle at 50% 42%,#a8eee51c,#0000 24%),linear-gradient(#0000 0 58%,#0004086b 100%);position:absolute;inset:0}.profile-identity-shell{z-index:1;width:min(calc(100% - (2 * var(--profile-edge))), var(--profile-max));text-align:center;justify-items:center;gap:clamp(18px,2.8vw,28px);margin-inline:auto;display:grid;position:relative}.profile-kicker{color:#9ce2e8d6;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.profile-identity-sphere{aspect-ratio:1;background:radial-gradient(circle at 42% 34%,#e8fffce6,#78d3d8c2 38%,#3884a76b 72%),linear-gradient(135deg,#7ebceca3,#80e7cc99);border:1px solid #bdf2f038;border-radius:50%;width:clamp(82px,8vw,118px);box-shadow:0 0 56px #7be0dc33,0 28px 90px #00000057,inset 0 1px #ffffff4d}.profile-identity-shell h1{color:#f2faf8fa;overflow-wrap:anywhere;margin:0;font-size:clamp(34px,6vw,66px);line-height:.98}.profile-copy{gap:8px;max-width:520px;display:grid}.profile-copy p{color:#b9d1d4e6;margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.profile-copy p:first-child{color:#e7f2f0f0}.profile-stats{grid-template-columns:repeat(2,minmax(132px,1fr));gap:12px;width:min(100%,430px);margin-top:clamp(4px,1vw,10px);display:grid}.profile-stats div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0926336b,#03121c47);border:1px solid #70bbcb33;border-radius:20px;padding:clamp(15px,2vw,20px);box-shadow:inset 0 1px #caf2f50f}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{color:#f1f9f7f5;font-size:clamp(28px,3vw,36px);line-height:1}.profile-stats span{color:#aec6cad6;margin-top:8px;font-size:14px}.dev-demo-screen{max-width:760px;margin:0 auto;padding:34px 0}.dev-demo-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#0d1214eb;border-radius:24px;gap:24px;padding:clamp(22px,4vw,38px);display:grid}.dev-demo-panel h1{margin:0;font-size:clamp(30px,5vw,48px)}.dev-current-identity{border:1px solid var(--line);background:#ffffff09;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.dev-current-identity div:last-child{gap:3px;display:grid}.dev-current-identity strong{font-size:22px}.dev-current-identity span{color:var(--muted);font-weight:800}.dev-demo-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dev-demo-actions form{gap:8px;display:grid}.dev-demo-actions button{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#ffffff0a}.dev-demo-actions button.active{background:var(--accent);color:#04110e}.dev-demo-actions small{text-align:center;font-size:12px}.dev-qa-links{flex-wrap:wrap;gap:10px;display:flex}.dev-qa-links a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900}.profile-panel{text-align:center;width:min(520px,100%);padding:clamp(28px,6vw,56px)}.profile-panel .avatar{margin:0 auto 22px}.profile-panel h1{margin:0;font-size:clamp(36px,6vw,64px)}.orion-id{color:var(--accent-strong);font-weight:900}.stats-row{grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0 0;display:grid}.stats-row div{background:#ffffff0d;border-radius:20px;padding:16px}.stats-row strong,.stats-row span{display:block}.stats-row strong{font-size:32px}@media (max-width:920px){body:has(.ocean-screen) .shell{width:100%;padding:0}body:has(.ocean-screen) .topbar{top:24px;left:26px;right:26px}body:has(.ocean-screen) .nav{justify-content:end;gap:22px;padding-right:0}body:has(.messages-screen) .topbar{top:24px;left:26px;right:26px}body:has(.messages-screen) .nav{gap:22px}body:has(.conversation-screen) .topbar{top:24px;left:26px;right:26px}body:has(.conversation-screen) .nav{gap:22px}body:has(.profile-screen) .topbar{top:24px;left:26px;right:26px}body:has(.profile-screen) .nav{gap:22px}.topbar,.redesign-hero,.write-screen,.inbox-screen{grid-template-columns:1fr}.nav{justify-content:start}.messages-screen{background-position:top,top,52% 0;padding-top:clamp(104px,12vh,132px)}.messages-grid{grid-template-columns:1fr}.messages-zone-dialogs{margin-top:clamp(10px,3vw,24px)}.conversation-screen{background-position:top,top,top,52% 0;padding-top:clamp(100px,11vh,130px)}.profile-screen{background-position:top,top,top,52% 0;padding-top:clamp(104px,12vh,134px)}.redesign-hero{min-height:auto;padding-top:24px}.ocean-field{min-height:360px}.ocean-story-layout{flex-direction:column;gap:clamp(32px,5vw,46px);width:100%;padding-top:clamp(34px,7vh,72px);display:flex}.ocean-reading-column,.ocean-listener-panel{width:100%;max-width:720px;margin-inline:auto}.ocean-listener-panel{max-width:680px;position:static}}@media (min-width:921px) and (max-width:1179px){.ocean-story-layout{grid-template-columns:minmax(0,1.24fr) minmax(320px,.72fr);column-gap:clamp(44px,5vw,72px)}.ocean-listener-panel,.ocean-after-response{width:min(100%,360px)}}@media (max-width:560px){body{background:#090d0f}body:has(.ocean-screen) .shell{width:100%;padding:0 0 92px}body:has(.ocean-screen) .topbar{background:0 0;padding:10px 12px 16px;position:relative;top:auto;left:auto;right:auto}body:has(.ocean-screen) .brand{font-size:20px}body:has(.messages-screen) .shell{width:100%;padding:0 0 92px}body:has(.messages-screen) .topbar{background:0 0;padding:10px 12px 16px;position:relative;top:auto;left:auto;right:auto}body:has(.messages-screen) .brand{font-size:20px}body:has(.conversation-screen) .shell{width:100%;padding:0 0 92px}body:has(.conversation-screen) .topbar{background:0 0;padding:10px 12px 16px;position:relative;top:auto;left:auto;right:auto}body:has(.conversation-screen) .brand{font-size:20px}body:has(.profile-screen) .shell{width:100%;padding:0 0 92px}body:has(.profile-screen) .topbar{background:0 0;padding:10px 12px 16px;position:relative;top:auto;left:auto;right:auto}body:has(.profile-screen) .brand{font-size:20px}.shell{width:100%;padding:10px 12px 92px}.topbar{grid-template-columns:auto 1fr;gap:10px;padding-bottom:16px}.brand{font-size:20px}.nav{display:none}.bottom-nav{z-index:20;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070a0bf5;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);border-radius:16px;place-items:center;min-height:44px;font-size:13px;font-weight:900;display:grid}.bottom-nav a.active{color:var(--accent-strong);background:#78d6bd21}.dev-demo-actions{grid-template-columns:1fr}.dev-current-identity{align-items:start}.hero-copy h1,.composer-shell h1,.inbox-group h1{font-size:38px;line-height:.98}.hero-copy p{font-size:16px}.redesign-hero{gap:22px}.ocean-field{border-radius:30px;min-height:300px}.signal{padding:9px 11px;font-size:12px}.composer-shell,.inbox-group,.profile-panel{border-radius:22px;padding:18px}.messages-screen{background-color:#0000;background-image:linear-gradient(#00080ea3,#00070cd6),linear-gradient(90deg,#00060aad,#00080e57 48%,#00060ab8),url(/ocean/ocean-background-approved.webp);background-position:top,top,52% 0;background-repeat:no-repeat;background-size:cover,cover,cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100dvh;padding:20px 0 42px}.messages-screen:before{background:linear-gradient(145deg,#0000 8%,#74cfda0e 38%,#0000 68%),linear-gradient(220deg,#0000 12%,#59a6be0f 48%,#0000 76%)}.messages-content{width:min(calc(100% - 36px), var(--messages-max));gap:28px}.messages-hero h1{font-size:clamp(38px,14vw,54px)}.messages-grid{gap:34px}.messages-response-card,.messages-conversation-card,.messages-empty-state{border-radius:20px;padding:17px}.messages-card-label-row,.messages-conversation-topline{align-items:flex-start}.messages-reply-form .primary-button{width:100%}.conversation-screen{background-position:top,top,top,52% 0;min-height:100dvh;padding:20px 0 42px}.profile-screen{background-position:top,top,top,52% 0;min-height:100dvh;padding:34px 0 42px}.profile-identity-shell{width:min(calc(100% - 36px), var(--profile-max));gap:18px}.profile-stats{grid-template-columns:1fr;width:min(100%,320px)}.conversation-shell{width:min(calc(100% - 32px), var(--conversation-max));gap:12px}.conversation-header{border-radius:20px;align-items:start;gap:12px;padding:14px;display:grid}.story-context-drawer summary{gap:8px;display:grid}.message-thread{padding-bottom:116px}.message,.message.mine,.message.theirs{max-width:88%}.message-form{bottom:calc(72px + env(safe-area-inset-bottom));border-radius:20px;grid-template-columns:1fr}.message-form .primary-button{width:100%}.story-composer textarea{min-height:170px;font-size:16px}.composer-footer{grid-template-columns:1fr}.ocean-submit{width:100%}.story-feed{padding:0}.ocean-screen{background-position:top,top,top;min-height:100dvh;padding:32px 0 42px}.ocean-content{width:min(calc(100% - 40px), var(--ocean-content-max));min-height:auto}.ocean-story-layout{flex-direction:column;gap:28px;width:100%;padding:4px 0;display:flex}.ocean-reading-column{gap:20px;max-width:100%}.ocean-kicker{min-height:auto;padding:0}.ocean-kicker h1{font-size:17px;line-height:1.42}.ocean-quiet-state h2{font-size:38px}.ocean-story p{font-size:clamp(25px,7vw,31px);line-height:1.38}.ocean-story{padding:10px 10px 12px 32px}.quote-open{top:5px}.quote-close{right:2px}.ocean-moral{padding-left:32px}.ocean-listener-panel{border-radius:22px;width:100%;max-width:100%;min-height:auto;padding:20px}.ocean-listener-title{font-size:28px}.ocean-empty,.ocean-after-response{min-height:calc(100svh - 230px);padding:24px 10px}.ocean-after-response{justify-self:center;width:100%;max-width:100%;margin:0}.ocean-footer-motto{display:none}.ocean-response-form .primary-button{width:100%}.chat-screen{min-height:calc(100vh - 108px)}.message,.message.mine,.message.theirs{width:88%}.message-form{grid-template-columns:1fr;bottom:72px}.conversation-head,.story-status-row,.story-card-footer{gap:6px;display:grid}.stats-row{grid-template-columns:1fr}}