.cr-landing>.shell{width:100%;max-width:none;padding-inline:clamp(20px,4vw,90px)}.cr-landing .cr-hero{gap:clamp(35px,6vw,120px);min-height:0;padding-block:40px 50px}.cr-landing .cr-hero h1{font-size:clamp(40px,3.7vw,64px)}.cr-landing .cr-hero-copy{max-width:720px}.cr-landing .cr-hero-copy>p{max-width:610px;font-size:clamp(13px,1.1vw,17px)}.cr-public{width:100%;padding-inline:clamp(18px,4vw,90px)}.cr-public .cr-public-inner{width:100%;max-width:none}.cr-public:has(.cr-composer,.cr-sent) .cr-public-inner{min-height:calc(100svh - var(--site-header-height,65px) - 175px);grid-template-columns:minmax(230px,360px) minmax(0,590px);align-items:center;column-gap:clamp(24px,4vw,60px);max-width:1040px;margin-top:30px;padding-inline:0;display:grid}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person{text-align:left;grid-column:1;margin-bottom:35px}:is(.cr-public:has(.cr-composer,.cr-sent) .cr-public-person>span,.cr-public:has(.cr-composer,.cr-sent) .cr-public-person>img){margin-inline:0}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person .cr-kicker{justify-content:start}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person>p:not(.cr-kicker){margin-inline:0}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person h1{font-size:clamp(32px,3.1vw,48px);line-height:1.1}:is(.cr-public:has(.cr-composer,.cr-sent) .cr-composer,.cr-public:has(.cr-composer,.cr-sent) .cr-sent){grid-area:1/2;width:100%}.cr-public .cr-public-wall,.cr-public .cr-share,.cr-public .cr-public-footer{grid-column:1/-1}.cr-public .cr-public-wall{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;display:grid}.cr-public .cr-public-wall h2{grid-column:1/-1}.cr-public .cr-composer{border-radius:25px;padding:24px}.cr-note-companion{align-items:center;gap:14px;margin-bottom:17px;animation:.5s both cr-companion-arrive;display:flex}.cr-note-companion .sc-sticker{flex:0 0 85px;display:block}.cr-note-companion img{object-fit:contain;width:85px;height:85px}.cr-note-companion h2{text-wrap:balance;font:22px/1.25 Georgia,serif}.cr-note-companion p{color:var(--cr-muted);margin-top:10px;font-size:12px;line-height:1.8}.cr-composer .cr-kind-picker{gap:9px}.cr-composer .cr-kind-picker button{min-height:44px;padding:10px 15px;font-size:11px}.cr-composer .cr-message{font-size:17px!important;line-height:28px!important}.cr-composer .cr-prompt{min-height:44px}.cr-composer .cr-send{min-height:50px}.cr-composer[data-mood=confession] .cr-note-companion{color:#9c4b65}.cr-composer[data-mood=compliment] .cr-note-companion{color:#4b7359}.cr-composer[data-mood=question] .cr-note-companion{color:#5b5190}.cr-public:is(.cr-theme-midnight,.cr-theme-neon,.cr-theme-velvet,.cr-theme-starlight) .cr-composer[data-mood] .cr-note-companion{color:var(--cr-ink)}.cr-sent-character{width:170px;margin:0 auto 12px;display:block}.cr-sent-character img{width:100%;height:auto}.cr-sent .cr-sent-orbit{display:none}.cr-public:has(.cr-canvas) .cr-public-inner{margin-top:25px}.cr-public-inner>.cr-canvas{border-radius:30px;width:100%}.cr-public-inner>.cr-canvas:not([data-layout=stack]):not([data-layout=classic]) .cr-canvas-person{max-width:780px;margin-inline:auto}.cr-public .cr-public-footer{margin-top:25px}.cr-full-preview-trigger{border:1px solid var(--cr-line);width:100%;min-height:44px;color:var(--cr-accent);background:var(--cr-paper);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.cr-full-preview{background:var(--cr-paper);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--cr-ink);border:0;margin:0;padding:0}.cr-full-preview[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.cr-full-preview-bar{border-bottom:1px solid var(--cr-line);justify-content:space-between;align-items:center;gap:15px;padding:10px clamp(14px,3vw,70px);font-size:12px;display:flex}.cr-full-preview-bar button{min-height:44px}.cr-full-preview-content{overscroll-behavior:contain;min-height:0;overflow:auto}.cr-full-preview-content>.cr-canvas{border-radius:0;width:100%;max-width:none;min-height:100%;padding-inline:clamp(18px,5vw,100px)}.cr-full-preview-content .cr-canvas-person{max-width:780px;margin-inline:auto}.cr-full-preview :focus-visible{outline:3px solid var(--cr-accent);outline-offset:4px}body:has(.cr-public,.cr-landing){padding-bottom:0}@keyframes cr-companion-arrive{0%{opacity:0;translate:0 9px}to{opacity:1;translate:0}}@media (max-width:900px){.cr-public:has(.cr-composer,.cr-sent) .cr-public-inner{grid-template-columns:minmax(200px,.7fr) minmax(0,1fr);column-gap:30px;padding-inline:0}.cr-note-companion{gap:12px}.cr-note-companion .sc-sticker{flex-basis:75px}.cr-note-companion img{width:75px;height:75px}.cr-note-companion h2{font-size:22px}}@media (max-width:760px){.cr-full-preview-bar,.cr-full-preview-bar button{font-size:10px}.cr-landing .cr-hero{min-height:0;padding-block:35px 55px}.cr-landing .cr-hero h1{font-size:clamp(38px,8vw,52px)}.cr-public:has(.cr-composer,.cr-sent) .cr-public-inner{min-height:0;margin-top:23px;display:block}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person{text-align:center;margin-bottom:27px}:is(.cr-public:has(.cr-composer,.cr-sent) .cr-public-person>span,.cr-public:has(.cr-composer,.cr-sent) .cr-public-person>img){margin-inline:auto}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person>p:not(.cr-kicker){margin-inline:auto}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person .cr-kicker{justify-content:center}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person h1{font-size:clamp(32px,8.7vw,48px)}.cr-public .cr-composer{border-radius:24px;padding:16px}.cr-note-companion{grid-template-columns:56px minmax(0,1fr);gap:8px 10px;display:grid}.cr-note-companion .sc-sticker{grid-area:1/1}.cr-note-companion img{width:56px;height:56px}.cr-note-companion>div{display:contents}.cr-note-companion h2{grid-area:1/2;font-size:19px}.cr-note-companion p{grid-area:2/1/auto/-1;margin-top:0;font-size:11px;line-height:1.6}.cr-composer .cr-kind-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.cr-composer .cr-kind-picker button{text-wrap:balance;justify-content:center;padding:8px 5px;font-size:10px;line-height:1.4}.cr-composer .cr-kind-picker button>svg{display:none}.cr-public .cr-public-wall{display:block}}@media (prefers-reduced-motion:reduce){.cr-note-companion{animation:none}}.cr-note-soundtrack{--ink:var(--cr-ink);--muted:var(--cr-muted);--accent:var(--cr-accent);--canvas-surface:var(--cr-paper);--soft:var(--cr-tint);color:var(--cr-muted);border-bottom:1px solid var(--cr-line);grid-template-columns:minmax(0,1fr) auto auto;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:7px 0 13px;font-size:10px;display:grid}.cr-composer .cr-note-soundtrack .so-music{display:contents!important}.cr-note-soundtrack .so-music>button{border:1px solid var(--cr-line);height:40px;color:var(--cr-ink);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding-inline:10px;font-size:10px;display:flex}.cr-note-soundtrack .so-music>p{background:var(--cr-paper);width:auto;max-width:none;color:var(--cr-ink);border:1px solid var(--cr-line);border-radius:12px;grid-column:1/-1;margin:0;padding:10px;font-size:10px;line-height:1.6;position:static}.cr-note-reveal{border:1px solid var(--cr-line);border-radius:14px;margin-block:12px}.cr-note-reveal summary{min-height:44px;color:var(--cr-accent);cursor:pointer;align-items:center;gap:8px;padding:10px 15px;font-size:11px;display:flex}.cr-note-reveal article{text-align:center;background:var(--cr-paper);border-radius:0 0 14px 14px;padding:15px 20px;animation:.4s both cr-companion-arrive}.cr-note-reveal article>span{letter-spacing:.1em;color:var(--cr-muted);font-size:8px}.cr-note-reveal article>p{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cr-ink);margin:16px 0 8px;font:17px/1.8 Georgia,serif}.cr-note-reveal .sc-sticker{width:75px;margin:auto;display:block}.cr-note-reveal img{width:100%;height:auto}.cr-composer .cr-message{background:linear-gradient(transparent 27px, var(--cr-line) 28px);background-size:100% 28px;min-height:160px}@media (max-width:760px){.cr-public:has(.cr-composer,.cr-sent) .cr-public-inner{max-width:580px}.cr-note-soundtrack>span{max-width:130px;line-height:1.6}.cr-public:has(.cr-composer,.cr-sent) .cr-public-person{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.cr-note-reveal article{animation:none}}.cr-composer .cr-note-companion{margin-bottom:10px}.cr-composer .cr-note-soundtrack{margin-bottom:12px;padding-block:2px 9px}.cr-composer .cr-kind-picker{margin-bottom:16px}.cr-composer .cr-message-label{margin-bottom:9px}.cr-composer .cr-message{min-height:140px}.cr-composer .cr-composer-meta{margin-block:10px}.cr-composer .cr-checkbox{margin-block:14px!important}.cr-composer .cr-send{min-height:44px;margin-top:0}.cr-composer .cr-fine{margin-block:8px 0}@media (min-width:901px){.cr-full-preview-content .cr-canvas{padding-block:22px}.cr-full-preview-content .cr-canvas-person{margin-bottom:14px}.cr-full-preview-content .cr-canvas-person>.avatar{width:60px!important;height:60px!important;font-size:24px!important}.cr-full-preview-content .cr-canvas-person :is(h1,h2){margin-top:0;font-size:32px}.cr-full-preview-content .cr-motion-toggle{min-height:44px;margin:0;position:absolute;top:14px;right:18px}.cr-full-preview-content .cr-social-dock,.cr-full-preview-content .cr-link-search,.cr-full-preview-content .cr-link-filters{margin-block:10px}.cr-full-preview-content .cr-garden{max-width:1100px;margin-inline:auto}}@media (min-width:1100px){.cr-full-preview-content .cr-canvas[data-density=compact] .cr-garden:is([data-layout=bento],[data-layout=sculpture],[data-layout=showcase]) .cr-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-full-preview-content .cr-canvas[data-density=compact] .cr-link-card:not([data-size=large]) .cr-project-cover{height:100px;min-height:100px}.cr-full-preview-content .cr-canvas[data-density=compact] .cr-rich-card:not([data-size=large]) .cr-card-primary{padding-block:12px}}
