:root{--color-primary:#3223b3;--color-secondary:#7c71f6;--color-primary-light:#ebe9fc;--color-text:#404040;--color-text-muted:gray;--color-border:#d0d0d0;--color-white:#fff;--color-red:#f06;--color-secondary-hover:color-mix(var(--color-secondary) 30%, var(--color-white) 70%);--color-primary-hover:color-mix(var(--color-primary) 80%, var(--color-white) 20%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background-color:var(--color-white);justify-content:center;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;font-size:18px;line-height:1.5;display:flex}button{cursor:pointer}.main-content{width:min(980px,100vw - 40px);min-height:100vh;color:var(--color-text);padding:60px 0}button{min-height:44px;color:var(--color-white);background:var(--color-primary);border:none;border-radius:8px;padding:10px 18px;font-size:16px;font-weight:700;transition:background .2s}@media (any-hover:hover){button:not(:disabled):hover{background:var(--color-primary-hover)}}button:disabled{opacity:.5;cursor:default}button.button-secondary{color:var(--color-primary);background:var(--color-white);border:1px solid var(--color-primary)}@media (any-hover:hover){button.button-secondary:not(:disabled):hover{background:var(--color-secondary-hover)}}.spinner-wrapper{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.spinner{border:2px solid var(--color-secondary);border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.33,1,.68,1) infinite spinner;position:relative;transform:rotate(45deg)}.spinner:before{content:"";background-color:var(--color-white);width:12px;height:12px;position:absolute;top:-2px;left:-2px}@keyframes spinner{0%{rotate:0}to{rotate:360deg}}.toolbar{border-bottom:solid 1px var(--color-border);justify-content:flex-start;padding-bottom:40px;display:flex}.toggle-group{border:none}.toggle-group>legend{margin-bottom:8px;font-weight:700}.toggle-group__buttons{border:1px solid var(--color-border);border-radius:999px;width:fit-content;display:flex}.toggle-group__buttons>.toggle-group__item{width:80px;color:var(--color-text);background:0 0;border:none;border-radius:999px;padding:8px 12px;font-size:16px;transition:background .2s}.toggle-group__buttons>.toggle-group__item.active{background:color-mix(in srgb, var(--color-secondary) 80%, transparent 20%)}@media (any-hover:hover){.toggle-group__buttons>.toggle-group__item:hover{background:color-mix(in srgb, var(--color-secondary) 20%, transparent 80%)}}.number-input,.search-box,.text-input,.select-box{gap:8px;width:100%;display:grid}:is(.number-input,.search-box,.text-input,.select-box)>input{border:1px solid var(--color-border);border-radius:4px;padding:8px;font-size:16px}.select-box__item{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-white);border-radius:4px;padding:8px;font-size:16px}.number-input>input{max-width:100px}.number-input__label,.search-box__label,.text-input__label,.select-box__label{color:var(--color-text);font-size:16px;font-weight:700}.page{grid-template-columns:repeat(2,calc(50% - 20px));gap:40px;display:grid}.page h2{color:var(--color-primary)}.page__section{align-content:start;gap:24px;display:grid}.home{gap:12px;display:grid}.loading-suspense{grid-template:"list profile"120px"list related"1fr/200px 1fr;gap:40px;height:100%;padding:40px;display:grid}.list,.profile,.related{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.list{border-right:1px solid var(--color-border);grid-area:list}.profile{grid-area:profile}.related{grid-area:related}.user-list{gap:12px;width:100%;height:100%;list-style:none;display:grid}button.user-list__button{width:100%;color:var(--color-text);background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:8px;font-size:16px;transition:background .2s;display:flex}@media (any-hover:hover){button.user-list__button:not(:disabled):hover{background:color-mix(var(--color-secondary), transparent 80%)}}.user-list__icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.user-profile{gap:40px;width:100%;height:100%;display:flex}.user-profile__image{object-fit:cover;border-radius:50%;width:120px;height:120px}.related-articles{gap:16px;width:100%;height:100%;display:grid}.related-articles__item{gap:12px;display:grid}.transition{gap:40px;display:grid}.transition__controls{gap:24px;display:grid}.transition__results{grid-template-columns:auto 1fr;column-gap:12px;font-size:20px;display:grid}.transition__results>dt{font-weight:700}.deferred{grid-template-rows:74px 1fr;gap:40px;width:100%;height:100%;display:grid}.deferred__list{justify-content:center;align-items:center;display:flex}.search-results{width:100%;height:100%}.search-results__list{max-height:320px;overflow-y:auto}.search-results__list.is-pending{color:var(--color-text-muted)}.search-results__list-item{align-items:flex-end;gap:8px;display:flex}.search-results__list-team{color:var(--color-text-muted);font-size:14px}.optimistic{background:var(--color-white);width:min(100%,480px);margin-inline:auto}.optimistic-article{border:1px solid var(--color-border);margin-bottom:24px}.optimistic__user{align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:700;display:flex}.optimistic__avatar{object-fit:cover;border-radius:50%}.optimistic__post-image{aspect-ratio:1;object-fit:cover;width:100%;display:block}.optimistic__body{gap:6px;padding:12px;display:grid}.optimistic__controls{align-items:center;gap:8px;display:flex}button.optimistic__like-button{background:0 0;border:0;padding:0;line-height:0}button.optimistic__like-button[aria-pressed=true] img{filter:invert(20%)sepia(95%)saturate(5000%)hue-rotate(335deg)}button.optimistic__like-button:hover{background:0 0}.optimistic__likes{font-size:20px;font-weight:700}.optimistic-labels{gap:8px;display:grid}.optimistic-labels span{color:var(--color-text-muted);font-weight:700}.optimistic-labels span.is-liked{color:var(--color-primary)}.activity{justify-content:center;align-items:center;width:100%;height:100%;min-height:340px;display:flex}.form{border:1px solid var(--color-text-muted);border-radius:16px;align-content:start;gap:24px;width:100%;min-height:340px;padding:40px;display:grid}.preservation{gap:16px;width:100%;height:100%;display:grid}.preservation_buttons{justify-content:center;gap:24px;display:flex}.preservation_buttons>button{min-width:120px}.view-transition{width:100%;min-height:540px;padding:40px}.vt-user-list{grid-template-columns:repeat(2,auto);gap:8px;width:100%;height:auto;list-style:none;display:grid}button.vt-user-list__button{width:100%;min-height:64px;color:var(--color-text);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:16px;transition:background .2s;display:flex}@media (any-hover:hover){button.vt-user-list__button:not(:disabled):hover{background:color-mix(var(--color-secondary), transparent 80%)}}.vt-user-list__image{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.vt-user-list__copy{text-align:left;flex:1;gap:2px;min-width:0;display:grid}.vt-user-list__copy>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vt-user-list__copy>small{color:var(--color-text-muted);font-size:13px}.user-detail__profile{border:1px solid var(--color-border);background:var(--color-white);border-radius:12px;grid-template-columns:120px minmax(0,1fr);gap:40px;padding:32px;display:grid}.user-detail__image{object-fit:cover;border-radius:50%;width:120px;height:120px}.profile-detail{align-content:start;gap:4px;min-width:0;display:grid}.profile-detail__role{color:var(--color-text-muted);font-size:14px}.profile-detail__title{color:var(--color-primary);font-size:26px}.profile-detail__content{gap:12px;margin-top:20px;display:grid}.profile-detail__content>div{gap:2px;display:grid}.profile-detail__content dt{color:var(--color-text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.profile-detail__content dd{overflow-wrap:anywhere}.profile-detail__content a{color:var(--color-primary)}.user-detail{gap:40px;display:grid}@media (width<=900px){.compare-grid,.activity-grid,.optimistic-layout{grid-template-columns:1fr}}@media (width<=600px){.main-content{width:min(100% - 24px,1180px);padding-block:30px 60px}.panel,.view-transition{padding:16px}.profile-card,.report-card{grid-template-columns:1fr}.view-transition__profile{grid-template-columns:1fr;gap:24px;padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}