.cocon{--c-ink:#182b30;--c-paper:#f7f3eb;--c-sage:#dce3d8;--c-green:#385347;--c-coral:#e4a486;--c-terra:#984b34;color:var(--c-ink)}
.cocon-nav{display:flex;justify-content:space-between;gap:2rem;padding-block:1.4rem;border-bottom:1px solid #c5c8bc;align-items:center}.cocon-nav>a{font-family:Georgia,serif;font-size:1.7rem}.cocon-nav>div{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}.cocon-nav form{margin:0}.cocon a{text-underline-offset:.2em}.cocon-kicker{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:650}.cocon h1,.cocon h2,.cocon h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;line-height:1.05}.cocon h1{font-size:clamp(3.1rem,6.8vw,6.9rem);margin:.35em 0}.cocon h2{font-size:clamp(2rem,3.8vw,3.8rem);margin:.35em 0 .7em}.cocon h3{font-size:clamp(1.8rem,2.6vw,2.7rem)}.cocon h1 em,.cocon h2 em{color:var(--c-terra);font-weight:400}.cocon p{line-height:1.75}.cocon-lead{font-size:clamp(1.1rem,1.8vw,1.35rem);max-width:36rem}.cocon-small{font-size:.9rem;line-height:1.65;color:#52605d}.cocon-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center;padding-block:4.5rem 5.5rem}.cocon-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem;margin:1.8rem 0}.cocon-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:var(--c-green,#385347);color:#fffaf0;border:1px solid var(--c-green,#385347);border-radius:100px;padding:1.05rem 1.55rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;min-height:48px}.cocon-button:hover{background:#253e32;color:#fffaf0}.cocon-button:disabled{opacity:.55;cursor:wait}.cocon-button-small{padding:.75rem 1rem;font-size:.92rem}.cocon-text-link,.cocon-link-button{font:inherit;font-size:.95rem;background:none;color:#182b30;border:0;padding:.25rem 0;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.cocon button:focus-visible,.cocon a:focus-visible,.cocon input:focus-visible,.cocon select:focus-visible,.cocon textarea:focus-visible,.cocon summary:focus-visible,.cocon-moderation button:focus-visible{outline:3px solid #984b34;outline-offset:4px}
.cocon-embrace{position:relative;isolation:isolate;min-height:520px;display:grid;place-items:center;background:var(--c-sage);border-radius:50% 50% 44% 44%;overflow:hidden}.cocon-petal{position:absolute;width:69%;height:76%;border:1px solid #a8b4a2;border-radius:50%;z-index:-1}.cocon-petal-one{transform:translateX(-32%) rotate(-26deg);background:#c1d0c0}.cocon-petal-two{transform:translateX(33%) rotate(26deg);background:#e4a486}.cocon-petal-three{height:70%;width:64%;background:#efdebf;transform:translateY(8%)}.cocon-embrace>p{text-align:center;font:clamp(2.3rem,3.3vw,3.4rem)/1.22 Georgia,serif;letter-spacing:-.04em}.cocon-embrace i{color:#984b34}.cocon-art-note{position:absolute;bottom:2.5rem;font-size:.65rem;letter-spacing:.13em}.cocon-promise{background:#385347;color:#fffaf0;padding-block:1.5rem}.cocon-promise>.shell{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.cocon-promise p{margin:0;font-size:.96rem}.cocon-promise span{display:block;color:#dce3d8;font-size:.72rem;margin-bottom:.5rem}.cocon-intro{display:grid;grid-template-columns:.7fr 1.5fr 1.3fr;gap:2.8rem;padding-block:6rem}.cocon-intro p:first-child{margin-top:0}.cocon-feed{padding-block:2rem 6rem}.cocon-feed>header{border-bottom:1px solid #b8beb2;margin-bottom:2.5rem;padding-bottom:1.4rem}.cocon-closed{max-width:48rem;margin:2rem auto 0;text-align:center;background:#eae3d7;border-radius:2rem;padding:3rem}.cocon-closed>span{font-size:2.5rem}.cocon-story{max-width:54rem;margin:0 auto 2rem;padding:2rem 2.3rem;background:#efede4;border:1px solid #d6d7cc;border-radius:1.3rem;overflow-wrap:anywhere}.cocon-story:nth-of-type(even){background:#e6eadd}.cocon-story-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.76rem;letter-spacing:.04em;color:#52605d}.cocon-story h3{margin:.6em 0}.cocon-story h3 a{text-decoration:none}.cocon-story footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.88rem}.cocon-account-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;padding-block:4rem 6rem}.cocon-account-layout>header{max-width:38rem}.cocon-form{padding:2.3rem;background:#eae3d7;border:1px solid #d0d1c4;border-radius:1.5rem}.cocon-form>label,.cocon-identity>label,.cocon-identity>div>label{display:block;font-size:1rem;font-weight:600;margin:1.3rem 0 .5rem}.cocon-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.cocon-form select,.cocon-form textarea,.cocon-inline-form select,.cocon-report select,.cocon-moderation select{width:100%;border:1px solid #899787;border-radius:.7rem;padding:.85rem;background:#fcfaf5;color:#182b30;font:inherit;min-width:0}.cocon-form textarea{resize:vertical;line-height:1.7}.cocon-form fieldset,.cocon-moderation fieldset{border:0;padding:0;margin:2rem 0}.cocon-form legend{font-size:1.1rem;font-weight:600;margin-bottom:.9rem}.cocon-check,.cocon-choice{display:flex!important;gap:.8rem;align-items:flex-start;line-height:1.6;font-size:.95rem!important;font-weight:400!important;margin:1rem 0!important}.cocon-check input,.cocon-choice input{width:1.2rem;height:1.2rem;flex-shrink:0;accent-color:#385347;margin-top:.25rem}.cocon-choice{padding:1rem;border:1px solid #b7c1b0;border-radius:.7rem;background:#f7f3eb}.cocon-form .cocon-button{margin-top:1rem;max-width:100%}.cocon-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.cocon-check-status{font-size:.85rem;color:#52605d}.cocon-error,.cocon-notice{padding:1.1rem 1.4rem;border-radius:.8rem;margin:1.5rem 0;line-height:1.6;overflow-wrap:anywhere}.cocon-error{border:1px solid #984b34;background:#f6e5d9;color:#703322}.cocon-notice{border:1px solid #a4b9a1;background:#e1eadb;color:#213d2b}.cocon-notice>span{display:inline-block;animation:cocon-leaf .7s ease-out}.cocon-write{padding-block:3rem 6rem}.cocon-write>header{max-width:55rem;margin-bottom:3rem}.cocon-writing-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:3.5rem;align-items:start}.cocon-paper{background:#efede4}.cocon-writing-aside{padding:1rem 0}.cocon-writing-aside h2{font-size:2.6rem}.cocon-help{padding:1.6rem;background:#dce3d8;border-radius:1rem;margin-top:2rem}.cocon-help p{font-size:.95rem}.cocon-mine{padding-block:3rem 6rem}.cocon-mine>header{margin-bottom:3rem}.cocon-mine>.cocon-story{max-width:100%;margin-block:2rem}.cocon-inline-form{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin-top:2rem}.cocon-inline-form label{min-width:0;flex:1}.cocon-inline-form select{display:block;margin-top:.6rem}.cocon-recovery{padding:2rem;background:#dce3d8;border:1px solid #a4b9a1;border-radius:1rem;margin-bottom:3rem}.cocon-recovery h2{font-size:2rem}.cocon-recovery code{display:block;font-size:1.05rem;background:#f7f3eb;padding:1rem;border-radius:.7rem;overflow-wrap:anywhere}.cocon-withdraw,.cocon-delete{border-top:1px solid #b8beb2;padding-top:1rem;margin-top:2rem}.cocon-delete{padding:2rem;background:#eae3d7;border-radius:1rem}.cocon summary{cursor:pointer;font-weight:600;line-height:1.6}.cocon-reading{max-width:54rem;padding-block:3rem 6rem}.cocon-reading h1{font-size:clamp(2.8rem,5vw,5rem);overflow-wrap:anywhere}.cocon-byline{font-size:.9rem;color:#52605d}.cocon-body{font-size:1.18rem;padding-block:1.5rem;overflow-wrap:anywhere}.cocon-responses{border-top:1px solid #b8beb2;margin-top:3rem;padding-top:2rem}.cocon-responses h2{font-size:2.5rem}.cocon-reactions{display:flex;flex-wrap:wrap;gap:.8rem}.cocon-reactions button{display:flex;gap:.6rem;align-items:center;border:1px solid #a5b39e;border-radius:100px;padding:.7rem 1rem;background:#e6eadd;font:inherit;font-size:.95rem;color:#182b30;cursor:pointer;min-height:48px}.cocon-reactions button span{font-size:1.6rem}.cocon-reactions button[aria-pressed=true]{background:#385347;color:#fffaf0;border-color:#385347}.cocon-support-summary{display:flex;gap:1rem;flex-wrap:wrap;font-size:.95rem}.cocon-support-summary span{padding:.75rem;background:#e6eadd;border-radius:.75rem}.cocon-comments{margin-top:2rem}.cocon-comments>article{padding:1.4rem 1.6rem;border-left:3px solid #9eaf98;background:#e6eadd;margin-bottom:1.3rem;border-radius:0 1rem 1rem 0;overflow-wrap:anywhere}.cocon-comment-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.cocon-report{margin-top:1.3rem;font-size:.9rem}.cocon-report form{padding:1rem;background:#eae3d7;border-radius:.7rem;margin-block:1rem}.cocon-report select{display:block;margin-block:.6rem}.cocon-comment-form{margin-block:2rem}.cocon-block-form{margin-top:1.3rem}.cocon-policy{max-width:54rem;padding-block:3rem 6rem}.cocon-policy h1{font-size:clamp(2.9rem,5vw,5rem)}.cocon-policy .prose{max-width:none}.cocon-policy .prose h2{font-size:1.9rem;line-height:1.2;letter-spacing:-.025em;margin-top:2em}.cocon-footnote{padding-block:1rem 2rem;border-top:1px solid #c5c8bc;font-size:.9rem}.cocon-home-feature{background:#dce3d8;border-radius:2rem;margin-block:3rem;padding:3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cocon-home-feature h2{font:clamp(2rem,4vw,4rem)/1.05 Georgia,serif;letter-spacing:-.04em;margin:.25em 0}.cocon-home-feature p{max-width:40rem}.cocon-home-feature em{color:#984b34}.cocon-home-feature .cocon-button{flex-shrink:0}
.cocon-moderation h1{font:clamp(2.6rem,5vw,4.6rem)/1.1 Georgia,serif}.cocon-admin-note{padding:1.5rem;background:#e4eadf;border-radius:1rem;margin-block:2rem}.cocon-admin-links{display:flex;flex-wrap:wrap;gap:1.5rem;padding-block:1rem}.cocon-moderation main>section{margin-block:3rem}.cocon-admin-list>article,.cocon-admin-report{padding:1.8rem;border:1px solid #b7c1b0;border-radius:1rem;margin-block:1.5rem;overflow-wrap:anywhere}.cocon-admin-text{padding:1.5rem;background:#f7f3eb;line-height:1.8;margin-bottom:1rem}.cocon-moderation code{font-size:.78rem;overflow-wrap:anywhere}.cocon-moderation select{display:block;margin-block:.5rem}.cocon-admin-reference{font-size:.85rem}.cocon-moderation .admin-table td{max-width:23rem;overflow-wrap:anywhere}.cocon-moderation fieldset{max-width:46rem}
@keyframes cocon-leaf{from{transform:translateY(10px) rotate(-20deg);opacity:.2}to{transform:translateY(0) rotate(0);opacity:1}}
@media(max-width:850px){.cocon-hero,.cocon-account-layout,.cocon-writing-layout{grid-template-columns:1fr;gap:2rem}.cocon-hero{padding-block:2rem 3rem}.cocon-embrace{min-height:400px;max-width:520px;width:100%;margin:auto}.cocon-intro{grid-template-columns:1fr;gap:.8rem;padding-block:3.5rem}.cocon-promise>.shell{grid-template-columns:1fr;gap:1rem}.cocon-promise span{display:inline-block;margin-right:.6rem}.cocon-nav{align-items:flex-start;gap:1rem;flex-direction:column}.cocon-nav>div{gap:.6rem 1rem;font-size:.9rem}.cocon-home-feature{align-items:flex-start;flex-direction:column;padding:2rem}.cocon-story{padding:1.5rem}.cocon-form{padding:1.5rem}.cocon-account-layout{padding-block:2rem 4rem}.cocon-closed{padding:2rem 1.4rem}.cocon-reading,.cocon-policy{padding-block:2rem 4rem}.cocon-writing-aside{padding:0}.cocon-body{font-size:1.1rem}.cocon-inline-form{align-items:stretch;flex-direction:column}.cocon-delete,.cocon-recovery{padding:1.4rem}}
@media(prefers-reduced-motion:reduce){.cocon *{animation:none!important;scroll-behavior:auto!important}}
