/* THESIS: six earned exploration paths, not invented progress or personality scores.
 * OWN-WORLD: dawn woodland, pearl glass, silver/champagne/gold optical medallions.
 * STORY: see a next milestone, submit a real search, meet mutually curious people.
 * FIRST VIEW: six category medals on Collection; frequency chart and opt-in on Peers.
 * FORM: approved extension, no new categories or replacement visual identity.
 */
.achievement-shelf,.interest-panel,.match-empty,.invitation-list {
  background:var(--glass-panel); backdrop-filter:blur(26px) saturate(135%);
  -webkit-backdrop-filter:blur(26px) saturate(135%); border:1px solid #ffffffcf;
  border-radius:24px; box-shadow:var(--glass-depth); padding:30px; margin:0 0 32px;
  color:#233f52;
}
.achievement-heading,.interest-heading { display:flex; align-items:start; justify-content:space-between; gap:24px; margin-bottom:26px; }
.achievement-heading h2,.interest-heading h2 { font:600 30px/1.45 'Songti SC',serif; margin:10px 0; color:#18394f; }
.achievement-heading p,.interest-heading p { font-size:14px; line-height:1.8; margin:0; color:#415a68; }
.achievement-heading button { flex-shrink:0; }
.achievement-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.achievement-card { position:relative; padding:22px; border-radius:18px; background:linear-gradient(135deg,#fffdf876,#edf3ef30); box-shadow:inset 0 1px 0 #ffffffcf,0 6px 16px #354e5110; min-width:0; }
.achievement-top { display:flex; align-items:center; gap:16px; }
.achievement-top > span:last-child { font-size:13px; color:#345568; }
.achievement-top small { display:block; margin-top:7px; font-size:11px; color:#536872; }
.explorer-badge { --metal:#bbcfd5; --deep:#698596; display:inline-grid; place-items:center; width:84px; height:94px; position:relative; flex-shrink:0; filter:drop-shadow(0 6px 5px #34536524); }
.badge-cut { position:absolute; inset:5px 5px 13px; clip-path:polygon(50% 0,91% 23%,100% 66%,50% 100%,0 66%,9% 23%); background:linear-gradient(135deg,#fffffff2 4%,var(--metal) 28%,#fffdf3 46%,var(--deep) 74%,#eef5ef); }
.badge-cut::after { content:''; position:absolute; inset:3px; clip-path:inherit; background:linear-gradient(125deg,#fcfffbbb,#e2eefb63 48%,#c3d2d447); box-shadow:inset 0 0 14px #ffffff9c; }
.badge-core { display:grid; place-items:center; width:48px; height:50px; position:relative; z-index:1; margin-top:-10px; border-radius:14px; background:linear-gradient(145deg,#ffffffba,#ccdee855); box-shadow:inset 0 1px 2px #fff,0 3px 5px #38536424; color:#285576; transform:rotate(-5deg); }
.badge-core .icon { width:29px; height:29px; transform:rotate(5deg); stroke-width:1.5; }
.explorer-badge > i { position:absolute; bottom:1px; z-index:2; font:600 11px/1.5 Georgia,serif; min-width:30px; padding:1px 7px; text-align:center; border-radius:8px; color:#2e4d61; background:#f3f8f3d9; box-shadow:inset 0 1px 0 #fff,0 2px 5px #243f5224; }
.tier-1 { --metal:#dcb778; --deep:#9f6e2e; }
.tier-1 .badge-core { background:linear-gradient(145deg,#fff3d6d9,#ead3a96e); color:#795529; }
.tier-2 { --metal:#e3bf5f; --deep:#8f681c; }
.tier-2 .badge-core { background:linear-gradient(145deg,#fffbe3ed,#e6bc6880); color:#775112; box-shadow:inset 0 1px 3px #fff,0 3px 8px #9b792d36; transform:rotate(0); }
.tier-2 .badge-cut { inset:0 1px 10px; }
.tier-locked { opacity:.74; --metal:#c6d1cd; --deep:#8c9d9f; }
.tier-locked .badge-core { color:#617b86; }
.explorer-badge.small { width:54px; height:64px; }
.explorer-badge.small .badge-core { width:32px; height:34px; border-radius:10px; }
.explorer-badge.small .badge-core .icon { width:21px; height:21px; }
.explorer-badge.small > i { font-size:9px; }
.achievement-card h3 { font-size:19px; font-weight:650; margin:16px 0 12px; letter-spacing:.02em; }
.achievement-card h3 small { font-family:Georgia,serif; font-weight:400; }
.achievement-card > p { font-size:12px; color:#435e6c; margin:0 0 10px; }
.achievement-card > p strong { font:500 28px/1.2 Georgia,serif; color:#233e50; margin-right:4px; }
.achievement-card progress { appearance:none; display:block; border:0; width:100%; height:5px; border-radius:4px; overflow:hidden; background:#acbfb83d; }
.achievement-card progress::-webkit-progress-bar { background:#acbfb83d; }
.achievement-card progress::-webkit-progress-value { background:linear-gradient(90deg,#7395a4,#cbb578); border-radius:4px; }
.achievement-card progress::-moz-progress-bar { background:#8ba5a9; }
.achievement-next { font-size:12px; color:#3b5869; line-height:1.7; margin:10px 0 16px; min-height:22px; }
.achievement-card details { font-size:12px; line-height:1.8; margin-bottom:14px; }
.achievement-card summary,.matching-rules summary { cursor:pointer; color:#355b71; }
.achievement-card ol { list-style:none; padding:0; margin:12px 0; }
.achievement-card li { padding:6px 0; color:#526976; }
.achievement-card li span { display:inline-block; width:62px; }
.achievement-card li.earned { color:#765823; }
.achievement-note { display:flex; align-items:start; gap:8px; margin-top:22px; font-size:12px; line-height:1.8; color:#476170; }
.achievement-note .icon { flex-shrink:0; margin-top:2px; }
.progress-error { color:#8a3e2d; line-height:1.8; }
.interest-layout { display:grid; grid-template-columns:1.15fr 1fr; gap:40px; }
.interest-chart-head { display:flex; justify-content:space-between; gap:14px; margin:7px 0 24px; font-size:14px; }
.interest-chart-head span { font-size:12px; color:#486371; }
.interest-row { display:grid; grid-template-columns:90px minmax(0,1fr) 52px; align-items:center; gap:14px; margin:18px 0; font-size:13px; }
.interest-row > strong { font-variant-numeric:tabular-nums; text-align:right; }
.interest-row small { font-weight:400; color:#526a78; }
.interest-track { height:8px; background:#9eb5b630; border-radius:5px; overflow:hidden; }
.interest-track i { display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,#728e99,#b9bb9c); }
.interest-caption,.interest-identity p { font-size:12px; line-height:1.9; color:#405e6e; }
.interest-identity { padding-left:30px; border-left:1px solid #8ba4a23b; }
.interest-identity-top { display:flex; align-items:center; gap:16px; margin-bottom:22px; }
.interest-identity-top > .icon { width:38px; height:38px; color:#567889; }
.interest-identity-top strong { font-size:18px; }
.interest-identity-top small { display:block; margin-top:7px; color:#456373; font-size:12px; }
.interest-identity label { font-size:12px; }
.explorer-name-field { display:flex; gap:10px; margin:9px 0 22px; }
#explorer-name { width:100%; min-width:0; padding:10px 12px; border:1px solid #97aeb57a; background:#fffdf590; border-radius:10px; color:#214557; font:inherit; }
#explorer-name:focus-visible { outline:2px solid #376b8b; outline-offset:2px; }
.explorer-name-field button { flex-shrink:0; }
.match-switch { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.match-switch small { display:block; font-size:11px; line-height:1.8; margin-top:6px; color:#456373; }
.match-switch .toggle { flex-shrink:0; }
.matching-rules { border-top:1px solid #8ba4a23b; margin-top:28px; padding-top:20px; font-size:13px; line-height:1.9; }
.matching-rules p { max-width:78ch; color:#405c6e; }
.real-matches { margin:36px 0; }
.match-empty { padding:32px; }
.match-empty h3 { font:500 24px/1.6 'Songti SC',serif; margin:0 0 10px; }
.match-empty p { color:#466172; font-size:14px; line-height:1.8; }
.real-peer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.real-peer { padding:24px; border-radius:20px; background:var(--glass-panel); backdrop-filter:blur(24px); box-shadow:var(--glass-depth); color:#294b5d; }
.real-peer header { display:flex; gap:14px; align-items:center; }
.real-peer header > strong { margin-left:auto; font:500 30px/1.3 Georgia,serif; }
.real-peer header > strong small { display:block; font:400 11px/1.6 system-ui; }
.real-peer h3 { margin:0 0 5px; font-size:18px; }
.real-peer small,.real-peer p,.real-peer details { font-size:12px; line-height:1.9; }
.real-peer button { margin-top:20px; }
.real-peer summary { cursor:pointer; }
.invitation-list h2 { font-size:22px; }
.invitation-list article { display:flex; align-items:center; gap:14px; padding:18px 0; border-bottom:1px solid #8ba4a23b; }
.invitation-list article > div { flex:1; }
.invitation-list p { font-size:13px; color:#415e70; }
.legacy-peers { margin:36px 0; }
.legacy-peers > summary { color:#466173; cursor:pointer; font-size:13px; }
#library-search-form { display:flex; gap:12px; align-items:stretch; }
#library-search-form .library-search-field { flex:1; min-width:0; margin:0; }
#library-search-form input { min-width:0; }
#library-search-form button { flex-shrink:0; padding:12px 20px; }
#search-count-feedback { font-size:12px; line-height:1.8; color:#426073; margin:12px 0 20px; }
@media(max-width:1000px) { .achievement-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .interest-layout{gap:22px;} .interest-identity{padding-left:22px;} }
@media(max-width:760px) {
  .achievement-shelf,.interest-panel,.match-empty,.invitation-list {padding:22px 18px;border-radius:20px;}
  .achievement-heading,.interest-heading {flex-wrap:wrap;gap:14px;}
  .achievement-heading h2,.interest-heading h2 {font-size:25px;}
  .achievement-grid {gap:12px;}
  .achievement-card {padding:15px 12px;}
  .achievement-top {flex-direction:column;align-items:flex-start;gap:10px;}
  .achievement-card h3 {font-size:16px;line-height:1.5;min-height:48px;}
  .achievement-card > button {font-size:12px;min-height:44px;white-space:normal;}
  .achievement-top small {display:none;}
  .achievement-card .explorer-badge {width:66px;height:76px;}
  .achievement-next {min-height:42px;}
  .interest-layout,.real-peer-grid {grid-template-columns:1fr;}
  .interest-identity {padding:22px 0 0;border-left:0;border-top:1px solid #8ba4a23b;}
  .interest-row {grid-template-columns:82px minmax(0,1fr) 45px;gap:8px;}
  .invitation-list article {flex-wrap:wrap;}
  .invitation-list article > div {flex-basis:100%;}
  #library-search-form button {padding:10px 12px;}
  #library-search-form button .icon {display:none;}
}
@media(max-width:360px) { .achievement-grid{grid-template-columns:1fr;} .achievement-top{flex-direction:row;align-items:center;} .achievement-card h3,.achievement-next{min-height:0;} }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .achievement-shelf,.interest-panel,.match-empty,.invitation-list,.real-peer {background:#f7f5eb;backdrop-filter:none;-webkit-backdrop-filter:none;}
  .achievement-card {background:#fffdf5;}
}