.user-card{max-width:680px;width:calc(100% - 2em);margin:0 auto 2em;background-color:#ffffff;border:1px solid #ddd8c5;border-radius:14px;box-shadow:0 3px 14px rgba(36,54,96,0.09);padding:1.8em 2em}.user-card-header{border-bottom:2px solid #ddd8c5;padding-bottom:0.8em;margin-bottom:1.2em}.user-card-header h2{font-size:1.5em;font-weight:700;color:#243660;margin:0 0 0.2em}.user-ryakusyou{font-size:0.82em;color:#4a5878}.user-stats{display:flex;align-items:center;gap:0.6em;margin-top:0.6em;padding:0.5em 0.8em;background-color:#f7f4ee;border-radius:8px;width:-moz-fit-content;width:fit-content}.user-stat{display:inline-flex;align-items:baseline;gap:0.25em}.user-stat i{font-size:0.78em;color:#c4a832}.user-stat__num{font-size:1.1em;font-weight:700;color:#243660}.user-stat__label{font-size:0.75em;color:#4a5878}.user-stat-divider{width:1px;height:1.2em;background-color:#ddd8c5;flex-shrink:0}.user-info{margin-bottom:1.2em}.info-row{display:flex;align-items:baseline;padding:0.5em 0;border-bottom:1px solid #e8e5d8}.info-row:last-child{border-bottom:none}.info-label{flex:0 0 7em;font-size:0.82em;font-weight:700;color:#4a5878;letter-spacing:0.04em;white-space:nowrap}.info-value{flex:1;font-size:0.95em;color:#243660;word-break:break-word}.info-value a{color:#c4a832;text-decoration:underline}.info-value a:hover{opacity:0.75}.vibe-row{display:flex;align-items:center;gap:0.5em;word-break:normal;min-width:0}.vibe-col{display:flex;flex-direction:column;gap:0.2em;min-width:0;width:100%}.vibe-row-labels{display:flex;justify-content:space-between}.vibe-label{font-size:0.78em;color:#4a5878;white-space:nowrap}.vibe-slider{flex:1;width:100%;accent-color:#c4a832;cursor:default}.user-annual-groups{margin-bottom:1em}.user-annual-groups-title{font-size:0.78em;font-weight:700;color:#4a5878;letter-spacing:0.05em;margin-bottom:0.5em}.user-annual-groups-title i{color:#c4a832;margin-right:0.3em}.user-annual-groups-empty{font-size:0.85em;color:#4a5878;margin:0}.user-annual-groups-empty a{color:#c4a832}.user-annual-groups-list{display:flex;flex-wrap:wrap;gap:0.5em}.user-annual-groups-item{display:inline-flex;align-items:center;font-size:0.82em;font-weight:600;color:#c4a832;background:rgba(196,168,50,0.1);border-radius:16px;padding:0.3em 0.9em;text-decoration:none}.user-annual-groups-item:hover{background:rgba(196,168,50,0.18)}.user-profile{font-size:0.92em;line-height:1.8;color:#243660;padding:0.8em 0;border-top:1px solid #ddd8c5;border-bottom:1px solid #ddd8c5;margin-bottom:1em}.user-profile a{color:#c4a832;word-break:break-all}.user-profile a:hover{opacity:0.75}.user-links{display:flex;flex-wrap:wrap;gap:0.6em;margin-bottom:0.5em}.user-link{display:inline-flex;align-items:center;gap:0.35em;padding:0.4em 1em;border-radius:20px;font-size:0.82em;font-weight:600;text-decoration:none;border:1px solid #ddd8c5;color:#243660;background-color:#fff;transition:opacity 0.2s, transform 0.1s}.user-link:hover{opacity:0.75;transform:translateY(-1px)}.user-link--twitter{border-color:#1da1f2;color:#1da1f2}.user-link--insta{border-color:#e1306c;color:#e1306c}.user-card-header__name-row h2{margin:0}.user-card-header__title-row{display:flex;align-items:center;justify-content:space-between;gap:0.8em;flex-wrap:wrap}.user-followers{max-width:680px;width:calc(100% - 2em);margin:0 auto 1.5em;background:#ffffff;border:1px solid #ddd8c5;border-radius:12px;padding:1.4em 1.6em;box-shadow:0 2px 8px rgba(36,54,96,0.06)}.user-followers__title{font-size:1em;font-weight:700;color:#243660;margin:0 0 1em;display:flex;align-items:center;gap:0.5em}.user-followers__count{font-size:0.85em;color:#c4a832;font-weight:700;background:rgba(196,168,50,0.1);padding:0.15em 0.7em;border-radius:20px}.user-followers__list{display:flex;flex-wrap:wrap;gap:0.5em 0.8em}.user-followers__item{display:inline-flex;align-items:center;gap:0.4em;font-size:0.88em;color:#243660;background:rgba(36,54,96,0.06);padding:0.3em 0.9em;border-radius:20px;border:1px solid #ddd8c5}.user-followers__item i{color:#4a5878;font-size:0.85em}.user-followers__empty{font-size:0.88em;color:#4a5878;margin:0}.user-card-footer{margin-top:1.2em;padding-top:1em;border-top:1px solid #ddd8c5;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0.6em}.btn-following{display:inline-flex;align-items:center;gap:0.35em;padding:0.42em 1.1em;border:1.5px solid #ddd8c5;border-radius:20px;color:#4a5878;font-size:0.82em;font-weight:600;text-decoration:none;transition:border-color 0.18s, color 0.18s, background 0.18s}.btn-following:hover{border-color:#c4a832;color:#c4a832;background:rgba(196,168,50,0.06)}.btn-edit{display:inline-block;padding:0.45em 1.4em;background-color:#243660;color:#fff !important;font-size:0.85em;font-weight:600;border-radius:20px;text-decoration:none;transition:background-color 0.2s}.btn-edit:hover{background-color:#192542}.user-handle{display:inline-block;font-size:0.8em;color:#4a5878;font-family:'Courier New', monospace;background:rgba(36,54,96,0.06);padding:0.1em 0.5em;border-radius:6px;margin-top:0.15em;letter-spacing:0.03em}.user-qr-modal{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}.user-qr-modal[hidden]{display:none}.user-qr-box{position:relative;width:90%;max-width:280px;padding:1.6em 1.2em 1.2em;background:#fff;border-radius:12px;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,0.2)}.user-qr-box svg{width:160px;height:160px}.user-qr-title{margin:0 0 0.7em;font-size:1em;font-weight:700;color:#243660}.user-qr-actions{display:flex;flex-direction:column;gap:0.5em;margin-top:1em}.user-qr-action-btn{display:flex;align-items:center;justify-content:center;gap:0.5em;width:100%;font-size:0.85em;font-weight:600;color:#243660;background:#f7f4ee;border:1px solid #ddd8c5;border-radius:8px;padding:0.55em 0.8em;cursor:pointer;text-decoration:none;transition:all 0.15s}.user-qr-action-btn:hover{background:#c4a832;border-color:#c4a832;color:#fff}.user-qr-close{position:absolute;top:0.5em;right:0.6em;background:none;border:none;font-size:1.1em;color:#4a5878;cursor:pointer;line-height:1}.user-qr-caption{margin:0.5em 0 0;font-size:0.78em;color:#4a5878}.user-share-btn{display:inline-flex;align-items:center;gap:0.35em;font-size:0.78em;font-weight:600;color:#c4a832;background:#fff;border:1px solid #c4a832;border-radius:14px;padding:0.2em 0.7em;margin-top:0.15em;margin-left:0.4em;cursor:pointer;transition:all 0.15s}.user-share-btn:hover{background:#c4a832;color:#fff}.annual-participation{margin-top:0.6em}.annual-participation-toggle{display:inline-flex;align-items:center;gap:0.5em;font-size:0.82em;font-weight:600;color:#4a5878;background:none;border:none;padding:0;cursor:pointer}.annual-participation-toggle .switch-track{position:relative;display:inline-block;width:2.4em;height:1.4em;background:#ddd8c5;border-radius:1em;transition:background 0.15s;flex-shrink:0}.annual-participation-toggle .switch-track::before{content:"";position:absolute;top:0.15em;left:0.15em;width:1.1em;height:1.1em;background:#fff;border-radius:50%;transition:transform 0.15s;box-shadow:0 1px 2px rgba(0,0,0,0.2)}.annual-participation-toggle.is-active{color:#c4a832}.annual-participation-toggle.is-active .switch-track{background:#c4a832}.annual-participation-toggle.is-active .switch-track::before{transform:translateX(1em)}.annual-participation-note{margin:0.4em 0 0;font-size:0.75em;color:#4a5878}.follow-info-modal{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}.follow-info-modal[hidden]{display:none}.follow-info-box{position:relative;width:90%;max-width:320px;padding:1.6em 1.4em 1.2em;background:#fff;border-radius:12px;text-align:left;box-shadow:0 4px 24px rgba(0,0,0,0.2)}.follow-info-title{margin:0 0 0.8em;font-size:1em;font-weight:700;color:#243660;display:flex;align-items:center;gap:0.4em}.follow-info-title i{color:#c4a832}.follow-info-list{list-style:none;margin:0 0 1.2em;padding:0;display:flex;flex-direction:column;gap:0.7em}.follow-info-list li{display:flex;align-items:flex-start;gap:0.5em;font-size:0.85em;color:#243660;line-height:1.5}.follow-info-list i{color:#c4a832;margin-top:0.2em;flex-shrink:0}.follow-info-ok{display:block;width:100%;font-size:0.85em;font-weight:600;color:#fff;background:#c4a832;border:none;border-radius:8px;padding:0.6em;cursor:pointer;transition:opacity 0.15s}.follow-info-ok:hover{opacity:0.85}.follow-info-close{position:absolute;top:0.5em;right:0.6em;background:none;border:none;font-size:1.1em;color:#4a5878;cursor:pointer;line-height:1}.user-private-block{background:rgba(36,54,96,0.04);border:1px dashed rgba(36,54,96,0.18);border-radius:8px;padding:0.75em 1em;margin-bottom:1em}.user-private-header{display:flex;align-items:center;gap:0.3em;font-size:0.72em;font-weight:700;color:#4a5878;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.45em}.user-private-email{display:flex;align-items:center;gap:0.55em;font-size:0.9em;color:#243660;word-break:break-all}.user-private-email i{color:#c4a832;font-size:0.9em}.user-calendar{max-width:680px;width:calc(100% - 2em);margin:0 auto 2em}.user-section-title{font-size:0.95em;font-weight:700;color:#243660;margin:0 0 0.8em;display:flex;align-items:center;gap:0.4em}.user-section-title i{color:#c4a832}.user-posts{max-width:680px;width:calc(100% - 2em);margin:0 auto 2em}.user-posts-title{font-size:1em;font-weight:700;color:#fff;padding:0.4em 0.8em;background-color:#c4a832;border-radius:6px;margin:0 0 0.6em;display:inline-block}.post-list{background-color:#ffffff;border:1px solid #ddd8c5;border-radius:10px;overflow:hidden;margin-bottom:1.4em}.post-list-item{display:flex;align-items:center;gap:0.8em;padding:0.7em 1em;border-bottom:1px solid #e8e5d8;flex-wrap:wrap}.post-list-item:last-child{border-bottom:none}.post-list-item:hover{background-color:rgba(196,168,50,0.04)}.post-list-date{font-size:0.82em;color:#4a5878;white-space:nowrap;flex:0 0 auto}.post-list-body{flex:1;display:flex;flex-direction:column;min-width:0}.post-list-name{font-size:0.92em;color:#243660;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-list-group{font-size:0.75em;color:#4a5878;margin-top:0.1em}.post-list-link{font-size:0.78em;color:#c4a832;text-decoration:none;border:1px solid #c4a832;border-radius:12px;padding:0.2em 0.7em;white-space:nowrap}.post-list-link:hover{background-color:rgba(196,168,50,0.1)}.user-no-posts{text-align:center;color:#4a5878;font-size:0.9em;padding:2em 0}.user-activity-tabs{max-width:680px;width:calc(100% - 2em);margin:0 auto 1.8em}.user-tab-btns{display:flex;border-bottom:2px solid #ddd8c5;margin-bottom:0;gap:0}.user-tab-btn{display:inline-flex;align-items:center;gap:0.35em;padding:0.6em 1.2em;font-size:0.85em;font-weight:600;color:#4a5878;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color 0.15s}.user-tab-btn--active{color:#c4a832;border-bottom-color:#c4a832}.user-tab-btn:hover:not(.user-tab-btn--active){color:#243660}.user-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;height:1.4em;background:#c4a832;color:#fff;border-radius:99px;font-size:0.72em;font-weight:700;padding:0 0.25em}.user-tab-panel{background:#ffffff;border:1px solid #ddd8c5;border-top:none;border-radius:0 0 8px 8px}.user-tab-empty{text-align:center;color:#4a5878;font-size:0.88em;padding:2em 1em;margin:0}.post-list-more-wrap{text-align:center;padding:0.6em 0 0.8em;background:#ffffff;border:1px solid #ddd8c5;border-top:none;border-radius:0 0 8px 8px}.post-list-more-btn{background:none;border:1px solid #ddd8c5;border-radius:20px;padding:0.4em 1.4em;font-size:0.82em;font-weight:600;color:#4a5878;cursor:pointer;transition:border-color 0.15s, color 0.15s}.post-list-more-btn:hover{border-color:#c4a832;color:#c4a832}@media (max-width: 480px){.user-card{padding:1.2em 1em}.info-label{flex:0 0 7em}.vibe-row{flex-wrap:wrap}}