:root{--pond-deep:#0c2419;--pond:#14402a;--moss:#2d6a4f;--lily:#52b788;--frog:#74c69d;--spring:#b7e4c7;--pad:#e4f2e4;--cream:#f5faf2;--bark:#6f5b43;--clay:#bf5b3d;--gold:#e3b23c;--ink:#10261b;--ink-soft:#075e24;--line:#cfe3d4;--radius:12px;--shadow:0 1px 2px #0c241914, 0 6px 16px #0c24190f;color:var(--ink);background-color:var(--cream);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background-image:radial-gradient(circle at 12% 18%,#52b78824,#0000 42%),radial-gradient(circle at 88% 8%,#74c69d1f,#0000 38%);background-attachment:fixed;min-height:100vh;margin:0}h1,h2,h3{margin:0;line-height:1.2}button,input,textarea{font:inherit;color:inherit}input,textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.6rem .75rem}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--lily);outline-offset:2px}textarea{resize:vertical}button{cursor:pointer;background:0 0;border:none}.primary{background:var(--moss);color:#fff;border-radius:999px;padding:.6rem 1.1rem;font-weight:600;transition:background .12s}.primary:hover:not(:disabled){background:var(--pond)}.primary:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}.ghost{border:1px solid var(--line);color:var(--moss);cursor:pointer;background:#fff;border-radius:999px;padding:.55rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.ghost:hover{border-color:var(--lily);background:var(--pad)}.link{color:var(--moss);text-underline-offset:2px;padding:0;font-size:.9rem;text-decoration:underline}.link:hover{color:var(--pond)}.muted{color:var(--ink-soft);margin:0;font-size:.9rem}.center{text-align:center}.error{color:var(--clay);background:#bf5b3d1a;border-radius:10px;margin:0;padding:.5rem .75rem;font-size:.9rem}.gate{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.gate-card{border:1px solid var(--line);width:100%;max-width:22rem;box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.75rem;display:flex}.gate-head{text-align:center;margin-bottom:.75rem}.gate-frog{font-size:2.5rem;display:block}.gate-card label{color:var(--ink-soft);font-size:.85rem;font-weight:600}.gate-card .primary{margin-top:.75rem}.topbar{z-index:10;background:var(--pond);color:var(--pad);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:.5rem;font-size:1.05rem;text-decoration:none;display:flex}.topbar-user{color:var(--spring);font-size:.9rem;font-weight:600;text-decoration:none}.topbar-user:hover{color:#fff;text-underline-offset:2px;text-decoration:underline}.bell-button.current{color:#fff;background:#b7e4c729}.topbar .whoami{align-items:center;gap:.75rem;display:flex}.topbar .muted,.topbar .link{color:var(--spring)}.topbar .link:hover{color:#fff}.bell{position:relative}.bell-button{width:2.25rem;height:2.25rem;color:var(--spring);border-radius:999px;place-items:center;transition:background .12s,color .12s;display:grid;position:relative}.bell-button:hover,.bell-button[aria-expanded=true]{color:#fff;background:#b7e4c729}.bell-badge{border:2px solid var(--pond);color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#e5484d;border-radius:999px;min-width:1.15rem;height:1.15rem;padding:0 .3rem;font-size:.65rem;font-weight:700;line-height:.85rem;position:absolute;top:.05rem;right:.05rem}.bell-panel{z-index:20;border:1px solid var(--line);border-radius:var(--radius);width:min(23rem,100vw - 2rem);max-height:min(32rem,100vh - 6rem);color:var(--ink);background:#fff;flex-direction:column;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 12px 32px #0c24192e}@media (width<=640px){.bell-panel{top:calc(env(safe-area-inset-top,0px) + 3.75rem);width:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 4.75rem);position:fixed;left:.75rem;right:.75rem}.topbar{gap:.5rem;padding:.6rem .75rem}.topbar .whoami{gap:.4rem}.topbar-user{text-overflow:ellipsis;white-space:nowrap;max-width:6.5rem;overflow:hidden}}.bell-head{border-bottom:1px solid var(--line);color:var(--pond);padding:.75rem 1rem}.bell-empty{padding:1.25rem 1rem}.notice-list{margin:0;padding:0;list-style:none;overflow-y:auto}.notice{border-bottom:1px solid var(--pad);text-align:left;width:100%;color:var(--ink);align-items:flex-start;gap:.7rem;padding:.7rem 1rem;display:flex}.notice:hover{background:var(--cream)}.notice-item{border-bottom:1px solid var(--pad)}.notice-item .notice{border-bottom:none}.notice-item.unread{background:var(--pad)}.notice-item.unread .notice:hover{background:#d8ecd9}.notice-actions{gap:.5rem;padding:0 1rem .7rem 3.7rem;display:flex}.notice-error{margin:0 1rem .7rem 3.7rem}.notice-icon{flex:none;padding-top:.1rem}.notice-icon svg{display:block}.notice-body{flex-direction:column;gap:.1rem;min-width:0;font-size:.875rem;display:flex}.notice-title{font-weight:600}.notice-item.unread .notice-title:before{content:"";background:var(--lily);vertical-align:.1rem;border-radius:999px;width:.45rem;height:.45rem;margin-right:.4rem;display:inline-block}.notice-quote{color:var(--ink-soft);overflow-wrap:anywhere}.notice time{color:var(--ink-soft);font-size:.75rem}.bell-foot{border-top:1px solid var(--line);background:var(--cream);color:var(--ink-soft);padding:.65rem 1rem;font-size:.8rem}.bell-foot .link{font-size:.8rem}@media (width<=640px){.notice{padding:.75rem .85rem}.notice-actions{padding:0 .85rem .75rem 3.55rem}}.post.flash{animation:1.6s ease-out flash}@keyframes flash{0%,30%{box-shadow:0 0 0 3px var(--lily), var(--shadow)}to{box-shadow:var(--shadow)}}a.ghost,a.primary{text-align:center;text-decoration:none}.primary.small,.ghost.small{padding:.35rem .85rem;font-size:.85rem}.ghost:disabled{color:var(--ink-soft);cursor:not-allowed}.ghost:disabled:hover{border-color:var(--line);background:#fff}.muted.small{font-size:.8rem}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:.25rem 0 0;font-size:.8rem}.tabs{border:1px solid var(--line);background:#fff;border-radius:999px;align-self:flex-start;gap:.25rem;padding:.25rem;display:flex}.tab{color:var(--ink-soft);border-radius:999px;padding:.4rem 1rem;font-size:.9rem;font-weight:600}.tab:hover{color:var(--moss)}.tab.active{background:var(--moss);color:#fff}.profile-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.profile-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.profile-name{color:var(--pond);overflow-wrap:anywhere;font-size:1.5rem}.profile-badges{gap:.4rem;display:flex}.profile-counts{gap:1.75rem;margin:0;display:flex}.profile-counts div{flex-direction:column-reverse;display:flex}.profile-counts dt{color:var(--ink-soft);font-size:.8rem}.profile-counts dd{color:var(--pond);font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem;font-weight:700}.profile-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.profile-actions .link.danger{margin-left:auto}.hint{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.request-banner{background:var(--pad);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .8rem;font-size:.9rem;display:flex}.request-banner span{flex:12rem}.confirm.inline{flex:100%}.page-wide{max-width:60rem;margin:0 auto;padding:1.25rem 1rem 2rem}.messages{grid-template-columns:minmax(14rem,18rem) 1fr;gap:1rem;min-height:min(40rem,100vh - 7rem);display:grid}.inbox,.thread-pane{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex;overflow:hidden}.inbox .section-title{border-bottom:1px solid var(--line);margin:0;padding:.9rem 1rem}.inbox-empty,.thread-empty{padding:1rem}.inbox-list{margin:0;padding:0;list-style:none;overflow-y:auto}.inbox-row{border-bottom:1px solid var(--pad);color:var(--ink);flex-direction:column;gap:.15rem;padding:.7rem 2.5rem .7rem 1rem;text-decoration:none;display:flex;position:relative}.inbox-row:hover{background:var(--cream)}.inbox-row.active{background:var(--pad)}.inbox-top{justify-content:space-between;gap:.5rem;font-size:.9rem;display:flex}.inbox-top time{color:var(--ink-soft);font-size:.75rem}.inbox-preview{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.inbox-row.unread .inbox-preview{color:var(--ink);font-weight:600}.inbox-count{background:var(--moss);color:#fff;text-align:center;border-radius:999px;min-width:1.3rem;padding:0 .35rem;font-size:.7rem;font-weight:700;line-height:1.3rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.thread{flex-direction:column;height:100%;min-height:0;display:flex}.thread-head{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.thread-name{color:var(--pond);font-weight:700;text-decoration:none}.thread-name:hover{text-underline-offset:2px;text-decoration:underline}.back-link{display:none}.thread-messages{flex-direction:column;flex:1;gap:.4rem;max-height:min(32rem,100vh - 14rem);margin:0;padding:1rem;list-style:none;display:flex;overflow-y:auto}.bubble{background:var(--pad);border-radius:14px 14px 14px 4px;flex-direction:column;align-self:flex-start;gap:.1rem;max-width:75%;padding:.5rem .75rem;display:flex}.bubble.mine{background:var(--moss);color:#fff;border-radius:14px 14px 4px;align-self:flex-end}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble time{opacity:.7;font-size:.7rem}.thread-end{height:0}.thread-form{border-top:1px solid var(--line);gap:.5rem;padding:.75rem 1rem;display:flex}.thread-form input{flex:1;min-width:0}.thread-locked{border-top:1px solid var(--line);background:var(--cream);padding:.75rem 1rem}@media (width<=640px){.messages{grid-template-columns:1fr}.messages.has-thread .inbox,.messages:not(.has-thread) .thread-pane{display:none}.back-link{display:inline}}.feed{flex-direction:column;gap:1rem;max-width:36rem;margin:0 auto;padding:1.25rem 1rem 4rem;display:flex}.composer{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:.75rem;padding:1rem;transition:border-color .12s,background .12s;display:flex}.composer.dragging{border-color:var(--lily);background:var(--pad);border-style:dashed}.composer-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.preview{align-items:flex-start;gap:.75rem;display:flex}.preview img{border:1px solid var(--line);object-fit:cover;border-radius:10px;max-width:10rem;max-height:10rem}.rejection{border-left:3px solid var(--gold);color:var(--bark);background:#e3b23c1f;border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.9rem}.post{border:1px solid var(--line);border-left:3px solid var(--lily);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.post-head{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.85rem;display:flex}.post-head .author,.comment .author{color:var(--pond);font-weight:700;text-decoration:none}.post-head .author:hover,.comment .author:hover{text-underline-offset:2px;text-decoration:underline}.post-head time{color:var(--ink-soft)}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.post-image{object-fit:contain;background:var(--pad);border-radius:10px;width:100%;max-height:32rem}.image-skeleton{background:linear-gradient(90deg, var(--pad), var(--spring), var(--pad));background-size:200% 100%;border-radius:10px;width:100%;height:12rem;animation:1.4s ease-in-out infinite ripple}@keyframes ripple{0%{background-position:0 0}to{background-position:-200% 0}}.post-foot{display:flex}.badge{background:var(--pad);color:var(--moss);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.post-meta{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.6rem;display:flex}.post-meta .link{font-size:.8rem}.edited{color:var(--ink-soft);font-style:italic}.link.danger{color:var(--clay)}.link.danger:hover{color:#8f3b24}.confirm{background:#bf5b3d14;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.9rem;display:flex}.confirm span{flex:12rem}.danger-button{background:var(--clay);color:#fff;border-radius:999px;padding:.45rem .9rem;font-size:.9rem;font-weight:600}.danger-button:hover:not(:disabled){background:#8f3b24}.confirm .ghost{padding:.45rem .9rem}.edit-form{flex-direction:column;gap:.5rem;display:flex}.edit-actions{justify-content:flex-end;gap:.5rem;display:flex}.reactions-wrap{flex-direction:column;gap:.4rem;display:flex}.reactions{flex-wrap:wrap;gap:.35rem;display:flex}.reaction{border:1px solid var(--line);min-height:2rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .55rem .15rem .3rem;font-size:.8rem;font-weight:700;transition:border-color .12s,background .12s;display:inline-flex}.reaction:hover:not(:disabled){border-color:var(--lily)}.reaction:disabled{cursor:progress}.reaction.mine{border-color:var(--lily);background:var(--pad);color:var(--moss)}.reaction svg{display:block}.reactions{position:relative}.reaction-tip{z-index:5;background:var(--pond-deep);width:max-content;max-width:min(18rem,100%);color:var(--cream);text-align:left;white-space:normal;pointer-events:none;opacity:0;border-radius:8px;flex-direction:column;gap:.1rem;padding:.4rem .6rem;font-size:.8rem;font-weight:400;line-height:1.35;transition:opacity .1s,transform .1s;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;transform:translateY(2px)}.reaction-tip strong{color:var(--spring);font-weight:700}.reaction:hover .reaction-tip,.reaction:focus-visible .reaction-tip{opacity:1;transform:none}.comments{border-top:1px solid var(--line);flex-direction:column;gap:.5rem;padding-top:.6rem;display:flex}.comment-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.comment{flex-wrap:wrap;align-items:baseline;column-gap:.5rem;font-size:.9rem;display:flex}.comment time{color:var(--ink-soft);font-size:.8rem}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere;flex-basis:100%;margin:0}.comment-form{gap:.5rem;display:flex}.comment-form input{flex:1;min-width:0;padding:.45rem .7rem;font-size:.9rem}.comment-form .ghost{white-space:nowrap;padding:.45rem .9rem}.comment-form .ghost:disabled{color:var(--ink-soft);cursor:not-allowed}.error.small{padding:.35rem .6rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){.image-skeleton{animation:none}.reaction-tip{transition:none}.post.flash{box-shadow:0 0 0 3px var(--lily), var(--shadow);animation:none}}