.community-hero{position:relative;margin:12px 0 24px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(125deg,var(--accent-soft),var(--surface) 65%);overflow:hidden}
.community-kicker{font-size:.78rem;font-weight:900;color:var(--accent-ink);letter-spacing:.12em;margin:0 0 10px}
.community-hero h1{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.35;margin:0 0 14px;letter-spacing:-.03em}
.community-hero>p:not(.community-kicker){color:var(--dim);font-size:.94rem;line-height:1.8}
.community-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 10px}
.community-total{font-size:.8rem;font-weight:800;color:var(--dim)}
.community-search{margin:20px 0 16px}
.community-search>label,.community-filters label,.community-label{display:block;font-weight:800;font-size:.86rem}
.community-search>div{display:flex;align-items:stretch;gap:8px;margin-top:8px}
.community-search input{min-width:0;flex:1}
.community-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.community-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.community-filters select{display:block;width:100%;min-height:46px;margin-top:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:10px 12px;font:inherit}
.community-label .txt{display:block;width:100%;margin:8px 0 18px;min-height:46px}
.community-label textarea{min-height:130px;resize:vertical}
.community-status{padding:20px 0;color:var(--dim);font-weight:700}
.personal-card,.personal-empty{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.personal-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.personal-card-head h2{font-size:1.1rem;line-height:1.5}
.personal-card-head .community-kicker{margin-bottom:5px}
.personal-label{font-weight:800;font-size:.86rem;margin:16px 0 8px}
.personal-label small{font-weight:500;color:var(--dim)}
.personal-moods{margin-top:14px}
.personal-moods summary{min-height:44px;padding:12px 0;font-weight:800;font-size:.86rem;cursor:pointer}
.personal-moods .chips{padding-bottom:4px}
.personal-summary{overflow-wrap:anywhere;font-size:.82rem;color:var(--dim);line-height:1.8;margin:14px 0}
.personal-card-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.personal-card-foot>span{font-size:.75rem;color:var(--dim)}
.personal-recommendation{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}
.personal-recommendation ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;flex:1;min-width:180px}
.personal-recommendation li{font-size:.76rem;font-weight:700;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);overflow-wrap:anywhere}
.personal-empty h2{font-size:1.15rem;margin-bottom:10px}
.personal-empty p{font-size:.9rem;line-height:1.8;color:var(--dim)}
.personal-fieldset{border:0;padding:0;margin:20px 0;min-width:0}
.personal-fieldset legend{font-size:.95rem;font-weight:800;margin-bottom:10px}
.personal-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.personal-choices label{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:12px;font-size:.86rem;line-height:1.5;background:var(--surface)}
.personal-choices input{flex:none;width:22px;height:22px;accent-color:var(--accent)}
.personal-community{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.personal-context-status{font-size:.82rem;font-weight:700;line-height:1.8;overflow-wrap:anywhere;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:430px){.personal-card,.personal-empty{padding:16px}.personal-card-head .btn{padding:10px 12px}.personal-card-foot>.btn{width:100%}.personal-recommendation>.btn{width:100%}}
.community-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.community-card>.rcard{width:100%;border:0;border-radius:0;box-shadow:none;flex:1}
.community-card-foot{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--line);font-size:.76rem;font-weight:700;color:var(--dim)}
.community-card-foot>span{flex:none}
.community-public-link{display:block;padding:8px 12px;min-height:28px;font-size:.75rem;font-weight:700;color:var(--dim);text-decoration:none;border-top:1px solid var(--line)}
.community-public-link:hover{color:var(--accent-ink);background:var(--accent-soft)}
.community-author{display:inline-flex;gap:8px;align-items:center;min-height:44px;min-width:0;text-align:left;color:var(--text);font-weight:800;font-size:.84rem;overflow-wrap:anywhere}
.community-avatar{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;line-height:1;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:16px;font-weight:900}
.community-avatar.large{width:64px;height:64px;font-size:30px}
.community-invite,.community-publish-card{display:flex;align-items:flex-start;gap:18px;border:1px solid var(--line);border-radius:20px;padding:20px;background:var(--surface)}
.community-invite-art{display:grid;place-items:center;flex:none;width:64px;height:64px;font-size:34px;line-height:1;border-radius:18px;background:var(--accent-soft)}
.community-invite p,.community-publish-card p{font-size:.86rem;color:var(--dim);line-height:1.8;margin:8px 0 12px}
.community-publish-card{margin:24px 0}
.community-generation-choice{padding:6px 16px;border:1px solid var(--line);border-radius:16px;margin:12px 0;background:var(--surface)}
.community-generation-choice .community-footnote{margin-top:0}
.community-publish-card h2{font-size:1rem;line-height:1.5}
.community-detail{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.community-detail-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.community-detail-head>span,.community-comment-tag{font-size:.75rem;font-weight:700;color:var(--dim)}
.community-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.community-section-title{font-size:1.08rem;margin:24px 0 14px}
.community-comment{border-top:1px solid var(--line);padding:14px 0}
.community-comment>div{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.community-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.93rem;line-height:1.8;margin:8px 0}
.community-comment small{color:var(--dim)}
.community-comment .btn-ghost{font-size:.78rem;min-height:44px}
.community-footnote{font-size:.79rem;line-height:1.8;color:var(--dim);margin:14px 0;overflow-wrap:anywhere}
.community-check{display:flex;gap:10px;align-items:flex-start;padding:14px 0;line-height:1.8;font-size:.88rem;font-weight:700}
.community-check input{flex:none;width:24px;height:24px;margin-top:3px;accent-color:var(--accent)}
.community-preview{list-style:none;margin:12px 0;padding:0;border-top:1px solid var(--line)}
.community-preview li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.community-profile{text-align:center;padding:30px 16px;margin:12px 0 20px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.community-profile h1{font-size:1.5rem;margin:14px 0 10px;overflow-wrap:anywhere}
.community-profile>p{line-height:1.8;white-space:pre-wrap}
.community-profile>.btn{margin-top:12px}
.community-mine{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.88rem;padding:6px 0}
.community-mine span{min-width:0;overflow-wrap:anywhere}
.nav .nav-in{grid-template-columns:repeat(6,minmax(0,1fr))}
.nav .nav-btn span{font-size:.72rem;line-height:1.25}
@media(max-width:430px){.topbar .topbar-in{gap:4px}.topbar .brand{font-size:.94rem;gap:8px;white-space:nowrap}.topbar .brand small{white-space:nowrap}.topbar .icon-btn{width:44px;height:44px}.topbar .icon-btn[data-act="theme"]{display:none}}
#app .view button.more,#app button.txt-link,#app a.lnk{display:inline-flex;align-items:center;min-height:44px}
.community-discussion-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.community-discussion-head .community-section-title{margin:16px 0}
.nav-in>.nav-btn{flex:1;min-width:0}
.community-public{margin:0;background:#fbf7f1;color:#32271f;font-family:system-ui,'Noto Sans JP',sans-serif;line-height:1.8}
.community-public main{max-width:720px;margin:auto;padding:20px 16px 60px}
.public-brand{display:inline-block;font-weight:900;color:#8f371b;text-decoration:none;margin:0 0 20px;padding:8px 0}
.community-public article{padding:clamp(20px,5vw,40px);background:white;border:1px solid #e5dace;border-radius:24px}
.public-emoji{display:grid;place-items:center;width:100px;height:100px;border-radius:24px;background:#fff0df;font-size:54px;line-height:1}
.public-kicker{font-size:.82rem;font-weight:800;color:#8f371b;margin:20px 0 8px}
.community-public h1{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.45;margin:8px 0;overflow-wrap:anywhere}
.community-public h2{font-size:1.3rem;margin-top:32px}
.community-public h3{font-size:1.04rem}
.community-public p{white-space:pre-wrap;overflow-wrap:anywhere}
.public-cta{display:inline-block;background:#b74420;color:white;font-weight:900;text-decoration:none;border-radius:14px;padding:14px 18px;margin:16px 0;min-height:20px}
.public-note{font-size:.83rem;color:#66564a;background:#fbf7f1;padding:14px;border-radius:12px}
.community-public ul{list-style:none;padding:0}
.community-public ul>li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5dace}
.community-public ol{padding-left:24px}
.community-public ol>li{padding:4px 0 14px}
@media(max-width:430px){.community-hero{padding:22px 18px}.community-hero-actions>.btn{flex:1;font-size:.83rem;white-space:normal}.community-tabs{gap:6px}.community-tabs .chip{font-size:.78rem;padding:10px}.community-detail{padding:16px}.community-card-foot{padding:6px 10px}.community-card-foot .community-author{font-size:.75rem}.community-card-foot .community-avatar{width:28px;height:28px;font-size:14px}.community-invite,.community-publish-card{padding:16px;gap:12px}.community-invite-art,.community-publish-card>.community-avatar{width:48px;height:48px;font-size:26px}.nav-btn span{font-size:.65rem}}
@media(prefers-color-scheme:dark){.community-public{background:#201b17;color:#f2e8dd}.community-public article{background:#2c251e;border-color:#655646}.public-note{background:#201b17;color:#d2c1ae}.public-brand,.public-kicker{color:#ffab80}.community-public ul>li{border-color:#655646}}
.seg.spice-options{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.seg.spice-options button{min-width:0;padding:8px 4px;flex-direction:column;gap:6px;white-space:normal;font-size:.78rem}
.spice-options button span:first-child{font-size:1.2rem;line-height:1}