:root,html[data-theme=cream]{--bg:#f4efe6;--ink:#2a231b;--ink-soft:#7a6f60;--ink-mute:#a89c8a;--line:#e3dccd;--line-strong:#cdc3ae;--brand:#a85a2a;--hero-surface:#ffffff73;--hover:#0000000a;--chip-active-bg:#2a231b;--chip-active-ink:#f4efe6;--send-bg:#a85a2a;--send-bg-hover:#8e4a23;--send-ink:#fff}html[data-theme=mint]{--bg:#e8f0e6;--ink:#1f2a20;--ink-soft:#5e7060;--ink-mute:#95a596;--line:#d3e0d1;--line-strong:#b9cdb7;--brand:#4a7a4e;--hero-surface:#ffffff80;--hover:#0000000a;--chip-active-bg:#1f2a20;--chip-active-ink:#e8f0e6;--send-bg:#4a7a4e;--send-bg-hover:#355a39;--send-ink:#fff}html[data-theme=blush]{--bg:#f5e7e4;--ink:#2a1d1d;--ink-soft:#7a605e;--ink-mute:#b09591;--line:#ebd6d2;--line-strong:#d9bcb6;--brand:#b5524f;--hero-surface:#ffffff80;--hover:#0000000a;--chip-active-bg:#2a1d1d;--chip-active-ink:#f5e7e4;--send-bg:#b5524f;--send-bg-hover:#984240;--send-ink:#fff}html[data-theme=paper]{--bg:#fff;--ink:#1c1c1c;--ink-soft:#6b6b6b;--ink-mute:#a8a8a8;--line:#ececec;--line-strong:#d6d6d6;--brand:#a85a2a;--hero-surface:#fafafa;--hover:#0000000a;--chip-active-bg:#1c1c1c;--chip-active-ink:#fff;--send-bg:#1c1c1c;--send-bg-hover:#000;--send-ink:#fff}html[data-theme=dark]{--bg:#181410;--ink:#efe7d8;--ink-soft:#a39786;--ink-mute:#6e6457;--line:#2c241d;--line-strong:#3d3328;--brand:#d97a45;--hero-surface:#ffffff0a;--hover:#ffffff0d;--chip-active-bg:#efe7d8;--chip-active-ink:#181410;--send-bg:#efe7d8;--send-bg-hover:#fff;--send-ink:#181410}:root,html[data-theme=cream],html[data-theme=mint],html[data-theme=blush],html[data-theme=paper],html[data-theme=dark]{--heart-red:#e3403e}html,body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;transition:background .25s,color .25s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.header{background:var(--bg);z-index:40;justify-content:space-between;align-items:center;min-height:88px;padding:22px 56px;transition:background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s,box-shadow .25s;display:flex;position:sticky;top:0}.header.is-scrolled{background:color-mix(in oklab, var(--bg) 70%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header.is-scrolled{background:color-mix(in oklab, var(--bg) 92%, transparent)}}.logo{letter-spacing:-.01em;font-size:18px;font-weight:700;transition:opacity .25s,transform .25s}.header-right{align-items:center;gap:14px;transition:opacity .25s,transform .25s;display:flex}.header.is-categories .logo,.header.is-categories .header-right{opacity:0;pointer-events:none;transform:translateY(-2px)}.cat-trigger{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.cat-trigger:hover{background:var(--hover);border-color:var(--ink-soft)}.icon-btn{width:38px;height:38px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--hover);color:var(--ink)}.theme-btn-dots{cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;transition:background .15s;display:inline-flex}.theme-btn-dots:hover{background:var(--hover)}.theme-btn-dots i{border:1px solid #0000001a;border-radius:999px;width:10px;height:10px;transition:transform .2s cubic-bezier(.2,.7,.2,1);display:block}.theme-btn-dots:hover i:first-child{transform:translateY(-2px)}.theme-btn-dots:hover i:nth-child(3){transform:translateY(-3px)}.theme-btn-dots:hover i:nth-child(5){transform:translateY(-2px)}html[data-theme=dark] .theme-btn-dots i{border-color:#ffffff26}.signin{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:8px 4px;font-family:inherit;font-size:14px;font-weight:500;transition:color .15s;position:relative}.signin:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:4px;left:4px;right:4px;transform:scaleX(0)}.signin:hover{color:var(--send-bg)}.signin:hover:after{transform:scaleX(1)}.signin:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:4px}.cat-tray{opacity:0;pointer-events:none;justify-content:space-between;align-items:center;padding:22px 56px;transition:opacity .25s;display:flex;position:absolute;inset:0}.header.is-categories .cat-tray{opacity:1;pointer-events:auto}.cat-chips{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;opacity:0;background:0 0;border-radius:999px;align-items:center;padding:8px 18px;font-family:inherit;font-size:14px;transition:background .12s,color .12s,border-color .12s,transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s;display:inline-flex;transform:translateY(6px)}.header.is-categories .chip{opacity:1;transform:translateY(0)}.header.is-categories .chip:first-child{transition-delay:60ms}.header.is-categories .chip:nth-child(2){transition-delay:.1s}.header.is-categories .chip:nth-child(3){transition-delay:.14s}.header.is-categories .chip:nth-child(4){transition-delay:.18s}.chip:hover{background:var(--hover);border-color:var(--ink-soft)}.chip.is-active{background:var(--chip-active-bg);border-color:var(--chip-active-bg);color:var(--chip-active-ink)}.close-btn{width:38px;height:38px;color:var(--ink);cursor:pointer;border:1px solid var(--line-strong);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:hover{background:var(--hover)}.close-btn svg path,.modal-close svg path,.bubble-close svg path,.draw-close svg path{transition:stroke-width .15s}.close-btn:hover svg path,.modal-close:hover svg path,.bubble-close:hover svg path,.draw-close:hover svg path{stroke-width:2.6px}.sort-row{color:var(--ink-soft);align-items:center;gap:12px;padding:8px 56px 28px;font-size:13px;transition:opacity .2s;display:flex}@media (max-width:768px){.sort-row{display:none!important}}.header.is-categories~.sort-row{opacity:0;pointer-events:none}.sort-row .chip{opacity:1;padding:6px 14px;font-size:13px;transform:none}.sort-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;font-weight:600}.hero{background:var(--hero-surface);border:1px solid var(--line);border-radius:14px;max-width:720px;margin:60px auto 40px;padding:36px 40px 40px;position:relative}.hero h1{letter-spacing:-.015em;margin:0 0 10px;font-size:34px;font-weight:700;line-height:1.18;transition:font-size .5s cubic-bezier(.25,.46,.45,.94),color .5s,font-weight .45s,margin-bottom .45s,line-height .45s}.hero.is-focused h1{color:var(--ink-mute);margin-bottom:4px;font-size:12px;font-weight:400;line-height:1.4}.hero-sub{color:var(--ink-soft);max-height:40px;margin:0 0 26px;font-size:15px;transition:opacity .4s,max-height .45s,margin-bottom .45s;overflow:hidden}.hero.is-focused .hero-sub{opacity:0;max-height:0;margin-bottom:8px}.compose{align-items:flex-end;gap:16px;display:flex}.compose .cta{flex:1;min-width:0}.send-btn{background:var(--send-bg);width:48px;height:48px;color:var(--send-ink);cursor:pointer;opacity:0;pointer-events:none;box-shadow:0 6px 16px -8px color-mix(in oklab, var(--send-bg) 60%, transparent);border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),background .15s,color .15s;display:inline-flex;transform:scale(.85)}.send-btn.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.send-btn:hover{background:var(--send-bg-hover);transform:scale(1.05)}.send-btn:active{transform:scale(.96)}.prompt-row,.prompt-row.is-hidden{display:none!important}.prompt-row-orig{opacity:0;pointer-events:none;align-items:flex-start;gap:12px;min-height:22px;margin-top:22px;transition:opacity .5s,max-height .35s,margin-top .25s;display:flex}.hero:hover .prompt-row:not(.is-hidden),.hero.is-focused .prompt-row:not(.is-hidden){opacity:1;pointer-events:auto;transition:opacity .3s .4s}.prompt-row.is-hidden{max-height:0;margin-top:0;overflow:hidden;opacity:0!important;pointer-events:none!important;transition:none!important}.prompt-label{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);flex-shrink:0;margin-top:3px;font-size:10.5px;font-weight:600}.prompt-zone{flex:1;position:relative}.prompt-list{flex:1;height:22px;position:relative}.prompt{color:var(--ink-soft);opacity:0;cursor:pointer;text-align:left;pointer-events:none;white-space:nowrap;background:0 0;border:0;padding:0;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:15px;font-style:italic;transition:opacity .45s,transform .45s,color .15s;position:absolute;inset:0;transform:translateY(8px)}.prompt.is-current{opacity:1;pointer-events:auto;transform:translateY(0)}.prompt:hover{color:var(--ink)}.related-pop{opacity:0;pointer-events:none;z-index:10;padding-top:10px;transition:opacity .22s,transform .22s;position:absolute;top:22px;left:0;transform:translateY(2px)}.related-pop.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.related-inner{background:color-mix(in oklab, var(--bg) 92%, white 8%);border:1px solid var(--line-strong);border-radius:12px;min-width:280px;padding:6px;box-shadow:0 8px 24px -8px #00000024}html[data-theme=dark] .related-inner{background:color-mix(in oklab, var(--bg) 86%, white 14%)}.related-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:6px 10px 4px;font-size:9.5px;font-weight:600}.related-item{text-align:left;width:100%;color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:14px;font-style:italic;transition:background .12s,color .12s;display:block}.related-item:hover{background:var(--hover);color:var(--ink)}.compose-bubble{background:var(--hero-surface);width:52px;height:52px;color:var(--ink);border:1px solid var(--line-strong);cursor:pointer;z-index:60;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;transition:opacity .3s,transform .35s cubic-bezier(.2,.7,.2,1),background .15s,border-color .15s,color .15s;display:inline-flex;position:fixed;bottom:28px;right:28px;transform:scale(.82)translateY(12px);box-shadow:0 14px 30px -16px #0003}.compose-bubble.is-visible{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.compose-bubble:hover{background:var(--bg);border-color:var(--ink-soft);transform:scale(1.04)translateY(-2px)}.compose-bubble:active{transform:scale(.97)}.compose-bubble .bubble-badge{background:var(--bg);min-width:22px;height:22px;color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:11px;font-weight:600;display:none;position:absolute;top:-4px;right:-4px}.compose-bubble.has-draft .bubble-badge{display:inline-flex}.compose-bubble.is-expanded{background:var(--bg);width:420px;height:auto;color:var(--ink);border:1px solid var(--line-strong);cursor:default;border-radius:18px;padding:20px 22px 16px;display:block;box-shadow:0 24px 60px -16px #00000047}.compose-bubble.is-expanded:hover{background:var(--bg);transform:scale(1)translateY(0)}.compose-bubble .bubble-collapsed{justify-content:center;align-items:center;display:inline-flex}.compose-bubble.is-expanded .bubble-badge{display:none!important}.bubble-header{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10.5px;font-weight:600;display:flex}.bubble-close{width:24px;height:24px;color:var(--ink-mute);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.bubble-close:hover{background:var(--hover);color:var(--ink)}.bubble-field{color:var(--ink);caret-color:currentColor;white-space:pre-wrap;word-wrap:break-word;outline:none;min-height:140px;max-height:260px;padding:8px 0 12px;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:22px;font-style:italic;line-height:1.35;overflow-y:auto}.bubble-field:empty{caret-color:#0000;color:var(--ink-mute)}.bubble-field:empty:before{content:"Continue"}.bubble-field:empty:after{content:"";background:var(--ink-mute);vertical-align:-4px;width:2px;height:22px;margin-left:3px;animation:1.1s steps(2,end) infinite cta-blink;display:inline-block}.bubble-actions{justify-content:flex-end;margin-top:8px;display:flex}.bubble-send{background:var(--send-bg);width:36px;height:36px;color:var(--send-ink);cursor:pointer;opacity:0;pointer-events:none;border:0;border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,transform .25s,background .15s;display:inline-flex;transform:scale(.85)}.bubble-send.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.bubble-send:hover{background:var(--send-bg-hover)}.prompt-row{position:relative}.templates-pop{background:var(--bg);border:1px solid var(--line-strong);z-index:50;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 12px);left:0;right:0;box-shadow:0 16px 40px -16px #0000002e}.templates-pop.is-open{display:block}.templates-pop-label{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);padding:8px 10px;font-size:10.5px;font-weight:600}.template-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px 14px;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:14.5px;font-style:italic;line-height:1.45;transition:background .12s;display:block}.template-item+.template-item{margin-top:2px}.template-item:hover{background:var(--hover)}.post{position:relative}.reactions{opacity:0;pointer-events:none;align-items:center;gap:4px;transition:opacity .25s,transform .25s;display:inline-flex;position:absolute;top:12px;right:14px;transform:translateY(-2px)}.post:hover .reactions,.post.is-commenting .reactions{opacity:1;pointer-events:auto;transform:translateY(0)}.post:has(.custom-reaction) .reactions{opacity:1;pointer-events:auto;transform:translateY(0)}.post:has(.reaction-trigger.has-count) .reactions{opacity:1;pointer-events:auto;transform:translateY(0)}.post:has(.reaction-trigger.is-active) .reactions{opacity:1;pointer-events:auto;transform:translateY(0)}.reaction-edit,.reaction-trigger{background:var(--bg);border:1px solid var(--line);cursor:pointer;width:32px;height:32px;color:var(--ink-soft);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:background .15s,color .15s,border-color .15s,transform .2s cubic-bezier(.2,.7,.2,1),opacity .2s;display:inline-flex;position:relative}.reaction-edit{opacity:0;background:var(--hover);border:1px dashed var(--line-strong);transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),background .15s,color .15s,border-color .15s,border-style .15s;transform:scale(.6)translate(8px)}.reactions:hover .reaction-edit,.reactions:focus-within .reaction-edit{opacity:1;transition-delay:40ms;transform:scale(1)translate(0)}.reaction-edit:hover{background:var(--bg);color:var(--send-bg);border-color:var(--send-bg);border-style:solid}.reaction-edit svg{width:16px;height:16px;display:block}.reaction-trigger{background:var(--hover);border:0}.reaction-trigger svg{width:16px;height:16px;display:block}.reaction-trigger:hover{color:var(--heart-red);background:color-mix(in oklab, var(--heart-red) 10%, var(--bg));animation:1.1s ease-in-out infinite heart-invite}.reaction-trigger.is-active{color:#fff;background:var(--heart-red);border:0;animation:none}.reaction-trigger.is-active:hover{background:var(--heart-red);animation:none}.reaction-trigger.is-active .heart-fill{opacity:1}.heart-fill{color:#fff;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:inline-flex;position:absolute;inset:0}.heart-fill svg{width:16px;height:16px}@keyframes heart-invite{0%,to{transform:scale(1)rotate(0)}20%{transform:scale(1.06)rotate(-3deg)}40%{transform:scale(1.12)rotate(3deg)}60%{transform:scale(1.08)rotate(-2deg)}80%{transform:scale(1.1)}}@keyframes heart-burst{0%{transform:scale(1)}18%{transform:scale(1.55)}45%{transform:scale(.86)}70%{transform:scale(1.12)}to{transform:scale(1)}}.reaction-trigger.is-bursting{animation:.7s cubic-bezier(.2,.7,.2,1) heart-burst!important}.reaction-trigger .count{background:var(--heart-red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:none;position:absolute;bottom:-7px;right:-4px}.reaction-trigger.has-count .count{display:inline-flex}.custom-reaction{background:var(--bg);border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:32px;height:32px;padding:0;transition:transform .2s,border-color .15s;overflow:hidden}.custom-reaction:hover{border-color:var(--ink-soft);transform:scale(1.08)}.custom-reaction img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.draw-backdrop{background:color-mix(in oklab, var(--ink) 35%, transparent);-webkit-backdrop-filter:blur(8px);z-index:110;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.draw-backdrop.is-open{opacity:1;pointer-events:auto}.draw-modal{background:var(--bg);border:1px solid var(--line);border-radius:18px;width:min(360px,92vw);padding:28px 28px 22px;transition:transform .3s cubic-bezier(.2,.7,.2,1);position:relative;transform:translateY(12px)scale(.97);box-shadow:0 24px 60px -16px #00000047}.draw-backdrop.is-open .draw-modal{transform:translateY(0)scale(1)}.draw-modal h3{letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:700}.draw-modal>p{color:var(--ink-soft);margin:0 0 18px;font-size:13px}.draw-canvas{aspect-ratio:1;border:1px solid var(--line-strong);background:var(--hero-surface);cursor:crosshair;touch-action:none;border-radius:12px;width:100%;display:block}.draw-actions{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.draw-clear,.draw-cancel{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.draw-clear:hover,.draw-cancel:hover{color:var(--ink);background:var(--hover)}.draw-use{background:var(--send-bg);color:var(--send-ink);cursor:pointer;border:0;border-radius:999px;padding:10px 22px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s}.draw-use:hover{background:var(--send-bg-hover)}.draw-close{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:12px;right:12px}.draw-close:hover{background:var(--hover);color:var(--ink)}.post-comment{opacity:0;border-top:0 dashed #0000;max-height:0;margin-top:0;padding-top:0;transition:max-height .35s,opacity .25s,margin-top .25s,padding-top .25s,border-top .2s;overflow:hidden}.post.is-commenting .post-comment{opacity:1;border-top:1px dashed var(--line);max-height:320px;margin-top:14px;padding-top:14px}.post-comment-field{color:var(--ink);caret-color:currentColor;touch-action:manipulation;outline:none;min-height:26px;padding:4px 0;font-size:16px;line-height:1.45}.post-comment-field:empty{caret-color:#0000;color:var(--ink-mute)}.post-comment-field:empty:before{content:"Add a comment…"}.post-comment-actions{justify-content:flex-end;margin-top:6px;display:flex}.comment-send{background:var(--send-bg);width:32px;height:32px;color:var(--send-ink);cursor:pointer;opacity:0;pointer-events:none;border:0;border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,transform .25s,background .15s;display:inline-flex;transform:scale(.85)}.comment-send.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.comment-send:hover{background:var(--send-bg-hover)}.posted-comments{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.posted-comment{color:var(--ink-soft);background:var(--hover);border-radius:8px;padding:6px 10px;font-size:13px;font-style:italic}.cta{color:var(--ink);letter-spacing:-.015em;cursor:text;caret-color:currentColor;white-space:pre-wrap;word-wrap:break-word;background:0 0;border:0;outline:none;min-width:240px;max-width:100%;min-height:42px;padding:4px 2px 4px 0;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:30px;font-style:italic;font-weight:500;line-height:1.25;display:block}.cta:empty{caret-color:#0000}.cta:empty:before{content:"Continue";color:var(--ink-mute);pointer-events:none}.cta:empty:after{content:"";background:var(--ink-mute);vertical-align:-6px;width:2px;height:28px;margin-left:3px;animation:1.1s steps(2,end) infinite cta-blink;display:inline-block}@keyframes cta-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.cta:focus-visible{outline:none}.feed{max-width:720px;margin:0 auto 120px;padding:0 56px}.post+.post{margin-top:18px}.post{border:1px solid var(--line);background:var(--hero-surface);cursor:pointer;border-radius:12px;max-height:800px;padding:22px 26px;transition:border-color .2s,transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .3s,opacity .35s,max-height .45s cubic-bezier(.2,.7,.2,1),padding .35s,margin-top .35s cubic-bezier(.2,.7,.2,1),border-width .35s}.post:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 16px 30px -20px #0003}.post.is-out{opacity:0;pointer-events:none;border-top-width:0;border-bottom-width:0;overflow:hidden;transform:scale(.97);max-height:0!important;margin-top:0!important;padding-top:0!important;padding-bottom:0!important}.post-meta{color:var(--ink-mute);letter-spacing:.02em;margin-bottom:8px;font-size:12px}.post h3{letter-spacing:-.005em;margin:0 0 6px;font-size:18px;font-weight:600;transition:color .2s}.post:hover h3{color:var(--send-bg)}.post .summary{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.5}.post .more{color:var(--ink-soft);opacity:0;max-height:0;margin:0;font-size:14.5px;line-height:1.55;transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .25s,margin-top .25s;overflow:hidden}.post:hover .more{opacity:1;max-height:200px;margin-top:10px}.theme-wrap{position:relative}.theme-pop{background:var(--bg);border:1px solid var(--line-strong);z-index:50;border-radius:14px;min-width:220px;padding:14px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 28px #00000014}.theme-pop.is-open{display:block}.theme-pop-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin:2px 4px 10px;font-size:11px;font-weight:600}.theme-grid{gap:10px;display:flex}.swatch{cursor:pointer;border:1px solid var(--line-strong);border-radius:999px;width:34px;height:34px;padding:0;transition:transform .12s;position:relative}.swatch:hover{transform:scale(1.06)}.swatch.is-active:after{content:"";border:1.5px solid var(--ink);border-radius:999px;position:absolute;inset:-4px}.swatch[data-theme=cream]{background:#f4efe6}.swatch[data-theme=mint]{background:#cfe2c8}.swatch[data-theme=blush]{background:#f3d7d2}.swatch[data-theme=paper]{background:#fff}.swatch[data-theme=dark]{background:#181410;border-color:#3d3328}.swatch-row-labels{color:var(--ink-mute);gap:10px;margin-top:8px;font-size:10.5px;display:flex}.swatch-row-labels span{text-align:center;width:34px;line-height:1.2}.modal-backdrop{background:color-mix(in oklab, var(--ink) 35%, transparent);-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal{background:var(--bg);border:1px solid var(--line);border-radius:18px;width:min(520px,92vw);padding:36px 36px 28px;transition:transform .3s cubic-bezier(.2,.7,.2,1);position:relative;transform:translateY(12px)scale(.97);box-shadow:0 24px 60px -16px #00000040}.modal-backdrop.is-open .modal{transform:translateY(0)scale(1)}.modal h2{letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:700}.modal>p{color:var(--ink-soft);margin:0 0 26px;font-size:14px}.modal-field{margin-bottom:22px;display:block}.modal-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.modal input[type=text]{border:0;border-bottom:1px solid var(--line-strong);width:100%;color:var(--ink);background:0 0;outline:none;padding:8px 0;font-family:inherit;font-size:17px;transition:border-color .15s}.modal input[type=text]:focus{border-bottom-color:var(--brand)}.modal input[type=text]::placeholder{color:var(--ink-mute)}.modal-chips{flex-wrap:wrap;gap:8px;display:flex}.modal-chips .chip{opacity:1;transition:background .12s,color .12s,border-color .12s;transform:none}.modal-actions{justify-content:flex-end;align-items:center;gap:6px;margin-top:28px;display:flex}.modal-cancel{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s}.modal-cancel:hover{color:var(--ink);background:var(--hover)}.modal-publish{background:var(--send-bg);color:var(--send-ink);cursor:pointer;border:0;border-radius:999px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,opacity .15s,color .15s}.modal-publish:hover:not(:disabled){background:var(--send-bg-hover)}.modal-publish:disabled{opacity:.45;cursor:not-allowed}.modal-close{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--hover);color:var(--ink)}
