:root{--bg-base:#F5F7EE;--bg-card:#FFF;--green:#6E9155;--green-soft:#E4EDD8;--clay:#C97F5A;--clay-soft:#F6E6DC;--trust:#A3B58C;--line:#A9BE93;--text-primary:#3A4232;--text-secondary:#87917D;--border:#E0E5D4;--radius-card:16px;--radius-btn:12px;--shadow-card:0 2px 12px rgba(58,66,50,.06);--link-dash:2px dashed #A9BE93;--font-sans:ui-sans-serif,system-ui,"PingFang SC","Hiragino Sans","Apple SD Gothic Neo",sans-serif;--font-serif:Georgia,"Songti SC","Noto Serif SC","Noto Serif JP","Noto Serif KR",serif;--transition-soft:.18s cubic-bezier(.4,0,.2,1)}:root{--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--container-max: 672px;--tap-target: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}button,a,select,input,[role=button],summary{min-height:var(--tap-target)}a{color:var(--color-accent)}.container{max-width:var(--container-max);margin-inline:auto;padding:40px 20px 24px}.site-header{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-start;justify-content:space-between}.title{margin:0;font-size:1.5rem;line-height:1.3}.subtitle{margin:8px 0 0;font-size:.8125rem;color:var(--color-text-muted)}.lang-switch select{font-family:inherit;font-size:1rem;min-height:var(--tap-target);padding:0 12px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.section{margin-top:24px}.card{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card p{margin:0 0 12px}.card p:last-child{margin-bottom:0}.card details{margin-top:12px}.card .btn{margin-top:12px}.user-id{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);margin:4px 0 12px}.grid-demo{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media(min-width:768px){.grid-demo{grid-template-columns:1fr 1fr}}.btn{font-size:.9375rem;padding:10px 16px;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;transition:opacity var(--motion-fast) var(--ease-standard)}.btn:hover{opacity:.88}.pre{font-family:var(--font-mono);font-size:.75rem;line-height:1.6;background:var(--color-code-bg);padding:12px;border-radius:var(--radius-md);overflow-x:auto;margin:12px 0 0}.error{font-size:.8125rem;color:var(--color-danger);margin:12px 0 0}.loading{margin-top:24px;color:var(--color-text-muted)}.footer{margin-top:40px;font-size:.75rem;color:var(--color-text-faint)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.section-title{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--text-primary, #3A4232);line-height:1.5}.muted{color:var(--text-secondary, #87917D)}.privacy-note{font-size:.8125rem;color:var(--text-secondary, #87917D)}.board-notice{font-size:.875rem;color:var(--clay, #C97F5A)}.kind-toggle{display:flex;gap:10px;margin:4px 0 12px}.kind-btn{flex:1;font-size:1rem;padding:12px 16px;border-radius:var(--radius-btn, 12px);border:1px solid var(--border, #E0E5D4);background:var(--bg-card, #FFF);color:var(--text-primary, #3A4232);cursor:pointer;transition:background var(--transition-soft, .18s ease),border-color var(--transition-soft, .18s ease)}.kind-btn.kind-offer.selected{background:var(--green-soft, #E4EDD8);border-color:var(--green, #6E9155);color:var(--green, #6E9155);font-weight:600}.kind-btn.kind-need.selected{background:var(--clay-soft, #F6E6DC);border-color:var(--clay, #C97F5A);color:var(--clay, #C97F5A);font-weight:600}.textarea{font-family:var(--font-sans, system-ui, sans-serif);font-size:1rem;line-height:1.7;color:var(--text-primary, #3A4232);padding:10px 12px;border:1px solid var(--border, #E0E5D4);border-radius:var(--radius-btn, 12px);background:var(--bg-card, #FFF);width:100%}.textarea:focus-visible{outline:2px solid var(--green, #6E9155);outline-offset:1px}.publish-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.char-count{font-size:.8125rem;color:var(--text-secondary, #87917D)}.char-count.tight{color:var(--clay, #C97F5A)}.feed-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.feed-head .section-title{margin-bottom:0}.filter-row{display:flex;gap:8px}.chip{font-size:.8125rem;padding:6px 14px;border-radius:999px;border:1px solid var(--border, #E0E5D4);background:var(--bg-card, #FFF);color:var(--text-secondary, #87917D);cursor:pointer;min-height:36px}.chip.on{background:var(--green-soft, #E4EDD8);border-color:var(--green, #6E9155);color:var(--green, #6E9155)}.feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.entry-card{padding:14px 16px;border:1px solid var(--border, #E0E5D4);border-left:4px solid var(--line, #A9BE93);border-radius:var(--radius-card, 16px);background:var(--bg-card, #FFF);box-shadow:var(--shadow-card, 0 2px 12px rgba(58, 66, 50, .06))}.entry-card.kind-offer{border-left-color:var(--green, #6E9155)}.entry-card.kind-need{border-left-color:var(--clay, #C97F5A)}.entry-card.done{opacity:.62;background:var(--bg-base, #F5F7EE)}.entry-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kind-badge{font-size:.75rem;border-radius:999px;padding:2px 10px;white-space:nowrap}.kind-badge.kind-offer{color:var(--green, #6E9155);background:var(--green-soft, #E4EDD8)}.kind-badge.kind-need{color:var(--clay, #C97F5A);background:var(--clay-soft, #F6E6DC)}.mine-tag{font-size:.75rem;color:var(--trust, #A3B58C);border:1px dashed var(--trust, #A3B58C);border-radius:999px;padding:1px 10px}.thanks-tag{font-size:.75rem;color:var(--bg-card, #FFF);background:var(--trust, #A3B58C);border-radius:999px;padding:2px 10px}.entry-text{margin:8px 0;line-height:1.7;color:var(--text-primary, #3A4232)}.entry-card.done .entry-text.struck{text-decoration:none;color:var(--text-secondary, #87917D)}.entry-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.8125rem;color:var(--text-secondary, #87917D)}.anon-prefix{font-variant-numeric:tabular-nums}.btn-ghost{background:transparent;color:var(--green, #6E9155);border:1px solid var(--border, #E0E5D4)}.btn-ghost:hover{background:var(--green-soft, #E4EDD8);opacity:1}.btn-small{font-size:.8125rem;padding:4px 10px;min-height:34px}.community-toggle{display:flex;gap:8px;margin:18px 0 0}.community-toggle .chip{min-height:36px}.community-panel{margin-top:14px}.community-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.community-input{flex:1 1 160px;min-height:44px;padding:10px 14px;font-family:inherit;font-size:.9375rem;background:transparent;color:inherit;border:1px solid var(--border, #e0ddd4);border-radius:var(--radius-btn, 10px)}.community-team-name{margin:6px 0 10px;font-size:.9375rem}.community-invite{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.community-code{font-size:1.25rem;letter-spacing:.3em;font-weight:600;color:var(--accent, #5f8f5a)}