:root {color-scheme:dark;--bg:#090d19;--panel:#111729;--panel-light:#151d31;--line:#2b344b;--text:#f5f4fb;--muted:#a6aec2;--purple:#a98cff;--purple2:#7b57ef;--mint:#9decdb;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:var(--font);line-height:1.5;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}a:hover{color:var(--purple)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.glow{position:fixed;pointer-events:none;filter:blur(100px);opacity:.17;border-radius:50%;z-index:0}.glow-one{width:440px;height:440px;top:70px;left:-180px;background:#815cff}.glow-two{width:500px;height:500px;bottom:-200px;right:0;background:#68c9c2;opacity:.095}.page{max-width:1240px;margin:0 auto;padding:0 34px;position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-1px;font-size:26px;text-decoration:none;color:var(--text)}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,#9e8bfb,#6d5ce7);box-shadow:0 8px 26px #7c62db25;color:#fff}.brand-icon svg{width:27px;height:27px}.brand-last{color:#baabff}.brand-dot{color:#a1e6d9}.navlinks{display:flex;gap:30px;align-items:center}.navlinks a{text-decoration:none;font-size:13px;color:#bbc0d1}.top-pill{display:inline-flex;align-items:center;gap:8px;background:#172335;color:#d2e9e2;padding:9px 15px;border:1px solid #2c4550;border-radius:100px;font-size:12px;font-weight:650}.tiny-dot,.status-dot{display:inline-block;background:#83dac1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #84e9cc20}.main-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,1fr);gap:70px;align-items:center;padding:60px 0 68px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;color:var(--mint);display:flex;align-items:center;gap:10px}.sparkle{font-size:19px;color:var(--purple)}h1{font-size:clamp(46px,5.8vw,78px);line-height:1.04;letter-spacing:-4.5px;font-weight:780;margin:24px 0 24px}h1 em{font-style:normal;background:linear-gradient(105deg,#bca9ff 15%,#94e1da 90%);color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{font-size:17px;line-height:1.85;color:var(--muted);max-width:470px;margin:0 0 32px}.feature-tags{display:flex;flex-wrap:wrap;gap:11px}.feature-tags span{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:650;color:#d2d4e4;background:#ffffff04}.feature-tags svg{width:15px;height:15px;fill:none;stroke:var(--mint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.intro-note{margin-top:63px;font-size:13px;color:#818ba4;font-style:italic;display:flex;align-items:center;gap:10px}.intro-note-icon{color:var(--purple);font-size:19px}.chat-card{border:1px solid #323b55;background:linear-gradient(155deg,#171d31,#111728 65%);border-radius:24px;box-shadow:0 30px 100px #0005;overflow:hidden;min-height:587px;display:flex;flex-direction:column}.chat-top{padding:24px 25px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.chat-title{display:flex;align-items:center;gap:13px;min-width:0}.chat-avatar{flex-shrink:0;width:46px;height:46px;border-radius:15px;background:#292747;color:#baabff;display:grid;place-items:center}.chat-avatar svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.chat-title strong{display:block;font-size:14px;white-space:nowrap}.chat-title small{display:block;font-size:11px;color:#929cb2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:255px}.connection-badge{border-radius:100px;display:inline-flex;align-items:center;gap:8px;background:#1a2931;border:1px solid #2c4148;color:#a9dacb;padding:7px 11px;font-size:11px;font-weight:750;white-space:nowrap}.status-dot{width:7px;height:7px}.connection-badge.working{background:#342b39;border-color:#5a4863;color:#dfc4ff}.connection-badge.working .status-dot{background:#b9a0ff;box-shadow:0 0 0 4px #b9a0ff25}.welcome-panel{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:40px 35px 28px}.floating-avatars{position:relative;width:155px;height:89px;display:flex;justify-content:center;align-items:center}.floating-avatars span{display:grid;place-items:center;border-radius:50%;position:absolute;border:4px solid #151c30;font-weight:800}.floating-avatars span:nth-child(1){background:#8c76e3;color:#fff;left:24px;top:20px;width:60px;height:60px;font-size:31px;transform:rotate(-17deg)}.floating-avatars span:nth-child(2){background:#a4e5da;color:#34495e;left:73px;top:12px;width:57px;height:57px;font-size:28px;transform:rotate(9deg)}.floating-avatars span:nth-child(3){background:#3f426e;color:#d9cfff;width:40px;height:40px;right:0;bottom:0;font-size:24px}.welcome-panel h2{font-size:22px;letter-spacing:-.65px;margin:19px 0 6px}.welcome-panel>p:not(.entry-error){font-size:13px;color:var(--muted);line-height:1.65;max-width:294px;margin:0 0 22px}.start-actions{width:100%;max-width:322px;display:flex;flex-direction:column;gap:10px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:13px;font-weight:760;min-height:48px;border-radius:11px;padding:11px 14px;transition:transform .12s,filter .12s}.btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1)}.btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn-primary{background:linear-gradient(115deg,#a790ff,#8e78f4);color:#131126}.btn-secondary{background:#24293d;border:1px solid #42445f;color:#eeeaff}.button-arrow{margin-left:auto;font-size:17px}.start-actions .btn{justify-content:flex-start;padding:0 20px}.age-confirm{font-size:11px;color:#a7afc2;line-height:1.65;max-width:350px;text-align:left;display:flex;align-items:flex-start;gap:9px;margin-top:22px}.age-confirm input{accent-color:#a98cff;margin-top:2px}.age-confirm a{color:#c7b9ff}.entry-error{font-size:12px;color:#ffb9c4;margin:6px 0 0;min-height:18px}.card-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 22px;font-size:11px;color:#8a94a9}.heart{color:#b9a0ff}.active-panel{display:flex;flex-direction:column;flex:1;min-height:0}.conversation{height:322px;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:24px 22px;scrollbar-color:#4c4965 transparent;scrollbar-width:thin}.system-message{text-align:center;color:#8e9bb1;font-size:12px;padding:6px 10px;align-self:center}.message-row{display:flex;flex-direction:column;gap:4px;max-width:86%;align-self:flex-start}.message-row.mine{align-self:flex-end;align-items:flex-end}.message-row .who{color:#a8b1c6;font-size:10px;padding:0 8px}.message-row.mine .who{color:#bca9ff}.bubble{background:#292f44;padding:10px 13px;border-radius:13px 13px 13px 3px;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{background:#574b92;border-radius:13px 13px 3px 13px;color:#fff}.message-form{display:flex;gap:9px;padding:0 17px 14px}.message-form input{flex:1;min-width:0;background:#20273b;color:#eee;border:1px solid #39435d;border-radius:12px;outline:none;padding:13px 15px;font-size:13px}.message-form input:focus{border-color:#a991ff}.send-btn{width:45px;flex-shrink:0;border:0;background:#a791ff;color:#1b1640;border-radius:12px;display:grid;place-items:center}.send-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.voice-bar{margin:0 17px 13px;padding:11px 13px;background:#1c2b37;border:1px solid #34535c;border-radius:12px;display:flex;align-items:center;gap:11px}.voice-orb{width:37px;height:37px;border-radius:50%;background:#274a48;color:#8de4d0;display:grid;place-items:center}.voice-bar div{flex:1}.voice-bar strong{display:block;font-size:12px}.voice-bar small{display:block;font-size:11px;color:#9eb7b8}.small-btn{border:1px solid #456462;background:#274449;color:#c6ebe7;border-radius:8px;font-size:11px;padding:7px 10px}.chat-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:0 17px 16px}.chat-actions .btn{min-height:39px;font-size:11px;padding:8px 11px}.chat-actions .btn svg{height:15px;width:15px}.btn-quiet{border:1px solid #3b455d;color:#d3d7e5;background:#222a40}.report-wrap{display:flex;align-items:center;gap:5px;margin-left:auto}.report-wrap select{font-size:10px;color:#a9b2c5;background:#1c2336;border:1px solid #394259;border-radius:7px;padding:8px 5px;max-width:100px}.report-button{background:transparent;color:#dfa0a6;border:none;font-size:11px;padding:5px}.site-footer{border-top:1px solid #ffffff0b;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0 32px;font-size:11px;color:#707b93}.site-footer div{display:flex;gap:22px}.site-footer a{text-decoration:none;color:#949eb4}@media(max-width:980px){.main-grid{gap:28px;grid-template-columns:1fr 1.07fr}.page{padding:0 24px}h1{letter-spacing:-2px;font-size:clamp(41px,5vw,64px)}.intro-note{margin-top:36px}}@media(max-width:760px){.topbar{height:77px}.page{padding:0 17px}.brand{font-size:22px}.brand-icon{width:35px;height:35px;border-radius:10px}.navlinks{gap:10px}.navlinks a,.top-pill{display:none}.main-grid{display:flex;flex-direction:column;align-items:stretch;padding:38px 0 35px;gap:32px}.intro{text-align:center}.eyebrow{justify-content:center;font-size:10px;letter-spacing:1px}h1{font-size:clamp(42px,9vw,61px);letter-spacing:-2.4px;margin:18px 0}.hero-description{margin:0 auto 21px;font-size:14px;line-height:1.75;max-width:450px}.feature-tags{justify-content:center}.intro-note{display:none}.chat-card{min-height:560px;border-radius:20px}.chat-top{padding:18px}.welcome-panel{padding:32px 23px 20px}.conversation{height:310px}.site-footer{align-items:flex-start;flex-direction:column;gap:9px}}@media(max-width:385px){.chat-title strong{font-size:12px}.chat-title small{max-width:150px}.chat-avatar{width:38px;height:38px}.connection-badge{padding:6px 7px}.chat-actions{gap:5px}.report-wrap{width:100%;justify-content:flex-end}.feature-tags span{font-size:10px;padding:8px}.card-footer{font-size:9.5px}}

/* Strangline brand-only visual update: original layout, colours and controls retained. */
.brand-icon{background:none;box-shadow:none;overflow:visible;border-radius:0}
.brand-icon img,.chat-avatar img{width:100%;height:100%;display:block;object-fit:contain}
.chat-avatar{background:none;border-radius:0}
.floating-avatars{display:grid;place-items:center}
.floating-avatars .welcome-mark{display:block;width:130px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(13,11,36,.2))}
.site-footer .footer-identity{display:inline-flex;align-items:center;gap:7px}
.footer-identity img{display:block;width:28px;height:28px;object-fit:contain}
@media(max-width:570px){.brand-icon img{width:100%;height:100%}.chat-avatar img{width:100%;height:100%}}

/* Identity 3.0: one flat connection mark + unbroken lowercase wordmark.
   Keep the rest of the site's colours, spacing and functionality unchanged. */
.brand{gap:11px;font-weight:700;letter-spacing:-.05em}
.brand-name{font-family:"Avenir Next","Inter","Segoe UI",ui-sans-serif,system-ui,sans-serif;font-weight:700;letter-spacing:-.055em;color:#F8F7FC;white-space:nowrap}
.brand-icon{width:42px;height:42px;background:none;box-shadow:none;border-radius:0;overflow:visible}
.brand-icon img,.chat-avatar img{width:100%;height:100%;object-fit:contain;display:block}
.chat-avatar{background:none;border-radius:0;box-shadow:none}
.floating-avatars .welcome-mark{width:108px;height:90px;object-fit:contain;filter:none}