.profile-header{
 height:auto;
 min-height:110px;
 margin:18px 34px 18px;
 padding:16px 26px;
 gap:32px;
 border:1px solid #dedfd7;
 border-radius:18px;
 background:#fafaf6;
 box-shadow:0 3px 16px #37443d04;
}
.profile-info{min-width:0}
.profile-info h1{margin:0 0 7px;font-size:23px;font-weight:600;line-height:1.4;letter-spacing:1px}
.profile-divider{margin:0 10px;color:#bdc6bc;font-weight:300}
.profile-title{color:var(--green);font-weight:500;font-size:21px}
.profile-info p{margin:0;font-size:12px;line-height:1.8;color:#78817b}
.profile-background>span{margin-left:12px;color:#92978e}
.profile-info .profile-direction{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:6px;font-size:11px;color:#6d7871}
.profile-contact a{text-decoration:none;white-space:nowrap}
.profile-contact a:hover,.profile-contact a:focus-visible{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.seeking-badge{display:inline-flex;align-items:center;gap:6px;color:#596d5d;white-space:nowrap}
.seeking-badge i{background:#82947b}
.reading-progress{width:235px;flex-shrink:0;align-self:center}
.reading-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.reading-progress-heading h2{font-size:12px;font-weight:500;margin:0;color:#626f65;letter-spacing:.5px}
#reading-count{font-size:17px;font-variant-numeric:tabular-nums;color:#6d836d;letter-spacing:1px}
#reading-bar{display:block;appearance:none;-webkit-appearance:none;border:0;border-radius:8px;width:100%;height:7px;overflow:hidden;background:#e5e9e1;color:#91a58a}
#reading-bar::-webkit-progress-bar{background:#e5e9e1;border-radius:8px}
#reading-bar::-webkit-progress-value{background:#91a58a;border-radius:8px}
#reading-bar::-moz-progress-bar{background:#91a58a;border-radius:8px}
#reading-note{font-size:10px;color:#949b91;margin:10px 0 0;line-height:1.5;letter-spacing:.4px}
.workspace-tools{display:flex;justify-content:flex-end;margin:10px 34px 9px}
.workspace-tools .mode-switch{max-width:none;flex-wrap:wrap;justify-content:flex-end;background:transparent;padding:0;gap:3px}
.workspace-tools .mode-switch button{padding:7px 11px;font-size:10px}
.workspace-tools .scene-link{font-size:10px;padding:7px 9px}
@media(min-width:1600px){.profile-header,.workspace-tools{margin-left:50px;margin-right:50px}}
@media(max-width:1100px){
 .profile-header,.workspace-tools{margin-left:20px;margin-right:20px}
 .profile-header{padding:16px 23px;gap:24px}
 .reading-progress{width:210px}
 .profile-info h1{font-size:23px}.profile-title{font-size:21px}
 .profile-background>span{display:block;margin-left:0}
}
@media(max-width:800px){
 .profile-header,.workspace-tools{margin-left:18px;margin-right:18px}
 .profile-header{margin-top:16px;margin-bottom:16px;padding:16px 20px;border-radius:14px;align-items:flex-start}
 .profile-info h1{font-size:21px}.profile-title{font-size:19px}.profile-divider{margin:0 5px}
 .profile-info p{font-size:11px}
 .profile-info .profile-direction{font-size:10px;gap:3px 10px}
 .reading-progress{width:175px}
 .workspace-tools{margin-top:8px;margin-bottom:8px}
 .workspace-tools .mode-switch span{display:inline}
}
@media(max-width:620px){
 .profile-header{flex-direction:column;gap:13px;padding:16px 20px}
 .profile-background>span{display:inline;margin-left:7px}
 .profile-info .profile-direction{align-items:flex-start;flex-direction:column;gap:2px;margin-top:7px}
 .reading-progress{width:100%;align-self:stretch;padding-top:11px;border-top:1px solid #e6e8e0}
 .reading-progress-heading{margin-bottom:9px}
 .reading-progress-heading h2{font-size:11px}
 #reading-count{font-size:15px}
 #reading-note{margin-top:8px;font-size:9px}
 .workspace-tools .mode-switch button{padding:6px 9px}
 .workspace-tools .scene-link{padding:6px}
}