/* Crew refresh v053: stable tabs, compact fallback covers and top notices. */
:root{--crew-head-space:70px;--crew-action-space:0px;--crew-muted:#636b77}
:is(#crew-app,#crew-transition-snapshot){font-size:15px;line-height:1.55;overflow-wrap:break-word;overflow-anchor:none}
:is(#crew-app,#crew-transition-snapshot) .small,:is(#crew-app,#crew-transition-snapshot) .field small{font-size:13px}
:is(#crew-app,#crew-transition-snapshot) .muted{color:var(--crew-muted)}
.crew-detail-header{height:var(--crew-head-space);padding:10px 18px;gap:8px}
.crew-detail-header h1{font-size:18px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--crew-text);text-shadow:none}
.crew-detail-header h1.crew-name{color:var(--crew-text);text-shadow:none}
.crew-detail-header small{font-size:12px;overflow:hidden;text-overflow:ellipsis}
.crew-detail-header .crew-header-actions{display:flex;gap:2px;flex:none}
.crew-detail-header .icon-button{width:44px;min-width:44px;height:44px;padding:0}
.crew-section-tabs{position:sticky;top:var(--crew-head-space);z-index:14;box-shadow:0 2px 5px #1b243006}
.crew-section-tabs a{font-size:15px;min-width:0;padding:14px 8px;min-height:52px}
.crew-overview{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;padding:22px 24px;border-bottom:1px solid var(--crew-line);background:#fff}
.crew-banner-cover,.crew-banner-cover.cover-frame{width:120px;height:120px;aspect-ratio:1!important;border-radius:16px;background:#f1f2f4;min-width:0}
.crew-banner-cover.empty-cover .icon{width:38px;height:38px}
.crew-banner-cover.empty-cover span{display:none}
.crew-overview-copy{min-width:0}
.crew-overview-copy h2{font-size:22px;line-height:1.4;letter-spacing:-.02em;margin:0 0 6px;overflow-wrap:anywhere;color:var(--crew-text)}
.crew-overview-copy p{margin:0 0 12px;color:var(--crew-muted);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.crew-overview-copy .chips{gap:5px}
.crew-overview-copy .tag{font-size:12px;white-space:normal;line-height:1.4}
.crew-home-tools{padding-top:14px;padding-bottom:14px}
.crew-home-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.crew-home-actions .button{min-height:44px;padding:10px 14px;font-size:14px}
.crew-home-feed{gap:26px}
.crew-home-feed .empty{padding:20px 16px;background:#f7f8fa;border:1px solid #eef0f3;border-radius:14px;font-size:14px}
.crew-home-feed .empty strong{font-size:16px;margin-bottom:4px}
.crew-home-feed .empty .button{margin-top:12px;min-height:44px;font-size:14px;padding:8px 14px}
.crew-home-feed .card .cover{max-height:160px}
#home-past .card{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:stretch}
#home-past .card .cover{height:100%;width:92px;aspect-ratio:auto!important;min-height:120px}
#home-past .card .copy{padding:12px;min-width:0}
#home-past .card h3{font-size:17px;line-height:1.5}
#home-past .card .muted{font-size:13px;line-height:1.5}
.home-review-section{margin-top:22px}
.crew-home-feed .section-head{margin-bottom:12px}
.crew-home-feed .home-recent .section-head{margin-top:0}
.crew-home-feed #crew-report{display:inline-flex;gap:6px;align-items:center;margin-top:12px}
.crew-home-feed #crew-report .icon{width:16px;height:16px}
.home-story-meta{flex-wrap:wrap}
.record-summary{padding-top:18px;padding-bottom:12px}
.record-summary>p{margin:0}
.record-summary .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0 4px;min-height:78px}
.record-summary .stats span{font-size:13px}
.record-summary .stats strong{font-size:24px;line-height:1.3}
.record-filter{margin-bottom:18px;min-height:88px}
.record-filter .field{font-size:14px}
.record-filter select{min-height:48px;font-size:16px}
.records-content>#records-body{min-height:190px}
.records-content #records-body[aria-busy=true]{opacity:1;pointer-events:none}
.crew-inline-status{min-height:28px;color:var(--crew-muted);font-size:14px;margin:0 0 10px}
.record-album-group{margin:0 0 24px;padding:18px;border:1px solid var(--crew-line);border-radius:16px;background:#fff}
.record-album-group>.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.5;font-size:17px;overflow-wrap:anywhere}
.record-album-group>.section-title .icon{width:17px;height:17px}
.record-album-group .review:last-child{border-bottom:0;padding-bottom:0}
.record-album-entry{padding-top:12px}
.record-album-entry+.record-album-entry{margin-top:14px;border-top:1px solid var(--crew-line)}
.record-meetup-card{border:1px solid var(--crew-line);border-radius:16px;overflow:hidden}
.record-meetup-card>.card{border:0;border-radius:0}
.record-meetup-actions{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-top:1px solid var(--crew-line);background:#fafbfc}
.record-meetup-actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px 10px;font-size:14px;flex:1;white-space:nowrap}
.record-meetup-actions .icon{width:17px;height:17px}
.record-disclosure{display:flex;gap:8px;font-size:13px;line-height:1.6;color:var(--crew-muted);margin:20px 0 0}
.record-disclosure .icon{color:var(--crew-orange);width:17px;height:17px;margin-top:2px}
#review-form .notice small{display:block;font-size:13px;margin-top:5px;color:var(--crew-muted)}
.member-search{display:grid;gap:12px;margin-bottom:14px}
.member-search .search-row{border:1px solid #dfe2e7;border-radius:12px;overflow:hidden;gap:0}
.member-search .search-input{border:0;min-height:48px;font-size:16px;padding:12px}
.member-search .icon-button{width:48px;flex:none;border-radius:0}
.member-role-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
.member-role-filter select{width:180px;max-width:70%;min-height:48px;border:1px solid #dfe2e7;border-radius:10px;padding:10px 12px;background:#fff;color:var(--crew-text);font-size:16px}
.member-search>p{margin:0;line-height:1.5}
#members{min-height:190px}
#members[aria-busy=true]{opacity:1}
.member-avatar-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none}
#members .profile-row{padding:17px 0}
#members .profile-row .grow{padding:2px 0}
#members .profile-row small{font-size:13px;line-height:1.5}
#members .crew-member-nickname{font-size:15px}
:is(#crew-app,#crew-transition-snapshot) .section-head a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;flex:none;margin-left:8px}
:is(#crew-app,#crew-transition-snapshot) .chip{min-height:44px;font-size:14px}
:is(#crew-app,#crew-transition-snapshot) .board-author time,:is(#crew-app,#crew-transition-snapshot) .board-private,:is(#crew-app,#crew-transition-snapshot) .crew-comment-content time{font-size:13px}
:is(#crew-app,#crew-transition-snapshot) .board-controls{gap:12px}
:is(#crew-app,#crew-transition-snapshot) .board-controls{display:grid;grid-template-columns:minmax(0,1fr) auto}
:is(#crew-app,#crew-transition-snapshot) .board-controls::before{content:"크루 이야기";align-self:center;font-size:17px;font-weight:700}
:is(#crew-app,#crew-transition-snapshot) .board-controls .chip-scroll{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:5px}
:is(#crew-app,#crew-transition-snapshot) .board-controls .chip-scroll .chip{padding:7px 10px;flex:1;justify-content:center}
:is(#crew-app,#crew-transition-snapshot) .board-controls .board-write{grid-column:2;grid-row:1}
:is(#crew-app,#crew-transition-snapshot) .board-controls .chip-scroll{min-width:0}
:is(#crew-app,#crew-transition-snapshot) .board-write{min-height:44px;font-size:14px;white-space:nowrap}
:is(#crew-app,#crew-transition-snapshot) .crew-n{line-height:normal}
.crew-mobile-nav a{min-width:56px;min-height:48px;font-size:12px;justify-content:center}
:is(#crew-app,#crew-transition-snapshot).crew-has-actions{padding-bottom:calc(var(--crew-nav-space) + var(--crew-action-space) + 24px)}
:is(#crew-app,#crew-transition-snapshot)>.bottom-actions{position:fixed;left:var(--crew-content-left,0);width:var(--crew-content-width,100%);bottom:var(--crew-nav-space,0px);padding:12px 18px;background:#fff;border-top:1px solid var(--crew-line);box-shadow:0 -5px 18px #18253608;z-index:16}
:is(#crew-app,#crew-transition-snapshot)>.bottom-actions .button{min-height:48px}
html.crew-keyboard-open :is(#crew-app,#crew-transition-snapshot)>.bottom-actions{visibility:hidden}
html{scroll-padding-top:calc(var(--crew-head-space) + 60px);scroll-padding-bottom:calc(var(--crew-nav-space) + var(--crew-action-space) + 24px)}
.crew-skeleton-list{display:grid;gap:16px;width:100%;min-height:160px;padding:4px 0;text-align:left}
.crew-skeleton-card{display:grid;gap:12px;min-height:150px;border:1px solid #eceef2;border-radius:14px;padding:18px}
.crew-skeleton-card span,.crew-skeleton-card i,.crew-shell-placeholder i{display:block;border-radius:6px;background:#eef0f3;animation:none}
.crew-skeleton-card span{height:62px;width:100%}
.crew-skeleton-card i{height:14px;width:70%}
.crew-skeleton-card i:last-child{width:45%}
.crew-shell-placeholder{height:52px;display:flex;gap:16px;padding:18px;border-bottom:1px solid var(--crew-line)}
.crew-shell-placeholder i{flex:1;height:16px}
/* A calm static loading state; no pulsing or page-wide progress flashes. */
.crew-navigation-status{position:fixed;left:50%;bottom:calc(var(--crew-nav-space,72px) + 16px);transform:translateX(-50%);z-index:40;padding:9px 16px;border:1px solid var(--crew-line);border-radius:12px;background:#fff;color:var(--crew-muted);font-size:13px;box-shadow:0 2px 10px #17202a0c}
.crew-navigation-pending :is(#crew-app,#crew-transition-snapshot)>:not(.crew-head):not(.crew-section-tabs){pointer-events:none}
:is(#crew-app,#crew-transition-snapshot) .empty-cover{min-width:0;overflow:hidden;flex-direction:column;gap:7px;padding:12px;text-align:center}
:is(#crew-app,#crew-transition-snapshot) .empty-cover .icon{width:36px;height:36px;max-width:100%;flex-shrink:0}
:is(#crew-app,#crew-transition-snapshot) .empty-cover>span{max-width:100%;font-size:11px;line-height:1.35;letter-spacing:.06em;overflow-wrap:anywhere}
:is(#crew-app,#crew-transition-snapshot) #home-past .empty-cover{height:100%;min-height:120px;padding:10px;max-height:none}
:is(#crew-app,#crew-transition-snapshot) #home-past .empty-cover .icon{width:32px;height:32px}
:is(#crew-app,#crew-transition-snapshot) #home-past .empty-cover>span{display:none}
#home-past .card{grid-template-columns:80px minmax(0,1fr)}
#home-past .card .cover{width:80px}
:is(#crew-app,#crew-transition-snapshot) .crew-home-notice{margin:16px 18px 0;padding:13px 14px;background:#fff5ef;border:1px solid #f4dfd1;align-items:center;white-space:normal}
.crew-home-notice>.icon{width:20px;height:20px}
.crew-home-notice strong{font-size:13px;color:#a94520}
.crew-home-notice p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--crew-text)}
.notice-open{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;color:#a94520}
.notice-open .icon{width:14px;height:14px}
@media(max-width:800px){:root{--crew-head-space:68px}.crew-overview{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:18px}.crew-banner-cover,.crew-banner-cover.cover-frame{width:96px;height:96px;border-radius:13px}.crew-overview-copy h2{font-size:19px}.crew-overview-copy p{font-size:14px;margin-bottom:8px}.crew-overview-copy .tag{font-size:12px;padding:4px 6px}.crew-detail-header h1{font-size:17px}.crew-home-actions .button{font-size:14px;padding:9px 11px;flex:1}.crew-mobile-nav{padding:6px 4px max(6px,env(safe-area-inset-bottom))}.record-album-group{padding:14px}.crew-home-feed .card .copy{padding:14px}.crew-home-feed .card h3{font-size:18px}.crew-home-feed .home-next{max-width:none}.crew-head:not(.crew-detail-header){height:var(--crew-head-space)}}
@media(max-width:360px){.crew-overview{grid-template-columns:80px minmax(0,1fr);gap:12px}.crew-banner-cover,.crew-banner-cover.cover-frame{width:80px;height:80px}.crew-section-tabs a{padding:14px 5px;font-size:14px}.crew-detail-header{padding-left:10px;padding-right:10px}.crew-home-actions{display:grid;grid-template-columns:1fr 1fr}.crew-home-actions .button:first-child{grid-column:1/-1}.member-role-filter select{width:176px}.record-meetup-actions a{padding:8px 6px;font-size:13px}.record-summary .stats span{font-size:12px}.record-summary .stats{gap:6px}}

.crew-transition-cover{position:fixed;inset:0;z-index:900;overflow:hidden;pointer-events:none;background:transparent}
#crew-transition-snapshot{position:absolute;inset:0;pointer-events:none}
.crew-transition-cover .crew-head,.crew-transition-cover .crew-section-tabs{z-index:2}
.crew-navigation-status{z-index:950}
.crew-navigation-pending #crew-app,.crew-navigation-pending #crew-bottom-nav{pointer-events:none}

/* Discovery filters update the mounted list; reserve status space to avoid jumps. */
.crew-filter-status{min-height:28px;display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:var(--crew-muted)}
.crew-filter-status.has-error{color:#a94520;flex-wrap:wrap}
.crew-filter-status .text-button{min-height:32px;padding:4px 0;white-space:nowrap;color:#a94520;text-decoration:underline}
#crew-cards[aria-busy=true]{opacity:1}

/* v056: refreshing data never dims already visible pictures. */
#crew-app img,.crew-transition-cover canvas{animation:none;transition:none}

/* v067: records use compact controls and content-local counts; no stats header. */
.record-segments{margin:14px 18px 0;padding:4px;gap:4px;border:0;border-radius:12px;background:#f3f4f6;overflow:visible}
.record-segments a{min-height:40px;padding:10px 8px;border:0;border-radius:9px;font-size:14px;line-height:20px}
.record-segments a.selected{background:#fff;color:var(--crew-orange);box-shadow:0 1px 5px #1924320b}
.records-content{padding:18px;background:#fafbfc}
.records-content .record-filter{min-height:0;margin:0 0 18px}
.records-content .record-filter select{min-height:44px;font-size:14px;padding:10px 12px;background:#fff}
.record-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.record-list-heading h2{margin:0;font-size:16px;line-height:1.5}
.record-count{font-size:12px;line-height:1.5;font-weight:400;color:#747b86;font-variant-numeric:tabular-nums;white-space:nowrap}
.record-list-heading .record-count{font-size:12px}
.records-content .cards{gap:18px}
.record-meetup-card{background:#fff;border-radius:14px}
.record-meetup-card .record-cover{aspect-ratio:1.9;width:100%;border-radius:0;object-fit:cover}
.record-meetup-card .record-cover.cover-frame{aspect-ratio:1.9!important}
.record-meetup-card .record-cover.cover-frame img{object-fit:cover!important}
.record-meetup-card .copy{padding:14px 16px}
.record-meetup-card h3{font-size:18px;margin:8px 0;line-height:1.45;overflow-wrap:anywhere}
.record-state{display:inline-block;padding:3px 7px;border-radius:5px;background:#f3f4f6;color:#69717d;font-size:11px;line-height:1.5}
.record-meta{margin:3px 0;font-size:13px;line-height:1.6;color:var(--crew-muted);overflow-wrap:anywhere}
.record-meetup-actions{padding:4px 10px;gap:0;background:#fff;flex-wrap:nowrap}
.record-meetup-actions a{font-size:13px;padding:8px 5px;min-width:0}
.record-meetup-actions a+a{border-left:1px solid var(--crew-line)}
.record-meetup-actions a>.icon:last-child{width:13px;height:13px;margin-left:auto;color:#818793}
.record-meetup-actions a .record-count{font-size:12px}
.records-content .record-album-group{padding:0;margin-bottom:20px;border:0;background:transparent}
.records-content .record-album-group>.section-title{font-size:16px;margin-bottom:12px}
.records-photos .album{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}
.records-photos .album>button{display:block;width:100%;height:auto;aspect-ratio:1;min-width:0;border-radius:10px;overflow:hidden;padding:0}
.records-photos .album>button :is(img,video){width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:0}
.records-photos .record-album-entry{padding:0;margin:0 0 18px}
.records-content .review{margin:0 0 16px;padding:16px!important;border:1px solid var(--crew-line)!important;border-radius:14px;background:#fff}
.records-content .review .avatar{width:32px;height:32px}
.records-content .review .crew-member-nickname{font-size:14px}
.records-content .review>.row{gap:9px}
.records-content .review .muted.small{font-size:12px}
.records-content .review .crew-review-preview>p{font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}
.records-reviews .review .album{display:block;overflow:visible}
.records-reviews .review .album>button{position:relative;display:block;padding:0;width:100%;height:auto;aspect-ratio:1.9;border-radius:10px;overflow:hidden}
.records-reviews .review .album>button :is(img,video){width:100%;height:100%;object-fit:cover;border-radius:0}
.record-media-count{position:absolute;right:8px;bottom:8px;border-radius:5px;background:#15171bbf;color:#fff;font-size:11px;padding:3px 6px}
.record-review-link{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px;min-height:44px;border-top:1px solid var(--crew-line);margin-top:12px}
.record-review-link .icon{width:15px;height:15px}
.records-content .record-disclosure{font-size:12px;margin-top:18px}
.records-content .record-disclosure .icon{color:var(--crew-muted);width:15px;height:15px;flex:none}
:is(#crew-app,#crew-transition-snapshot)>.record-bottom-actions{padding:8px 18px;box-shadow:none}
:is(#crew-app,#crew-transition-snapshot)>.record-bottom-actions .button{min-height:44px;padding:10px 16px;font-size:15px}
@media(min-width:768px){.records-photos .album{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v068: the middle shortcut returns to the main AEMAZON home. */
#crew-bottom-nav>a{min-width:0;flex:1;white-space:nowrap}
#crew-bottom-nav>.crew-main-home{gap:2px;color:var(--crew-orange);font-weight:750}
#crew-bottom-nav>.crew-main-home .crew-nav-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--crew-orange);color:#fff;flex:none}
#crew-bottom-nav>.crew-main-home .icon{width:21px;height:21px;stroke-width:2}
#crew-bottom-nav>.crew-main-home:active .crew-nav-icon{background:#e94e21}
@media(max-width:360px){#crew-bottom-nav>a{font-size:11px}}
