: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,input{border:1px solid var(--line);width:100%;color:var(--text);background:#060a0bb8;border-radius:14px;outline:none}textarea:focus,select:focus,input: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}input{min-height:48px;padding:12px 14px}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}.text-button{min-height:0;color:var(--accent-strong);background:0 0;border-radius:0;padding:0;font-weight:800}.text-button:hover{transform:none}.auth-screen{place-items:center;min-height:calc(100vh - 150px);padding:34px 0 64px;display:grid}.auth-panel{border:1px solid var(--line);background:var(--surface);width:min(100%,440px);box-shadow:var(--shadow);border-radius:8px;padding:32px}.auth-heading h1{letter-spacing:0;margin:0;font-size:34px;line-height:1.05}.auth-heading p:not(.eyebrow){color:var(--muted);margin:14px 0 0;line-height:1.55}.auth-form{gap:16px;margin-top:26px;display:grid}.auth-form label{color:var(--muted);gap:8px;font-size:14px;font-weight:800;display:grid}.auth-error,.auth-message{margin:0;font-size:14px;line-height:1.45}.auth-error{color:#ffb9b9}.auth-message{color:var(--accent-strong)}.auth-secondary-actions{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:20px;display:flex}.ocean-field{--chip-one-x:0px;--chip-one-y:0px;--chip-two-x:0px;--chip-two-y:0px;--chip-three-x:0px;--chip-three-y:0px;aspect-ratio:1;isolation:isolate;background:0 0;border-radius:0;justify-self:center;width:min(100%,clamp(390px,38vw,560px));min-height:0;position:relative;overflow:visible;transform:translateZ(0)}.signal-orb{z-index:1;pointer-events:none;background:radial-gradient(circle at 44% 32%,#b7ffe82e,#0000 22%),radial-gradient(circle at 62% 66%,#19746f57,#0000 36%),radial-gradient(circle at 28% 72%,#041f26cc,#0000 42%),linear-gradient(145deg,#0c393ef0,#04141afa 62%,#01080c);border:1px solid #b7ffe81a;border-radius:50%;position:absolute;inset:clamp(10px,2.2%,14px);overflow:hidden;box-shadow:inset 0 0 44px #dcfff61c,inset 0 -58px 108px #01080ce6,inset 0 0 130px #78d6bd1f,0 34px 90px #00000052}.orb-depth,.orb-light,.sonar-ring{pointer-events:none;position:absolute}.orb-depth{mix-blend-mode:screen;opacity:.82;background:radial-gradient(circle at 42% 34%,#97f6de2e,#0000 23%),radial-gradient(circle at 64% 58%,#4abdad29,#0000 34%),radial-gradient(circle at 30% 72%,#02141c80,#0000 44%);border-radius:50%;animation:14s ease-in-out infinite alternate signal-depth-drift;inset:-10%}.orb-light{opacity:.76;background:radial-gradient(circle at 50% 44%,#b7ffe829,#0000 21%),radial-gradient(circle at 42% 58%,#78d6bd1f,#0000 34%);border-radius:50%;animation:12s ease-in-out infinite alternate signal-light-drift;inset:12%}.sonar-ring{opacity:.46;border:1px solid #b7ffe83d;border-radius:50%;animation:10s ease-in-out infinite signal-ring-pulse;inset:21%;transform:scale(.74);box-shadow:inset 0 0 18px #b7ffe814,0 0 18px #78d6bd14}.ring-two{opacity:.32;animation-delay:-3.3s;inset:15%}.ring-three{opacity:.38;animation-delay:-6.6s;inset:29%}@keyframes signal-depth-drift{0%{transform:translate(-2.4%,-1.6%)scale(1.02)}to{transform:translate(2.8%,1.8%)scale(1.035)}}@keyframes signal-light-drift{0%{opacity:.58;transform:translate(-3%,2%)scale(.98)}to{opacity:.84;transform:translate(4%,-3%)scale(1.08)}}@keyframes signal-ring-pulse{0%{opacity:.2;transform:scale(.72)}50%{opacity:.52}to{opacity:.08;transform:scale(1.08)}}.signal{z-index:3;color:#e7faf5db;letter-spacing:0;text-shadow:0 10px 28px #0000006b;white-space:nowrap;font-size:13px;font-weight:700;line-height:1;position:absolute}.signal:before,.signal:after{pointer-events:none;content:"";position:absolute;top:50%}.signal:before{background:linear-gradient(90deg,#0000,#b7ffe866);width:clamp(42px,6vw,78px);height:1px}.signal:after{background:#b7ffe8bd;border-radius:50%;width:6px;height:6px;transform:translateY(-50%);box-shadow:0 0 18px #78d6bd57}.signal-one{top:23%;left:-30%}.signal-two{top:48%;left:-26%}.signal-three{top:68%;left:-24%}.signal-one:before,.signal-two:before,.signal-three:before{left:calc(100% + 12px)}.signal-one:after,.signal-two:after,.signal-three:after{left:calc(100% + 88px)}@media (prefers-reduced-motion:reduce){.ocean-field,.signal-orb,.orb-depth,.orb-light,.sonar-ring,.signal{transition:none;animation:none}.ocean-field{border-radius:0}.orb-depth,.orb-light,.sonar-ring{transform:none}}.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}@media (max-aspect-ratio:4/3){.ocean-screen{background-position:top,top,top;background-size:cover,cover,clamp(100vw,145vw,178vh)}}.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%;min-width:0;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);min-width:0;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;width:min(100%,44rem);min-width:0;max-width:44rem;padding:0 clamp(10px,1vw,18px) 0 clamp(28px,2.8vw,50px);position:relative}.ocean-story p{color:#dde8eb;max-width:min(100%,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:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;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);min-width:0;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);min-width:0;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);min-width:0;max-width:100%;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;overflow-wrap:anywhere;word-break:break-word;resize:vertical;background:#010e174d;border:1px solid #69b0c647;border-radius:16px;width:100%;min-width:0;max-width:100%;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;white-space:normal;overflow-wrap:anywhere;background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(#3785a1eb,#225d77f5);border:1px solid #8bcfdc61;border-radius:14px;width:100%;min-width:0;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-skip-form{margin-top:clamp(2px,.6vw,8px);display:grid}.ocean-skip-button{color:#dde8ebd1;white-space:normal;overflow-wrap:anywhere;background:#010e1738;border:1px solid #8bcfdc3d;border-radius:14px;width:100%;min-width:0;min-height:48px;font-size:15px;font-weight:500;line-height:1.2}.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);min-width:0;display:flex}.ocean-reading-column,.ocean-listener-panel{width:min(100%,680px);min-width:0;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;background-size:cover,cover,clamp(100vw,215vw,178vh)}.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);min-width:0;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;min-width:0;padding-top:4px;display:grid}.messages-reply-form textarea{color:#dde8eb;resize:vertical;background:#010e1757;border:1px solid #69b0c647;border-radius:16px;width:100%;min-width:0;max-width:100%;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;min-width:0;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);min-width:0;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;min-width:0;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);min-width:0;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;word-break:break-word;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;min-width:0;padding:12px;display:grid;position:sticky}.message-form textarea{color:#dde8eb;overflow-wrap:anywhere;word-break:break-word;resize:vertical;background:#010e1757;border:1px solid #69b0c647;border-radius:18px;width:100%;min-width:0;max-width:100%;min-height:58px;max-height:28vh;line-height:1.45}.message-form .primary-button{color:#031111f0;white-space:normal;background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(#4daca0f2,#2a8482f5);border-radius:16px;min-width:0;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}.profile-account-block{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#09263361,#03121c3d);border:1px solid #70bbcb33;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:min(100%,430px);padding:14px 16px;display:flex;box-shadow:inset 0 1px #caf2f50f}.profile-account-block div{gap:4px;min-width:0;display:grid}.profile-account-block strong,.profile-account-block span{display:block}.profile-account-block strong{color:#f1f9f7f5;font-size:14px}.profile-account-block span{color:#aec6cad6;font-size:13px;line-height:1.35}.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{width:min(100%,clamp(320px,58vw,460px));min-height:0}.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}body:has(.ocean-screen) .topbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#010a11b8,#010a1147 72%,#0000);min-height:54px;padding:14px 12px 10px;position:fixed;top:0;left:0;right:0}body:has(.ocean-screen) .brand{font-size:20px}body:has(.messages-screen) .shell{width:100%;padding:0}body:has(.messages-screen) .topbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#010a11b8,#010a1147 72%,#0000);min-height:54px;padding:14px 12px 10px;position:fixed;top:0;left:0;right:0}body:has(.messages-screen) .brand{font-size:20px}body:has(.conversation-screen) .shell{width:100%;padding:0}body:has(.conversation-screen) .topbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#010a11b8,#010a1147 72%,#0000);min-height:54px;padding:14px 12px 10px;position:fixed;top:0;left:0;right:0}body:has(.conversation-screen) .brand{font-size:20px}body:has(.profile-screen) .shell{width:100%;padding:0}body:has(.profile-screen) .topbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#010a11b8,#010a1147 72%,#0000);min-height:54px;padding:14px 12px 10px;position:fixed;top:0;left:0;right:0}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));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#07191fad,#02090cd1),#02080ab3;border-top:1px solid #7ecacf2e;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 52px #00000042,inset 0 1px #c6f1f10f}.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:#78d6bd24;box-shadow:inset 0 1px #dafff80f}.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{aspect-ratio:auto;border-radius:0;grid-template-columns:1fr;gap:12px;width:min(100%,clamp(248px,78vw,340px));min-height:0;margin-inline:auto;display:grid}.signal-orb{aspect-ratio:1;grid-row:1;width:100%;position:relative;inset:auto}.signal{color:#e7faf5d1;width:min(100%,260px);text-shadow:none;white-space:normal;justify-self:center;align-items:center;gap:9px;font-size:12px;font-weight:700;line-height:1.25;display:flex;position:static}.signal:before{background:#b7ffe894;border-radius:50%;flex:0 0 6px;width:6px;height:6px;position:static;transform:none;box-shadow:0 0 14px #78d6bd47}.signal:after{display:none}.composer-shell,.inbox-group,.profile-panel{border-radius:22px;padding:18px}.messages-screen{min-height:100dvh;padding:76px 0 calc(104px + env(safe-area-inset-bottom));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}.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:22px}.messages-hero h1{font-size:clamp(38px,14vw,54px)}.messages-hero>p:not(.messages-kicker){margin-top:12px;line-height:1.52}.messages-grid{gap:24px}.messages-zone{gap:16px}.messages-section-head{gap:6px;padding-bottom:12px}.messages-section-head h2{font-size:clamp(25px,8vw,34px)}.messages-response-card,.messages-conversation-card,.messages-empty-state{border-radius:18px;padding:15px}.messages-response-card,.messages-conversation-card{gap:12px}.messages-card-label-row,.messages-conversation-topline{align-items:flex-start;gap:10px}.messages-card-label-row{display:grid}.messages-card-label-row time,.messages-conversation-topline time{font-size:12px}.messages-response-card blockquote{font-size:clamp(20px,6.4vw,26px);line-height:1.38}.messages-story-context p,.messages-conversation-card p{line-height:1.45}.messages-story-context span,.messages-conversation-card small{font-size:12px}.messages-reply-form textarea{min-height:96px}.messages-reply-form .primary-button{width:100%}.conversation-screen{min-height:100dvh;padding:76px 0 calc(18px + env(safe-area-inset-bottom));background-position:top,top,top,52% 0}body:has(.conversation-screen) .bottom-nav{display:none}.profile-screen{min-height:100dvh;padding:78px 0 calc(104px + env(safe-area-inset-bottom));background-position:top,top,top,52% 0}.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:10px}.conversation-header{border-radius:18px;align-items:start;gap:10px;padding:12px;display:grid}.conversation-peer h1{font-size:20px}.story-context-drawer{border-radius:18px;padding:12px}.story-context-drawer summary{gap:6px;display:grid}.story-context-drawer summary span{font-size:17px}.story-context-drawer summary strong{font-size:11px}.message-thread{padding:6px 0 calc(154px + env(safe-area-inset-bottom));gap:10px}.message,.message.mine,.message.theirs{width:auto;max-width:min(86%,34rem);line-height:1.48}.message-form{bottom:max(12px, env(safe-area-inset-bottom));border-radius:18px;grid-template-columns:1fr;gap:10px;padding:10px}.message-form textarea{min-height:50px;max-height:22vh}.message-form .primary-button{width:100%;min-height:50px}.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{min-height:100dvh;padding:58px 0 calc(104px + env(safe-area-inset-bottom));background-position:top,top,top;background-size:cover,cover,clamp(100vw,215vw,178vh)}.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;width:100%;min-width:0;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(22px,6.2vw,28px);line-height:1.42}.ocean-story{width:100%;min-width:0;max-width:100%;padding:10px 10px 12px 32px}.quote-open{top:5px}.quote-close{right:2px}.ocean-moral{min-width:0;max-width:100%;padding-left:32px}.ocean-listener-panel{border-radius:22px;width:100%;min-width:0;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}}.admin-shell{color:#f5f7f4;background:#080b0d;grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{background:#0d1114;border-right:1px solid #d7e0da1f;flex-direction:column;gap:26px;min-height:100vh;padding:24px 18px;display:flex}.admin-brand-block{gap:10px;display:grid}.admin-brand-block h1,.admin-dashboard-header h2{letter-spacing:0;margin:0}.admin-brand-block h1{font-size:22px}.admin-kicker{color:#8c9892;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.admin-role-badge{color:#b8f4df;background:#6cbca21f;border:1px solid #82d6bb57;border-radius:999px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:800}.admin-nav{gap:8px;display:grid}.admin-nav a{color:#c7d1cc;border:1px solid #82d6bb33;border-radius:8px;padding:10px 12px;font-weight:800}.admin-nav a[aria-current=page]{color:#f5f7f4;background:#82d6bb1a}.admin-open-orion{color:#c7d1cc;border:1px solid #d7e0da24;border-radius:8px;margin-top:auto;padding:10px 12px;font-size:13px;font-weight:800}.admin-main{background:linear-gradient(#7da4e814,#0000 320px),#080b0d;min-width:0;padding:32px}.admin-dashboard-header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;display:flex}.admin-dashboard-header h2{font-size:30px}.admin-dashboard-header p:last-child{color:#9aa6a0;text-align:right;max-width:360px;margin:0}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-metric-card,.admin-secondary-row{background:#101519;border:1px solid #d7e0da1f;border-radius:8px}.admin-metric-card{gap:20px;min-height:128px;padding:18px;display:grid}.admin-metric-card.interactive,.admin-secondary-row.interactive,.admin-users-row,.admin-status-filters a,.admin-pagination a,.admin-back-link{transition:border-color .18s,background .18s,color .18s,transform .18s}.admin-metric-card.interactive:hover,.admin-secondary-row.interactive:hover,.admin-users-row:hover,.admin-status-filters a:hover,.admin-pagination a:hover,.admin-back-link:hover{background:#82d6bb14;border-color:#82d6bb57;transform:translateY(-1px)}.admin-metric-card span,.admin-secondary-row span{color:#9aa6a0;font-size:13px;font-weight:700}.admin-metric-card strong{font-size:34px;line-height:1}.admin-secondary-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.admin-secondary-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.admin-secondary-row strong{font-size:18px}.admin-section-header{align-items:center}.admin-users-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-bottom:18px;display:grid}.admin-users-search{grid-template-columns:minmax(220px,320px) auto;align-items:end;gap:12px;display:grid}.admin-users-search label{color:#9aa6a0;gap:8px;font-size:13px;font-weight:800;display:grid}.admin-users-search button{color:#07100e;background:#78d6bd;border-radius:8px;min-height:48px}.admin-status-filters{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.admin-status-filters a,.admin-pagination a,.admin-back-link{color:#c7d1cc;border:1px solid #d7e0da24;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:800}.admin-status-filters a[aria-current=page]{color:#b8f4df;background:#82d6bb1f;border-color:#82d6bb57}.admin-users-table{gap:8px;min-width:0;display:grid}.admin-users-table-head,.admin-users-row{grid-template-columns:minmax(0,1.2fr) minmax(0,120px) minmax(0,1fr) repeat(3,minmax(0,.65fr));align-items:center;gap:12px;min-width:0;display:grid}.admin-users-table-head{color:#77847e;text-transform:uppercase;padding:0 14px 4px;font-size:12px;font-weight:800}.admin-users-row{color:#dce5e0;background:#101519;border:1px solid #d7e0da1f;border-radius:8px;padding:14px}.admin-users-row>*,.admin-users-table-head>*{overflow-wrap:anywhere;min-width:0}.admin-users-row strong{color:#f5f7f4}.admin-status-badge{color:#dce5e0;background:#d7e0da0f;border:1px solid #d7e0da24;border-radius:999px;width:fit-content;max-width:100%;padding:4px 9px;font-size:12px;font-weight:800}.admin-status-badge.active{color:#b8f4df;background:#78d6bd1a;border-color:#78d6bd5c}.admin-status-badge.suspended{color:#f3d995;background:#dfc0731a;border-color:#dfc0736b}.admin-status-badge.banned{color:#f0b4b4;background:#d98d8d1a;border-color:#d98d8d6b}.admin-empty-state,.admin-detail-panel,.admin-status-panel,.admin-audit-panel{background:#101519;border:1px solid #d7e0da1f;border-radius:8px}.admin-empty-state{padding:26px}.admin-empty-state.compact{padding:18px}.admin-empty-state h3,.admin-empty-state p{margin:0}.admin-empty-state p{color:#9aa6a0;margin-top:8px}.admin-pagination{justify-content:end;margin-top:18px;display:flex}.admin-detail-panel{gap:24px;padding:22px;display:grid}.admin-status-panel,.admin-audit-panel{gap:18px;min-width:0;margin-top:18px;padding:22px;display:grid}.admin-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-panel-heading h3{margin:4px 0 0;font-size:20px}.admin-status-form{gap:14px;max-width:620px;display:grid}.admin-status-form label{color:#9aa6a0;gap:8px;font-size:13px;font-weight:800;display:grid}.admin-status-form button{color:#07100e;background:#78d6bd;border-radius:8px;width:fit-content}.admin-status-warning{color:#f3d995;background:#dfc07314;border:1px solid #dfc0733d;border-radius:8px;margin:0;padding:12px;font-size:13px;font-weight:700}.admin-action-message{border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:800}.admin-action-message.success{color:#b8f4df;background:#78d6bd1a}.admin-action-message.error{color:#f0b4b4;background:#d98d8d1a}.admin-audit-list{gap:10px;min-width:0;display:grid}.admin-audit-row{background:#ffffff05;border:1px solid #d7e0da1a;border-radius:8px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,110px) minmax(0,1.4fr);align-items:start;gap:12px;min-width:0;padding:14px;display:grid}.admin-audit-row time,.admin-audit-row span,.admin-audit-row p{color:#9aa6a0;overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px}.admin-audit-row strong{color:#f5f7f4;overflow-wrap:anywhere;min-width:0}.admin-detail-identity{color:#9aa6a0;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-detail-identity code{color:#77847e;overflow-wrap:anywhere;min-width:0;font-size:12px}.admin-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-detail-metrics div{background:#ffffff05;border:1px solid #d7e0da1a;border-radius:8px;padding:16px}.admin-detail-metrics span{color:#9aa6a0;font-size:13px;font-weight:700;display:block}.admin-detail-metrics strong{margin-top:12px;font-size:28px;display:block}@media (max-width:1120px){.admin-users-table-head{display:none}.admin-users-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.admin-audit-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{grid-template-columns:1fr auto;align-items:end;min-height:auto;display:grid}.admin-nav{grid-column:1/-1}.admin-open-orion{margin-top:0}.admin-main{padding:22px}.admin-dashboard-header{flex-direction:column;align-items:start}.admin-dashboard-header p:last-child{text-align:left}.admin-metric-grid,.admin-secondary-panel{grid-template-columns:1fr 1fr}.admin-users-toolbar,.admin-users-search{grid-template-columns:1fr}.admin-status-filters{justify-content:start}.admin-users-table-head{display:none}.admin-users-row,.admin-detail-metrics,.admin-audit-row{grid-template-columns:1fr 1fr}}@media (max-width:520px){.admin-sidebar,.admin-metric-grid,.admin-secondary-panel,.admin-users-row,.admin-detail-metrics,.admin-audit-row{grid-template-columns:1fr}}