*{box-sizing:border-box}body{margin:0;background-color:#fff5eb;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#333;padding-bottom:64px}a{color:inherit;text-decoration:none}.post-wrapper,.type-wrapper{max-width:520px;margin:1.5rem auto;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 3px 10px #0000001a}.post-wrapper h2,.type-wrapper h2{text-align:center;margin-bottom:1.2rem}.post-item{display:flex;flex-direction:column}.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.post-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000001f}.post-image{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;background:#e5e7eb;display:block}.post-image.no-image{display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#777}.post-body{padding:1rem;display:flex;flex-direction:column;flex:1}.post-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;font-size:.8rem;color:#666;margin-bottom:.6rem}.difficulty{white-space:nowrap}.star{color:#fbbf24}.post-title{line-height:1.45;height:4.35em;display:flex;align-items:center;margin:.3rem 0 0}.post-title-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.post-text{font-size:.88rem;line-height:1.6;color:#555;margin-bottom:1rem}.post-author{display:flex;align-items:center;margin-bottom:.6rem}.author-link{display:inline-flex;align-items:center;gap:6px;color:#1f6f43;font-weight:600;text-decoration:underline}.author-icon-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#777;transition:color .2s ease,background .2s ease}.author-icon-link:hover{color:#145232;background:#eef6f1}.author-icon-link:focus-visible{outline:2px solid #9dc5e4;outline-offset:2px;border-radius:50%}.author-icon-circle{width:40px;height:40px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#eee}.author-icon-circle i.user-icon{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#777}.author-icon-circle{border-radius:50%;background:#f3f4f6}.author-icon-circle i{font-size:.9rem;color:#777}.author-icon-circle{border-radius:50%;background:#f3f4f6;transition:background .2s ease,transform .15s ease}.author-link:hover .author-icon-circle{background:#eef6f1;transform:translateY(-1px)}.author-name{transition:color .2s ease}.author-link:hover .author-name{color:#1f6f43}.user-icon-link{display:inline-flex;width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-icon{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.user-icon-link:hover .user-icon{opacity:.85}.user-icon-link:focus-visible{outline:3px solid #9dc5e4;outline-offset:2px;border-radius:50%}.user-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:1rem}.user-text{min-width:120px;font-size:.75rem;line-height:1.4;word-break:break-word}.user-text span{display:block}.post-actions{margin-top:auto;display:flex;justify-content:flex-end}.btn-detail{background:#9dc5e4;color:#fff;font-size:.85rem;padding:.45rem 1rem;border-radius:8px;transition:opacity .2s ease}.btn-detail:hover{opacity:.85}.pagination-wrapper{margin-top:2rem;display:flex;justify-content:center}.pagination-wrapper ul.pagination{gap:.4rem}.pagination-wrapper .page-link{border-radius:8px;font-size:.85rem}.type-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.type-item a{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;background:#f9fafb;border-radius:14px;transition:background .2s ease,transform .2s ease}.type-item a:hover{background:#e5e7eb;transform:translate(4px)}.type-count{font-size:.8rem;background:#e5e7eb;padding:2px 8px;border-radius:10px}.type-item a:hover .type-count{background:#d1d5db}.stars{color:#fbbf24;letter-spacing:2px;font-size:1.05rem}.no-posts{text-align:center;color:#666;margin-top:2rem}.post-wrapper .post-content{margin-bottom:1.2rem}.categories{display:flex;flex-wrap:wrap;gap:.4rem}.category{display:inline-block;padding:.25rem .6rem;font-size:.75rem;background:#eef6f1;color:#2f7a4f;border-radius:999px;border:1px solid #cde6d8;transition:background .2s ease,color .2s ease,transform .1s ease;cursor:pointer}.category:hover{background:#2f7a4f;color:#fff;transform:translateY(-1px)}.category:focus-visible{outline:2px solid #2f7a4f;outline-offset:2px}.btn-edit{margin-left:8px;padding:6px 12px;background:#e5e7eb;color:#000;border-radius:4px;text-decoration:none}.btn-edit:hover{background:#ec971f}.btn-back{margin-left:8px;padding:6px 12px;background:#f0ad4e;color:#fff;border-radius:4px;text-decoration:none}.btn-back:hover{background:#ec971f}.category-label{width:100%}.tag-input-wrapper{position:relative;display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .6rem;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}#tag-input{border:none;outline:none;background:transparent;font-size:.8rem;min-width:120px;flex:1}.tag-item{display:inline-flex;align-items:center;gap:4px;padding:.25rem .6rem;font-size:.75rem;background:#eef6f1;color:#2f7a4f;border-radius:999px;border:1px solid #cde6d8}.tag-remove{font-size:.85rem;cursor:pointer;color:#2f7a4f;line-height:1;margin-left:2px}.tag-remove:hover{color:#fff}.tag-item:hover{background:#2f7a4f;color:#fff}.tag-input-wrapper:focus-within{outline:2px solid #9dc5e4;outline-offset:2px}.tag-suggest{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px;z-index:10;box-shadow:0 4px 10px #00000014}.tag-suggest-item{padding:6px 10px;font-size:.75rem;cursor:pointer}.tag-suggest-item:hover{background:#eef6f1}.tag-item.dragging{opacity:.4}#tag-input:disabled{opacity:.6;cursor:not-allowed}.post-reactions{display:flex;align-items:center;gap:10px;margin-top:.4rem}.reaction-form{display:inline}.reaction-btn,.reaction-count{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;padding:4px 8px;border-radius:999px;background:#f9fafb;border:1px solid #e5e7eb;color:#666;transition:background .2s ease,color .2s ease,transform .1s ease,box-shadow .1s ease}.reaction-btn{border:none;cursor:pointer}.reaction-btn:hover{background:#eef6f1;color:#2f7a4f;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.reaction-btn.like.active{background:#ffecec;color:#e74c3c;border-color:#f5c2c7}.reaction-btn.bookmark.active{background:#fff6dc;color:#f1c40f;border-color:#f6e3a1}.reaction-btn:active{transform:translateY(0);box-shadow:none}.reaction-btn:focus-visible{outline:2px solid #9dc5e4;outline-offset:2px}.creator-profile{display:flex;align-items:center;gap:12px;margin:1rem 0}.creator-profile-image{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:#f3f4f6}.creator-profile-text{font-size:.85rem;line-height:1.6;color:#444}.post-meta-outside{padding:.1rem .8rem .8rem;display:flex;flex-direction:column;gap:.1rem}