/* V21: existing green identity; photos lead and settings follow the current task. */
.v21{--ink21:#20372c;--muted21:#627367;--line21:#e4ebe6;--ground21:#f4f7f5;--accent21:#245d44}
.v21 .screen21{padding:0 0 20px;color:var(--ink21)}
.v21 .screen21 p{line-height:1.6}
.v21 .section21{margin:28px 0 0}.v21 .section21:first-child{margin-top:0}
.v21 .heading21{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.v21 .heading21 h2{font-size:17px;line-height:1.4;margin:0}.v21 .heading21 h2 small{font-size:13px;color:var(--muted21)}
.v21 .caption21{font-size:12px;color:var(--muted21);margin:16px 0;line-height:1.6}.v21 .caption21 a{text-decoration:underline;color:var(--accent21)}
/* taste-skill-ignore: existing app list separators distinguish tappable records and private comments. */ .v21 .text-btn{min-height:44px}.v21 .setting-row21{display:flex;align-items:center;gap:12px;min-height:76px;border-bottom:1px solid var(--line21);padding:14px 0;color:var(--ink21)}
.v21 .setting-row21>span:nth-child(2){flex:1;min-width:0}.v21 .setting-row21 b{display:block;font-size:15px;font-weight:600}.v21 .setting-row21 small{display:block;color:var(--muted21);font-size:12px;margin-top:5px;line-height:1.5}.v21 .setting-row21>svg{width:18px;flex-shrink:0}.v21 .row-icon21{width:24px;flex-shrink:0;display:flex;justify-content:center}.v21 .row-icon21 svg{width:21px;height:21px}.v21 .setting-row21 em{font-style:normal;font-size:13px;color:var(--muted21);white-space:nowrap}
.v21 .start21{margin-top:24px}.v21 .creator-intro21{padding-top:10px}.v21 .creator-intro21 h1{font-size:26px;line-height:1.45;letter-spacing:-.02em;margin:24px 0 12px}.v21 .creator-intro21 p{font-size:14px;color:var(--muted21)}.v21 .intro-art21{display:flex;gap:12px;height:156px;overflow:hidden;border-radius:14px}.v21 .intro-art21 .intro-photo21{width:calc(50% - 6px);height:156px;object-fit:cover;object-position:center 30%;border-radius:14px}.v21 .intro-options21{margin-top:18px}.v21 .intro-options21 .setting-row21{min-height:70px}
.v21 .onboard21{padding:30px 0 28px}.v21 .onboard-icon21{display:block;color:var(--accent21);margin-bottom:20px}.v21 .onboard-icon21 svg{width:38px;height:38px}.v21 .onboard21 h1{font-size:25px;line-height:1.4;margin:0 0 12px}.v21 .onboard21 p{font-size:14px;color:var(--muted21);margin:0}.v21 .onboard-strip21{display:flex;align-items:center;gap:12px;padding:16px;background:#eaf1ec;border-radius:12px;margin:18px 0;color:var(--ink21)}.v21 .onboard-strip21>svg{width:22px;flex-shrink:0}.v21 .onboard-strip21>span{flex:1}.v21 .onboard-strip21 b{font-size:14px;display:block}.v21 .onboard-strip21 small{display:block;font-size:12px;color:#4e6756;line-height:1.5;margin-top:5px}.v21 .onboard-strip21 a{font-size:13px;white-space:nowrap}
/* taste-skill-ignore: existing app list separators distinguish tappable records and private comments. */ .v21 .list-summary21{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-size:13px;color:var(--muted21);margin-bottom:12px}.v21 .content-row21{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line21)}.v21 .content-row21>span{flex:1;min-width:0}.v21 .content-row21 b{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.v21 .content-row21 small{display:block;font-size:12px;color:var(--muted21);margin-top:6px}.v21 .content-row21>svg{width:18px}.v21 .status-label21{font-size:12px;color:var(--muted21);font-style:normal;white-space:nowrap}.v21 .fallback21{display:grid;place-items:center;background:#eaf1ec}
.v21 .explain21{padding:16px;background:var(--ground21);border-radius:12px;margin:20px 0}.v21 .explain21 b{font-size:14px}.v21 .explain21 p{font-size:13px;color:var(--muted21);margin:6px 0 0}.v21 fieldset{border:0;padding:0;margin:8px 0 20px;min-width:0}.v21 [hidden]{display:none!important}.v21 .v14-toggle-row{padding:16px 0;min-height:72px}.v21 .v14-toggle-row b{font-size:15px}.v21 .v14-toggle-row small{font-size:12px;line-height:1.6}.v21 .screen21 input,.v21 .screen21 select,.v21 .screen21 textarea{font-size:16px}.v21 .form-actions21{display:flex;gap:12px;margin:24px 0}.v21 .form-actions21>*{flex:1}
/* Two columns: (viewport - 28px outer gutters - 10px gap) / 2; photos carry names. */
/* taste-skill-ignore: neutral photo scrim preserves name and online-status contrast over variable photographs. */ .v21 .creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;padding:0 14px}.v21 .person-card21{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.v21 .person-image21{position:relative;display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#e7ece8}.v21 .person-image21>img{width:100%;height:100%;object-fit:cover;display:block}.v21 .image-caption21{position:absolute;inset:auto 0 0;padding:30px 11px 12px;background:linear-gradient(transparent,rgba(0,0,0,.72));display:flex;align-items:center;justify-content:space-between;gap:5px;color:white}.v21 .image-caption21 b{color:#fff;font-size:17px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v21 .image-caption21>span{font-size:12px;display:flex;align-items:center;gap:4px;white-space:nowrap}.v21 .image-caption21 i{width:5px;height:5px;border-radius:50%;background:#a2efc1}.v21 .clip21{position:absolute;right:9px;top:9px;display:flex;align-items:center;gap:3px;padding:4px 6px;font-size:12px;color:#fff;background:#24392cbd;border-radius:6px}.v21 .clip21 svg{width:12px;height:12px}.v21 .person-line21{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:35px;padding:7px 2px 0;font-size:12px;color:#52675a;white-space:nowrap}.v21 .price21{display:flex;align-items:center;gap:3px}.v21 .price21 svg{width:14px;height:14px}.v21 .price21 b{font-size:13px;color:var(--ink21)}.v21 .price21 small{font-size:12px}.v21 .creator-card .creator-info{display:none}
/* taste-skill-ignore: existing app list separators distinguish tappable records and private comments. */ .v21 .private-comments21{padding:22px 16px 30px;border-top:8px solid var(--ground21);margin:20px -16px 0}.v21 main.flush .private-comments21{margin-left:0;margin-right:0}.v21 .comments-section7{margin:0;padding:0;border:0}.v21 .privacy-line21{display:flex;gap:5px;align-items:center;font-size:12px;line-height:1.6;color:#627367;margin:0 0 18px}.v21 .privacy-line21 svg{width:14px;height:14px;flex-shrink:0}.v21 .private-empty21{font-size:14px;color:var(--muted21);padding:12px 0 22px}.v21 .private-comment21{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid var(--line21)}.v21 .comment-initial21{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf1ec;flex-shrink:0;font-size:14px}.v21 .private-comment21>div:nth-child(2){min-width:0;flex:1}.v21 .private-comment21 b{font-size:13px}.v21 .private-comment21 p{font-size:14px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.v21 .private-comment21 small{font-size:12px;color:var(--muted21)}.v21 .private-comment21 .icon-btn{width:44px;height:44px;flex:0 0 44px}.v21 #private-comment21{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-top:20px}.v21 #private-comment21 textarea{width:100%;resize:vertical;font-size:16px;min-height:88px;border:1px solid #ccd7ce;border-radius:12px;padding:12px;background:#fff;color:var(--ink21)}.v21 #private-comment21 .btn{min-width:112px;height:44px}
/* taste-skill-ignore: existing app list separators distinguish tappable records and private comments. */ .v21 .interaction-row21{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:18px 0;border-bottom:1px solid var(--line21);background:transparent;color:var(--ink21)}.v21 .interaction-icon21{color:#4c6f58;width:32px;height:32px;display:grid;place-items:center;position:relative;flex-shrink:0}.v21 .is-new21 .interaction-icon21:after{content:'';position:absolute;right:0;top:0;width:7px;height:7px;border-radius:50%;background:var(--accent21)}.v21 .interaction-row21>span:nth-child(2){flex:1}.v21 .interaction-row21 b{font-size:14px}.v21 .interaction-row21 p{font-size:14px;margin:4px 0}.v21 .interaction-row21 small{font-size:12px;color:var(--muted21)}.v21 .interaction-row21>svg{width:18px}.v21 .club-detail-image21{width:100%;display:block;border-radius:12px;margin-top:16px}.v21 .club-management-summary21{padding:16px 0 24px}.v21 .club-management-summary21 p{font-size:13px;color:var(--muted21)}.v21 .club-management-summary21 h2{font-size:24px}
.v21 :focus-visible{outline:2px solid #326d50;outline-offset:3px}.v21 ::selection{background:#cfe4d5;color:#20372c}.v21 input,.v21 textarea{caret-color:#245d44}
@media(max-width:374px){.v21 .image-caption21{padding-left:9px;padding-right:9px}.v21 .image-caption21 b{font-size:16px}.v21 .creator-intro21 h1{font-size:24px}.v21 .setting-row21{gap:10px}.v21 .intro-art21{height:136px}.v21 .intro-art21 .intro-photo21{height:136px}}
@media(prefers-reduced-motion:reduce){.v21 *{scroll-behavior:auto!important}}
.v21 .v14-toggle-row input[role="switch"]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 46px;width:46px;height:28px;min-height:28px;border:1px solid #aebeb3;border-radius:18px;margin:0 0 0 12px;padding:0;background:#ccd7ce;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.v21 .v14-toggle-row input[role="switch"]:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .16s ease}
.v21 .v14-toggle-row input[role="switch"]:checked{background:#245d44;border-color:#245d44}.v21 .v14-toggle-row input[role="switch"]:checked:after{transform:translateX(18px)}.v21 .v14-toggle-row input[role="switch"]:disabled{opacity:.45;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.v21 .v14-toggle-row input[role="switch"],.v21 .v14-toggle-row input[role="switch"]:after{transition:none}}