.about-container{display:flex;flex-direction:column;gap:1.2rem;width:min(560px,90vw);max-height:65vh;overflow-y:auto;pointer-events:all;padding:1rem 1.5rem;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent;padding-bottom:15px}.about-container::-webkit-scrollbar{width:4px}.about-container::-webkit-scrollbar-track{background:transparent}.about-container::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.about-section{animation:about-fade-in .5s ease-out both}.about-section-title{font-size:11px;color:var(--accent);letter-spacing:.06em;margin-bottom:.5rem;padding-left:.2rem}.about-bio{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);border:1px solid var(--glass-border);border-radius:8px;padding:.75rem .85rem;cursor:var(--cursor-ui);box-shadow:0 4px 20px #0006,inset 0 0 0 .5px var(--glass-inset)}.about-bio p{font-size:11px;color:#999;line-height:1.7;margin-bottom:.5rem;letter-spacing:.02em}.about-bio p:first-child{color:var(--text)}.about-bio p:last-child{margin-bottom:0}.about-bio-dim{opacity:.5;font-size:10px}.about-section[data-color=cyan] .about-section-title{color:var(--cyan)}.about-section[data-color=cyan] .about-dot{background:var(--cyan)}.about-section[data-color=cyan] .about-card:hover{border-color:#00d4aa26;box-shadow:0 4px 20px #0006,0 0 16px #00d4aa0f}.about-section[data-color=cyan] .about-pill{background:#00d4aa0f;border-color:#00d4aa1a}.about-section[data-color=cyan] .about-pill:hover{border-color:#00d4aa40}.about-section[data-color=cyan] .about-chevron{border-color:var(--cyan)}.about-section[data-color=cyan] .about-detail-chip{background:#00d4aa0f;border-color:#00d4aa1f}.about-section[data-color=blue] .about-section-title{color:var(--blue)}.about-section[data-color=blue] .about-dot{background:var(--blue)}.about-section[data-color=blue] .about-card:hover{border-color:#448aff26;box-shadow:0 4px 20px #0006,0 0 16px #448aff0f}.about-section[data-color=blue] .about-pill{background:#448aff0f;border-color:#448aff1a}.about-section[data-color=blue] .about-pill:hover{border-color:#448aff40}.about-section[data-color=blue] .about-chevron{border-color:var(--blue)}.about-section[data-color=blue] .about-detail-chip{background:#448aff0f;border-color:#448aff1f}.about-section[data-color=amber] .about-section-title{color:var(--amber)}.about-section[data-color=amber] .about-dot{background:var(--amber)}.about-section[data-color=amber] .about-card:hover{border-color:#ffab0026;box-shadow:0 4px 20px #0006,0 0 16px #ffab000f}.about-section[data-color=amber] .about-pill{background:#ffab000f;border-color:#ffab001a}.about-section[data-color=amber] .about-pill:hover{border-color:#ffab0040}.about-section[data-color=amber] .about-chevron{border-color:var(--amber)}.about-section[data-color=amber] .about-detail-chip{background:#ffab000f;border-color:#ffab001f}.about-section[data-color=purple] .about-section-title{color:var(--purple)}.about-section[data-color=purple] .about-dot{background:var(--purple)}.about-section[data-color=purple] .about-card:hover{border-color:#b388ff26;box-shadow:0 4px 20px #0006,0 0 16px #b388ff0f}.about-section[data-color=purple] .about-pill{background:#b388ff0f;border-color:#b388ff1a}.about-section[data-color=purple] .about-pill:hover{border-color:#b388ff40}.about-section[data-color=purple] .about-chevron{border-color:var(--purple)}.about-section[data-color=purple] .about-detail-chip{background:#b388ff0f;border-color:#b388ff1f}.about-section[data-color=accent] .about-pill-level{color:var(--accent)}.about-section[data-color=sky] .about-section-title{color:#4dd0e1}.about-section[data-color=sky] .about-dot{background:#4dd0e1}.about-section[data-color=sky] .about-card:hover{border-color:#4dd0e126;box-shadow:0 4px 20px #0006,0 0 16px #4dd0e10f}.about-section[data-color=sky] .about-chevron{border-color:#4dd0e1}.about-section[data-color=sky] .about-detail-chip{background:#4dd0e10f;border-color:#4dd0e11f}.about-card{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:.4rem;cursor:var(--cursor-ui);overflow:hidden;transition:border-color .3s,box-shadow .3s;box-shadow:0 4px 20px #0006,inset 0 0 0 .5px var(--glass-inset)}.about-card:hover{border-color:#cc00001f;box-shadow:0 4px 20px #0006,0 0 16px #cc00000d,inset 0 0 0 .5px var(--glass-inset)}.about-card-header{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:11px}.about-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;opacity:.6;transition:opacity .2s}.about-card:hover .about-dot,.about-card[data-expanded=true] .about-dot{opacity:1}.about-role{color:var(--text);flex:1;letter-spacing:.03em}.about-date{color:var(--dim);font-size:9px;letter-spacing:.04em;flex-shrink:0}.about-chevron{width:6px;height:6px;border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);transform:rotate(-45deg);flex-shrink:0;opacity:.3;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .2s;margin-left:.15rem}.about-card:hover .about-chevron{opacity:.6}.about-card[data-expanded=true] .about-chevron{transform:rotate(45deg);opacity:.8}.about-card-summary{padding:0 .75rem .5rem 1.65rem;font-size:10px;color:var(--dim);letter-spacing:.02em}.about-card-detail{max-height:0;overflow:hidden;padding:0 .75rem 0 1.65rem;font-size:10px;color:var(--dim);line-height:1.6;transition:max-height .4s cubic-bezier(.23,1,.32,1),padding .3s ease}.about-card[data-expanded=true] .about-card-detail{max-height:600px;padding-bottom:.65rem}.about-detail-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.about-detail-chip{font-size:8px;letter-spacing:.06em;padding:.15rem .45rem;background:#cc00000f;border:1px solid rgba(204,0,0,.1);border-radius:999px;color:var(--text)}.about-card:hover .about-dot{opacity:1}.about-pills{display:flex;flex-wrap:wrap;gap:.35rem;padding-left:.2rem}.about-pills--boxed{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);border:1px solid var(--glass-border);border-radius:8px;padding:.6rem .7rem;box-shadow:0 4px 20px #0006,inset 0 0 0 .5px var(--glass-inset)}.about-pill{font-size:10px;padding:.3rem .65rem;background:#cc00000f;border:1px solid rgba(204,0,0,.1);border-radius:999px;color:var(--text);letter-spacing:.02em;cursor:var(--cursor-ui);transition:border-color .2s}.about-pill:hover{border-color:#c003}.about-pill-level{color:var(--accent);font-size:9px;opacity:.7}.about-card-detail .about-pills{padding-left:0;margin-top:.15rem}.about-card-detail .about-pills .about-pill{font-size:8px;padding:.15rem .4rem}@media(max-width:600px){.about-container{width:95vw}}