*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,ul,ol,figure{margin:0}body{min-height:100vh}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{border:0;background:none;padding:0;color:inherit}input,textarea,select{width:100%}:root{--bg: #ffffff;--bg-soft: #ffffff;--paper: rgba(255, 253, 251, .92);--line: rgba(234, 216, 207, .92);--line-strong: rgba(214, 140, 147, .34);--text: #4e3d36;--muted: #8d7569;--pink: #f3d7d8;--pink-strong: #d68c93;--beige: #efdcc8;--cream: #f8efe4;--rose: #f0c3c5;--shadow: 0 14px 28px rgba(118, 86, 70, .08);--panel-bg: linear-gradient(180deg, rgba(255, 253, 251, .94), rgba(255, 247, 242, .96));--panel-border: linear-gradient(120deg, rgba(255, 255, 255, .94), rgba(245, 225, 214, .92) 46%, rgba(239, 206, 211, .94));--control-bg: rgba(248, 239, 232, .92);--control-bg-soft: rgba(249, 240, 232, .74);--control-border: rgba(229, 206, 195, .92);--control-text: #4e3d36;--control-accent-bg: #111111;--control-accent-solid: rgba(17, 17, 17, .92);--control-accent-border: rgba(17, 17, 17, .92);--control-accent-text: #ffffff;--input-bg: rgba(255, 255, 255, .92);--input-border: rgba(220, 197, 185, .96);--surface-soft: rgba(255, 253, 249, .86);--surface-soft-border: rgba(233, 217, 207, .9);--shell-bg: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--page-width: 430px;--bottom-nav-height: 84px}html{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;scrollbar-gutter:stable;background:#fff}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;font-family:Noto Sans JP,sans-serif;color:var(--text);background:#fff;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-icon{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.side-wheel-system{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:16}.app-shell--compose .side-wheel-system,.app-shell--compose .side-wheel,.app-shell--compose .side-wheel__item{pointer-events:none!important}.side-wheel{--wheel-width: clamp(102px, 24vw, 126px);--wheel-height: clamp(300px, 64vw, 408px);--wheel-item-size: clamp(68px, 17vw, 92px);--wheel-scale: .74;--wheel-shift: 48%;--wheel-offset-y: 0px;--wheel-dock-offset: 22px;position:fixed;top:50%;width:var(--wheel-width);height:var(--wheel-height);pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .24s cubic-bezier(.2,.9,.28,1.08)}.side-wheel--left{left:0;transform:translate(calc(-1 * var(--wheel-shift)),calc(-50% + var(--wheel-offset-y))) scale(var(--wheel-scale))}.side-wheel--right{right:0;transform:translate(var(--wheel-shift),calc(-50% + var(--wheel-offset-y))) scale(var(--wheel-scale))}.side-wheel.is-engaged{--wheel-scale: 1;--wheel-shift: 14%}.side-wheel__ghost,.side-wheel__track,.side-wheel__dock,.side-wheel__status{display:none}.side-wheel__arc{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.side-wheel__item{position:absolute;left:var(--slot-x, 50%);top:calc(50% + var(--slot-y, 0px));width:var(--wheel-item-size);height:var(--wheel-item-size);display:grid;place-items:center;gap:6px;padding:12px 8px;border-radius:50%;background:var(--panel-bg) padding-box,linear-gradient(120deg,#ffffff14,#ffffff05) padding-box,var(--panel-border) border-box;border:1px solid transparent;box-shadow:inset 0 1px #ffffff0a,0 16px 30px #00000042;color:var(--text);opacity:var(--slot-opacity, 0);transform:translate(calc(-50% + var(--drag-x, 0px)),calc(-50% + var(--drag-y, 0px))) scale(var(--slot-scale, .72));transition:left .26s cubic-bezier(.2,.96,.24,1.12),top .26s cubic-bezier(.2,.96,.24,1.12),transform .26s cubic-bezier(.2,.96,.24,1.12),opacity .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;pointer-events:auto;z-index:calc(20 - var(--slot-depth, 0));touch-action:none}.side-wheel.is-engaged .side-wheel__item{border-radius:50%}.side-wheel:not(.is-engaged) .side-wheel__item{pointer-events:none}.side-wheel:not(.is-engaged) .side-wheel__item.is-active{pointer-events:auto}.side-wheel__item.is-active{background:linear-gradient(180deg,#fffdfbfa,#fff6f1fa) padding-box,linear-gradient(120deg,#f4d6daf5,#ead6cdeb,#d68c93c7) border-box;border-color:transparent;box-shadow:inset 0 1px #fffc,0 18px 36px #906a5c24;transform:translate(calc(-50% + var(--drag-x, 0px)),calc(-50% + var(--drag-y, 0px))) scale(max(var(--slot-scale, 1),1));cursor:grab}.side-wheel.is-engaged .side-wheel__item.is-active{transform:translate(calc(-50% + var(--drag-x, 0px)),calc(-50% + var(--drag-y, 0px))) scale(1.02)}.side-wheel.is-engaged .side-wheel__item{pointer-events:auto}.side-wheel.is-dragging,.side-wheel.is-dragging .side-wheel__item,.side-wheel__item.is-dragging{transition:none}.side-wheel__item.is-dragging{cursor:grabbing}.side-wheel__item-icon{display:grid;place-items:center;width:28px;height:28px}.side-wheel__item-icon svg{width:100%;height:100%}.side-wheel__item-label{font-size:10px;line-height:1.15;letter-spacing:.02em;text-align:center}.feed-grid{column-count:2;column-gap:0}.feed-grid--single{column-count:1}.feed-grid>*{display:inline-grid;width:100%;margin-bottom:10px;break-inside:avoid}.post-card{display:grid;gap:10px;min-width:0;background:var(--panel-bg) padding-box,linear-gradient(120deg,#ffffff14,#ffffff05) padding-box,var(--panel-border) border-box;border:1px solid transparent;border-radius:0;padding:12px;box-shadow:var(--shadow);overflow:hidden}.post-card__head{display:flex;align-items:center;gap:10px}.avatar,.profile-card__avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#f7dfe1,#f1cfd5);color:#7d5659;font-weight:700}.avatar{width:34px;height:34px;font-size:13px}.avatar-button{flex-shrink:0;padding:0;border:0;cursor:pointer}.avatar__image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar__label{display:grid;place-items:center;width:100%;height:100%}.profile-card__avatar{width:58px;height:58px;font-size:20px}.post-card__author-wrap{min-width:0}.post-card__author,.modal__author{font-size:13px;font-weight:700}.post-card__time,.modal__date,.comment-item__date{font-size:11px;color:var(--muted)}.post-card__image-button{display:block;width:100%;min-width:0;overflow:hidden;border-radius:0}.post-card__image{display:block;width:100%;aspect-ratio:3 / 5;object-fit:cover;background:linear-gradient(180deg,#f7ebe0,#efe1d3)}.post-card--compact{gap:8px;padding:10px}.post-card--compact .post-card__image{aspect-ratio:4 / 3}.post-card--compact .post-card__meta{align-items:flex-start;gap:10px}.post-card--compact .post-card__actions{flex-wrap:wrap}.post-card__caption-row{display:grid;gap:8px}.tag-toggle{display:inline-flex;align-items:center;gap:6px;width:fit-content;min-height:30px;padding:0 11px;border-radius:999px;background:var(--control-bg-soft);color:var(--control-text);font-size:12px;border:1px solid var(--control-border)}.tag-toggle svg{width:14px;height:14px}.post-card__caption,.post-card__tags-empty{font-size:12px;line-height:1.7}.post-card__caption--empty{color:var(--muted)}.post-card__tags{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border-radius:999px;font-size:12px}.chip--soft,.chip--filter{background:var(--control-bg);border:1px solid var(--control-border);color:var(--control-text)}.chip--filter.is-active{background:var(--control-accent-solid);border-color:var(--control-accent-border);color:var(--control-accent-text)}.post-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.post-card__date{font-size:11px;color:var(--muted)}.post-card__actions{display:flex;gap:6px}.icon-button{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 8px;border-radius:999px;background:var(--control-bg-soft);color:var(--muted);font-size:11px;border:1px solid var(--control-border)}.icon-button svg{width:14px;height:14px}.icon-button .feature-icon{width:14px;height:14px}.icon-button.is-active,.button--ghost.is-active{color:var(--control-accent-text);background:var(--control-accent-solid);border-color:var(--control-accent-border)}.field{display:grid;gap:8px}.field__label{font-size:13px;font-weight:700}.field__input,.field__textarea{border:1px solid var(--input-border);border-radius:16px;background:var(--input-bg);color:var(--text);padding:13px 14px}.field__textarea{min-height:110px;resize:vertical}.field__input--search{min-height:52px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:16px;font-weight:700;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.button--primary{background:var(--control-accent-bg);color:var(--control-accent-text);border-color:var(--control-accent-border)}.button--ghost{background:var(--control-bg);color:var(--control-text);border-color:var(--control-border)}.button--full{width:100%}@media (max-width: 360px){.feed-grid{column-count:2}.post-card{padding:10px}}