@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{color-scheme:dark;--bg:#17121e;--ivory:#f4eadb;--muted:#c1b2ad;--line:#d8bc852b;--gold:#e4c58f;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 85% 0,#3b243e88,transparent 60%),var(--bg);color:var(--ivory);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{max-width:1160px;margin:auto;padding:28px 30px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}header>a:last-child{font-size:13px}.wordmark{font-size:15px;font-weight:700;letter-spacing:.07em}.wordmark span{color:var(--gold)}main{max-width:930px;margin:auto;padding:62px 30px 72px}.intro{max-width:670px;margin-bottom:40px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.16em;margin:0 0 16px;font-weight:600}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(38px,5vw,57px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}h1 em{color:#d6c0a5}h2{font-size:30px;line-height:1.25;margin:0 0 14px}h3{font-size:25px;line-height:1.3;margin:0 0 16px}p{color:var(--muted);margin:0 0 20px}.panel{background:linear-gradient(140deg,#2c2033d9,#241b2bd9);border:1px solid var(--line);border-radius:18px;padding:32px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin:0}.small{font-size:12px;color:var(--muted)}.record-area{display:flex;gap:24px;align-items:center;margin:28px 0}.record-button{display:flex;align-items:center;gap:12px;border:1px solid #e4c58f70;border-radius:40px;min-height:64px;padding:15px 22px;background:#372735;color:var(--ivory);font-weight:500}.record-dot{width:16px;height:16px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px #e4c58f44}.is-recording .record-dot{background:#e39d92;border-radius:4px}.record-meta{display:grid;gap:3px;font-size:12px;color:var(--muted)}#timer{font-size:21px;color:var(--ivory);font-variant-numeric:tabular-nums}.divider{display:flex;align-items:center;gap:14px;margin:25px 0;color:var(--muted);font-size:11px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}label{display:block;font-size:13px;margin:0 0 9px}textarea{width:100%;resize:vertical;min-height:130px;border:1px solid #d8bc8540;border-radius:10px;background:#19131f;color:var(--ivory);padding:15px;line-height:1.6;margin-bottom:10px}textarea::placeholder{color:#a4939e}.consent{font-size:12px;line-height:1.75;margin:24px 0}.consent strong{font-weight:500;color:var(--ivory)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;background:linear-gradient(110deg,#ebd3a7,#d7b875,#e6cd9c);border:0;border-radius:9px;padding:12px 24px;color:#261c22;font-weight:600;font-size:14px}.quiet{color:var(--gold);background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px;font-size:13px}#compose-status,#page-status{font-size:13px;margin:14px 0 0}audio{width:100%;display:block;margin-bottom:6px}.entries-section{margin-top:56px}.journal-entry{margin-bottom:22px}.entry-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.entry-top .small{white-space:nowrap}.ai-label{display:inline-block;color:var(--gold);font-size:10px;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--line);border-radius:5px;padding:3px 8px;margin-bottom:12px}.entry-summary{white-space:pre-wrap}.prompts{padding:0 0 0 20px;color:var(--muted);font-size:14px}.prompts li{padding:5px 0}.entry-transcript{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:13px}.entry-transcript summary{cursor:pointer;color:var(--gold);padding-bottom:10px}.entry-transcript p{white-space:pre-wrap}.entry-actions{display:flex;gap:22px;flex-wrap:wrap}.entry-note{font-size:13px}.entry-error{font-size:12px;color:#f3b4a3;margin:10px 0}.entry-note-label{margin-top:22px}.saved-note{white-space:pre-wrap;font-size:14px}footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);padding:30px;display:flex;gap:22px;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}footer p{margin:0;font-size:12px}footer nav{display:flex;gap:20px}.skip{position:absolute;top:-80px;left:16px;background:var(--gold);color:var(--bg);padding:12px;z-index:4}.skip:focus{top:12px}
@media(max-width:600px){header{padding:20px}.wordmark{font-size:12px;letter-spacing:.04em}main{padding:40px 20px 50px}.panel{padding:24px 20px}.section-heading{align-items:start}.section-heading>.small{display:none}h1{font-size:37px}h2{font-size:27px}.record-area{gap:18px;flex-wrap:wrap}.record-button{padding:14px 18px}.record-meta{grid-template-columns:auto 1fr;align-items:center;gap:14px;flex:1 0 100%}.compose>.button{width:100%}.entries-section{margin-top:40px}.entry-top{display:block}.entry-top .small{display:block;margin-bottom:16px}footer{flex-wrap:wrap;padding:24px 20px}footer p{width:100%;order:3}.entries-section .section-heading{gap:12px}.entries-section .quiet{font-size:12px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.billing-panel{margin:0 0 26px}.subscription-price{font-size:15px;color:var(--ivory)}.subscription-price strong{font:400 40px/1.2 var(--serif);color:var(--gold);margin-right:8px}.subscription-price span{display:block;color:var(--muted);margin-top:4px}.agreement{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.7;margin:24px 0}.agreement input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:var(--gold)}.login-fields{display:flex;gap:12px;margin:12px 0}.login-fields input{flex:1;min-width:0;padding:13px 15px;border-radius:9px;border:1px solid #d8bc8540;background:#19131f;color:var(--ivory);font:16px var(--sans)}#login-status,#billing-status{font-size:13px;margin-top:14px}input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#journal-content+section.panel{margin-top:32px}@media(max-width:600px){.login-fields{flex-direction:column}.login-fields .button,#subscription-offer>.button{width:100%}.subscription-price strong{font-size:36px}}

/* Keep utility actions below the heading rather than squeezing its text. */
.entries-section .section-heading{flex-wrap:wrap;justify-content:flex-start}.entries-section .section-heading>div{flex:1 0 100%}.entries-section .section-heading .quiet{margin-right:18px}.panel{background:linear-gradient(135deg,rgba(45,30,44,.94),rgba(28,21,34,.94)),url('/assets/bg-clouds.webp') center/cover}.button,.record-button{transition:transform .2s ease,filter .2s ease}.button:hover,.record-button:hover{transform:translateY(-1px);filter:brightness(1.06)}@media(max-width:600px){.compose .section-heading{flex-direction:column;gap:10px}.section-heading>.small{display:block}}@media(prefers-reduced-motion:reduce){.button,.record-button{transition:none;transform:none!important}}
/* V16 companion controls: one obvious next action, with optional device read-aloud. */
.intro{margin-bottom:32px}.compose>.button{min-width:210px}.entry-listen{display:inline-flex;margin:2px 0 0}.entry-read-status,.entry-followup-status{font-size:12px;min-height:1.5em;margin:4px 0 0}.entry-followup{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.entry-followup-label{color:var(--ivory);font-family:var(--serif);font-size:19px;margin-bottom:8px}.entry-followup textarea{min-height:96px;margin-bottom:4px}.entry-followup .quiet{padding-bottom:2px}.journal-entry .entry-actions{border-top:1px solid var(--line);margin-top:19px;padding-top:7px}.billing-panel .subscription-price strong{font-size:33px}.billing-panel .subscription-price span{display:inline;margin-left:8px}.agreement{max-width:60ch}
@media(max-width:600px){.intro{margin-bottom:28px}.compose>.button{width:100%}.entry-followup{margin-top:18px;padding-top:16px}.entry-followup-label{font-size:18px}.entry-listen{min-height:40px}.billing-panel .subscription-price strong{display:block;margin:0 0 4px}.billing-panel .subscription-price span{display:block;margin:0}}
/* The companion cover is a quiet visual anchor for the private practice. */
.intro{position:relative;min-height:184px;padding-right:210px;background:url('/assets/ritual-companion-v16.webp') right 4px/156px auto no-repeat}
@media(max-width:600px){.intro{min-height:0;padding-right:0;padding-bottom:112px;background-position:right bottom;background-size:108px auto}.intro h1{max-width:none;font-size:35px}.intro>p:last-child{max-width:244px}}

/* V19 Stillpath session flow */
.intro{max-width:100%;min-height:250px;padding-right:250px;background-position:right 8px;background-size:205px auto}.intro h1{max-width:620px}.intro>p:last-child{max-width:52ch}.companion-stage{margin:26px 0}.companion-rating{border:1px solid var(--line);border-radius:12px;margin:26px 0;padding:16px}.companion-rating legend{padding:0 7px;color:var(--ivory);font-size:13px}.companion-rating label{display:flex;justify-content:space-between;gap:12px}.companion-rating output{color:var(--gold);font-variant-numeric:tabular-nums}.companion-rating input{width:100%;accent-color:var(--gold)}.companion-rating>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.companion-consent{display:flex;align-items:flex-start;gap:11px;color:var(--muted);font-size:12px;line-height:1.65;margin:18px 0}.companion-consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--gold)}.companion-remember{margin-top:-5px}.companion-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.companion-actions .quiet{padding:10px 0;min-height:44px}.companion-actions .button{min-height:48px}.companion-reply{font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--ivory);white-space:pre-wrap}.companion-pattern{margin:20px 0 28px;padding:0;list-style:none}.companion-pattern li{border-left:2px solid var(--gold);padding:5px 0 5px 14px;margin:10px 0;color:var(--muted)}.companion-practice-card{background:#18131e82;border:1px solid var(--line);border-radius:13px;padding:24px;margin:28px 0}.companion-practice-card h3{font-size:27px}.companion-steps{padding:0;list-style:none;counter-reset:step}.companion-steps li{position:relative;padding:16px 18px 16px 58px;border-top:1px solid var(--line);color:var(--muted);cursor:pointer}.companion-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:16px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:12px}.companion-steps li.is-active{background:#e4c58f12;color:var(--ivory)}.companion-steps li strong{display:block;color:var(--ivory);font-size:14px;margin-bottom:4px}.companion-timer{border-top:1px solid var(--line);padding-top:19px}.companion-timer>#companion-timer{font:400 34px/1 var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:8px}.legacy-journal{margin-top:54px;border-top:1px solid var(--line);padding-top:20px}.legacy-journal summary{cursor:pointer;color:var(--gold);font-family:var(--serif);font-size:24px}.legacy-journal>p{margin-top:16px}.privacy-panel{margin-top:52px}.companion-session{margin:18px 0;padding:22px}.companion-session h3{font-size:23px}.companion-session time{font-size:12px;color:var(--muted)}.companion-session dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:13px;color:var(--muted)}.companion-session dt{color:var(--ivory)}#companion-history-section .section-heading>div:last-child{display:flex;gap:14px;flex-wrap:wrap}#companion-history-section .section-heading>div:last-child .quiet{margin:0}
.intro{max-width:100%;min-height:250px;padding-right:250px;background-position:right 8px;background-size:205px auto}.intro h1{max-width:620px}.intro>p:last-child{max-width:52ch}.companion-stage{margin:26px 0}#stillpath input:not([type="checkbox"]):not([type="range"]),#stillpath textarea{width:100%;border:1px solid #d8bc8540;border-radius:10px;background:#19131f;color:var(--ivory);padding:13px 15px;line-height:1.6;box-shadow:none}#stillpath input:not([type="checkbox"]):not([type="range"]){min-height:48px;margin:0 0 10px}#stillpath input::placeholder,#stillpath textarea::placeholder{color:#a4939e;opacity:1}#stillpath input:focus-visible,#stillpath textarea:focus-visible,#stillpath button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#stillpath button{min-height:44px}.companion-rating{border:1px solid var(--line);border-radius:12px;margin:26px 0;padding:16px}.companion-rating legend{padding:0 7px;color:var(--ivory);font-size:13px}.companion-rating label{display:flex;justify-content:space-between;gap:12px}.companion-rating output{color:var(--gold);font-variant-numeric:tabular-nums}.companion-rating input{width:100%;accent-color:var(--gold)}.companion-rating>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.companion-consent{display:flex;align-items:flex-start;gap:11px;color:var(--muted);font-size:12px;line-height:1.65;margin:18px 0}.companion-consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--gold)}.companion-remember{margin-top:-5px}.companion-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.companion-actions .quiet{padding:10px 0;min-height:44px}.companion-actions .button{min-height:48px}.companion-reply{font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--ivory);white-space:pre-wrap}.companion-pattern{margin:20px 0 28px;padding:0;list-style:none}.companion-pattern li{border-left:2px solid var(--gold);padding:5px 0 5px 14px;margin:10px 0;color:var(--muted)}.companion-practice-card{background:transparent;border:1px solid var(--line);border-radius:13px;padding:24px;margin:28px 0}.companion-practice-card h3{font-size:27px}.companion-steps{padding:0;list-style:none;counter-reset:step}.companion-steps li{position:relative;padding:16px 18px 16px 58px;border-top:1px solid var(--line);color:var(--muted);cursor:pointer}.companion-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:16px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:12px}.companion-steps li.is-active{background:#e4c58f12;color:var(--ivory)}.companion-steps li strong{display:block;color:var(--ivory);font-size:14px;margin-bottom:4px}.companion-timer{border-top:1px solid var(--line);padding-top:19px}.companion-timer>#companion-timer{font:400 34px/1 var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:8px}.legacy-journal{margin-top:54px;border-top:1px solid var(--line);padding-top:20px}.legacy-journal summary{cursor:pointer;color:var(--gold);font-family:var(--serif);font-size:24px}.legacy-journal>p{margin-top:16px}.privacy-panel{margin-top:52px}.companion-session{margin:18px 0;padding:22px}.companion-session h3{font-size:23px}.companion-session time{font-size:12px;color:var(--muted)}.companion-session dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:13px;color:var(--muted)}.companion-session dt{color:var(--ivory)}#companion-history-section .section-heading>div:last-child{display:flex;gap:14px;flex-wrap:wrap}#companion-history-section .section-heading>div:last-child .quiet{margin:0}
.intro{max-width:100%;min-height:250px;padding-right:250px;background-position:right 8px;background-size:205px auto}.intro h1{max-width:620px}.intro>p:last-child{max-width:52ch}.companion-stage{margin:26px 0}#stillpath input:not([type="checkbox"]):not([type="range"]),#stillpath textarea{width:100%;border:1px solid #d8bc8540;border-radius:10px;background:#19131f;color:var(--ivory);padding:13px 15px;line-height:1.6;box-shadow:none}#stillpath input:not([type="checkbox"]):not([type="range"]){min-height:48px;margin:0 0 10px}#stillpath input::placeholder,#stillpath textarea::placeholder{color:#a4939e;opacity:1}#stillpath input:focus-visible,#stillpath textarea:focus-visible,#stillpath button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#stillpath button{min-height:44px}.companion-rating{border:1px solid var(--line);border-radius:12px;margin:26px 0;padding:16px}.companion-rating legend{padding:0 7px;color:var(--ivory);font-size:13px}.companion-rating label{display:flex;justify-content:space-between;gap:12px}.companion-rating output{color:var(--gold);font-variant-numeric:tabular-nums}.companion-rating input{width:100%;accent-color:var(--gold)}.companion-rating>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.companion-consent{display:flex;align-items:flex-start;gap:11px;color:var(--muted);font-size:12px;line-height:1.65;margin:18px 0}.companion-consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--gold)}.companion-remember{margin-top:-5px}.companion-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.companion-actions .quiet{padding:10px 0;min-height:44px}.companion-actions .button{min-height:48px}.companion-reply{font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--ivory);white-space:pre-wrap}.companion-pattern{margin:20px 0 28px;padding:0;list-style:none}.companion-pattern li{border-left:2px solid var(--gold);padding:5px 0 5px 14px;margin:10px 0;color:var(--muted)}.companion-practice-card{background:transparent;border:1px solid var(--line);border-radius:13px;padding:24px;margin:28px 0}.companion-practice-card h3{font-size:27px}.companion-steps{padding:0;list-style:none;counter-reset:step}.companion-steps li{position:relative;padding:16px 18px 16px 58px;border-top:1px solid var(--line);color:var(--muted);cursor:pointer}.companion-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:16px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:12px}.companion-steps li.is-active{background:#e4c58f12;color:var(--ivory)}.companion-steps li strong{display:block;color:var(--ivory);font-size:14px;margin-bottom:4px}.companion-timer{border-top:1px solid var(--line);padding-top:19px}.companion-timer>#companion-timer{font:400 34px/1 var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:8px}.legacy-journal{margin-top:54px;border-top:1px solid var(--line);padding-top:20px}.legacy-journal summary{cursor:pointer;color:var(--gold);font-family:var(--serif);font-size:24px}.legacy-journal>p{margin-top:16px}.privacy-panel{margin-top:52px}.companion-session{margin:18px 0;padding:22px}.companion-session h3{font-size:23px}.companion-session time{font-size:12px;color:var(--muted)}.companion-session dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:13px;color:var(--muted)}.companion-session dt{color:var(--ivory)}.companion-session-detail{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;color:var(--muted);font-size:13px}.companion-session-detail summary{cursor:pointer;color:var(--gold);min-height:44px;padding-top:9px}.companion-session-detail h4{color:var(--ivory);font-size:13px;margin:16px 0 5px}.companion-session-detail p{font-size:13px;white-space:pre-wrap;margin-bottom:10px}.companion-session-detail ol{padding-left:20px;margin:6px 0}.companion-session-detail li{padding:3px 0}#companion-history-section .section-heading>div:last-child{display:flex;gap:14px;flex-wrap:wrap}#companion-history-section .section-heading>div:last-child .quiet{margin:0}
@media(max-width:600px){.intro{min-height:0;padding:0 0 154px;background-position:center bottom;background-size:142px auto}.intro h1{font-size:clamp(32px,10vw,38px);max-width:12ch}.intro>p:last-child{max-width:29ch}.companion-stage{margin:20px 0}.companion-actions{align-items:stretch;gap:7px 16px}.companion-actions .button{width:100%}.companion-actions .quiet{min-height:44px}.companion-practice-card{padding:20px 16px}.companion-practice-card h3{font-size:24px}.companion-steps li{padding-left:48px}.companion-steps li:before{width:30px;height:30px}.companion-rating{padding:14px}.companion-rating label{display:block}.companion-rating output{float:right}.legacy-journal{margin-top:38px}.privacy-panel{margin-top:38px}#companion-history-section .section-heading>div:last-child{width:100%;justify-content:space-between}.companion-session{padding:19px}}

/* V21: one calm surface at a time. */
.intro{min-height:182px;padding-right:190px;background-position:right top;background-size:154px auto}.intro h1{max-width:560px}.intro>p:last-child{max-width:47ch}.access-panel{margin-top:18px}.account-details,.saved-sessions{display:block;border-top:1px solid var(--line);margin:18px 0;padding-top:2px}.account-details>summary,.saved-sessions>summary,.optional>summary{cursor:pointer;color:var(--gold);min-height:44px;padding:11px 0;font-size:14px}.account-details .billing-panel{margin:4px 0 18px}.companion-stage{margin:24px 0}.companion-stage h2{margin-bottom:10px}.companion-stage>p{max-width:58ch}.companion-stage .record-area{margin:20px 0}.companion-stage textarea{min-height:120px}.companion-actions{margin-top:18px}.optional{border-top:1px solid var(--line);margin:20px 0 0;padding-top:2px}.optional label{margin-top:12px}.optional input[type=range]{width:100%;accent-color:var(--gold)}#companion-response .button,#companion-practice .button,#companion-completion .button{margin-top:24px}.companion-reply{font-size:21px;margin-bottom:8px}.companion-session{margin:14px 0;padding:18px}.companion-session h3{font-size:21px;margin-bottom:5px}.companion-session time{display:block;margin-bottom:8px}.companion-session-detail{margin-top:10px}.legacy-journal{margin:18px 0 0}.companion-footer-note{font-size:12px;line-height:1.6;margin-top:46px}.companion-footer-note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.intro{min-height:146px;padding:0 94px 0 0;background-position:right 2px;background-size:80px auto}.intro h1{font-size:clamp(31px,9.5vw,36px);max-width:9ch}.intro>p:last-child{max-width:21ch;font-size:14px}.companion-stage{margin:18px 0}.companion-stage.panel{padding:23px 20px}.companion-actions .button{width:100%}.saved-sessions .section-heading{display:block}.saved-sessions .section-heading>div{display:flex;gap:15px}.companion-footer-note{margin-top:34px}}
body:has(#journal-content) .intro{background:url('/assets/wanting-signal-square.png') right top/154px auto no-repeat!important;padding-right:190px;min-height:182px}body:has(#journal-content) .intro:after{display:none!important}@media(max-width:700px){body:has(#journal-content) .intro{background-position:right 2px!important;background-size:80px auto!important;padding:0 94px 0 0!important;min-height:146px!important}}

/* Compact introduction, with the artwork beside the invitation. */
body:has(#journal-content) .intro:after{mask-image:radial-gradient(ellipse,black 40%,transparent 74%)!important;animation:companion-art-breathe 9s ease-in-out infinite}body:has(#journal-content) .intro{margin-bottom:20px!important}body:has(#journal-content) .intro>p:last-child{font-size:15px;line-height:1.5}body:has(#journal-content) #account-details{margin-bottom:20px}
@keyframes companion-art-breathe{50%{transform:translateY(-4px)}}@media(max-width:600px){body:has(#journal-content) main{padding-top:24px!important}body:has(#journal-content) .intro h1{font-size:28px!important;line-height:1.1!important}body:has(#journal-content) .intro h1 em{display:block;font-size:18px!important;line-height:1.3;margin-top:8px}body:has(#journal-content) .intro h1 br{display:none}body:has(#journal-content) .intro>p:last-child{margin-top:14px;max-width:none!important}body:has(#journal-content) .intro:after{width:80px!important;height:80px!important;top:0!important;right:0!important}}@media(prefers-reduced-motion:reduce){body:has(#journal-content) .intro:after{animation:none!important}}

body:has(#journal-content) .intro{background:none!important}body:has(#journal-content) .intro:after{content:"";display:block!important;position:absolute;top:0;right:0;width:154px;height:154px;background:url('/assets/wanting-signal-square.png') center/cover no-repeat;pointer-events:none}#journal-content textarea{width:100%;border:1px solid #d8bc8540;border-radius:10px;background:#19131f;color:#f4eadb;padding:13px 15px;font:16px/1.5 var(--sans)}#journal-content textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:700px){body:has(#journal-content) .intro:after{width:80px!important;height:80px!important}}

.input-method{display:flex;gap:18px;margin:16px 0}.input-method button{min-height:44px;padding:8px 2px;color:#b5a4ad;text-decoration:none}.input-method button[aria-pressed=true]{color:#ecd09c;border-bottom:2px solid #ecd09c}#companion-intake textarea{min-height:110px}#companion-intake .input-method+ .record-area{margin-top:10px}