*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 20% 10%,#377dff40,#0000 34rem),radial-gradient(circle at 90% 30%,#16d2b42e,#0000 30rem),linear-gradient(135deg,#07111f 0%,#0a1426 48%,#081827 100%);min-width:1280px;min-height:100vh;margin:0}button,select,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px 1fr;gap:24px;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(50px);opacity:.4;pointer-events:none;border-radius:999px;width:420px;height:420px;position:fixed;inset:auto}.ambient-one{background:#255dff;top:-180px;left:20%}.ambient-two{background:#00d4a5;bottom:10%;right:-110px}.topbar{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050e1cb8;border:1px solid #aacaff2e;border-radius:28px;grid-column:1/-1;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:relative;box-shadow:0 22px 70px #00000052}.brand-block{align-items:center;gap:16px;display:flex}.logo-mark{color:#271102;background:linear-gradient(135deg,#ffd166,#ff8a3d);border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 0 36px #ffb1426b}.logo-mark svg,.ghost-button svg,.control-card>svg,.snapshot-card>svg,.principles-panel svg,.metric-icon svg,.hall-card svg,.sync-panel svg{width:20px;height:20px}.eyebrow{color:#76e7ff;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:4px;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1}.build-stamp,.slide-header span,.card-main p,.snapshot-card p,.principles-panel p,.hall-card small,.hall-card p,.metric-rank-card p,.control-card span,.sync-panel span,.rank-block span{color:#9db4d7}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ghost-button,.control-card button,.slide-tabs button,.close-button{color:#eef6ff;background:#ffffff0f;border:1px solid #adceff2e;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.ghost-button:hover,.control-card button:hover,.slide-tabs button:hover{background:#76e7ff1f;border-color:#76e7ffa6}.control-rail{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.control-card,.principles-panel article,.snapshot-card,.historical-panel,.hall-card,.detail-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08162ac2;border:1px solid #aacaff29;border-radius:24px;box-shadow:0 20px 70px #00000038}.control-card{flex-direction:column;gap:12px;padding:18px;display:flex}.control-card>span{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.segmented{gap:8px;display:grid}.segmented button.active,.slide-tabs button.active{color:#150d00;background:linear-gradient(135deg,#ffd166,#ff9d3d);border-color:#ffd166e6;font-weight:900}select{color:#eef6ff;background:#0c1a2e;border:1px solid #aacaff38;border-radius:14px;width:100%;padding:12px 14px}.settings-card label{color:#c9d8ef;align-items:center;gap:10px;display:flex}.settings-card input{accent-color:#76e7ff}.hero-panel{z-index:1;background:linear-gradient(135deg,#0b1e38eb,#050f1edb),radial-gradient(circle at 75% 0,#76e7ff2e,#0000 28rem);border:1px solid #aacaff33;border-radius:34px;min-height:720px;padding:24px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000057}.slide-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.slide-header h2{letter-spacing:-.07em;margin-bottom:8px;font-size:clamp(2.6rem,5vw,5rem);line-height:.92}.sync-panel{background:#76e7ff14;border:1px solid #76e7ff3d;border-radius:18px;gap:4px;min-width:170px;padding:14px;display:grid}.slide-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.leader-stack{gap:14px;display:grid}.leader-card{color:#eef6ff;text-align:left;background:linear-gradient(135deg,#132a4ae6,#0a182ec2);border:1px solid #aacaff2e;border-radius:28px;grid-template-columns:160px 112px 1fr 28px;align-items:center;gap:18px;width:100%;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 16px 50px #0000003d}.leader-card:hover,.metric-rank-card:hover{border-color:#ffd166cc;transform:translateY(-2px)scale(1.005);box-shadow:0 24px 70px #00000061,0 0 36px #ffd1661f}.leader-card.featured{background:linear-gradient(135deg,#ffd16629,#0c1d36e6),linear-gradient(135deg,#132a4af2,#0a182ee6);border-color:#ffd16680;grid-template-columns:220px 150px 1fr 28px;min-height:250px}.rank-block{color:#1c1000;background:linear-gradient(135deg,#ffd166f2,#ff7d48eb);border-radius:24px;align-content:center;justify-items:center;min-height:130px;display:grid}.rank-block.csr{color:#021022;background:linear-gradient(135deg,#76e7fff2,#477dffeb)}.rank-label{opacity:.78;text-transform:uppercase;font-size:.78rem;font-weight:900;color:inherit!important}.rank-block strong{letter-spacing:-.08em;font-size:clamp(3.8rem,8vw,7.5rem);line-height:.9}.rank-block span:last-child{color:inherit;font-weight:900}.portrait,.metric-rank-card img,.profile-photo{object-fit:cover;background:linear-gradient(135deg,#102545,#06101f);border:3px solid #ffffff29;box-shadow:0 18px 45px #00000047}.portrait{border-radius:28px;width:112px;height:112px}.featured .portrait{border-radius:36px;width:150px;height:150px}.card-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.card-title-row h3{margin-bottom:4px;font-size:clamp(1.4rem,2vw,2.4rem);line-height:1}.score-chip,.profile-score{color:#76e7ff;background:#76e7ff14;border:1px solid #76e7ff47;border-radius:20px;place-items:center;min-width:86px;min-height:60px;font-size:1.8rem;font-weight:1000;display:grid}.metric-grid{grid-template-columns:repeat(5,minmax(100px,1fr));gap:10px;display:grid}.metric-pill{background:#ffffff0e;border:1px solid #aacaff21;border-radius:18px;gap:4px;min-height:72px;padding:12px;display:grid;position:relative}.metric-label{color:#9db4d7;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.metric-pill strong{font-size:1.15rem}.kpi-dot{border-radius:999px;width:11px;height:11px;position:absolute;top:10px;right:10px;box-shadow:0 0 14px}.kpi-dot.green{color:#3dff98;background:#3dff98}.kpi-dot.yellow{color:#ffd166;background:#ffd166}.kpi-dot.red{color:#ff5a6d;background:#ff5a6d}.badge-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badge-row span{color:#ffe2a3;background:#ffd16614;border:1px solid #ffd1663d;border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:850;display:inline-flex}.open-icon{color:#76e7ff}.expand-toggle{color:#76e7ff;cursor:pointer;background:#76e7ff14;border:1px solid #76e7ff47;border-radius:999px;align-items:center;margin-top:12px;padding:6px 12px;font-size:.8rem;font-weight:850;display:inline-flex}.expand-toggle:hover{background:#76e7ff29;border-color:#76e7ffb3}.point-breakdown{background:#00000029;border:1px solid #76e7ff24;border-radius:18px;gap:8px;margin-top:14px;padding:12px;display:grid}.point-row,.point-total{color:#c7d7ef;grid-template-columns:132px 1fr 90px;align-items:center;gap:10px;font-size:.86rem;display:grid}.point-total{color:#eef6ff;border-top:1px solid #aacaff24;padding-top:8px}.bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,#76e7ff,#ffd166);height:100%;display:block}.ranked-metric-grid,.hall-grid,.snapshot-grid,.principles-panel,.detail-grid,.trend-grid{gap:16px;display:grid}.ranked-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-rank-card{color:#eef6ff;text-align:left;background:#0f223ec7;border:1px solid #aacaff29;border-radius:26px;grid-template-columns:90px 96px 1fr;align-items:center;gap:16px;padding:16px;transition:all .18s;display:grid}.metric-rank-number{letter-spacing:-.08em;color:#ffd166;font-size:3.4rem;font-weight:1000;line-height:1}.metric-rank-card img{border-radius:24px;width:96px;height:96px}.metric-rank-card h3{margin:8px 0 4px;font-size:1.55rem}.metric-rank-card strong{color:#76e7ff;font-size:1.15rem}.hall-grid,.snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hall-card,.snapshot-card,.principles-panel article,.historical-panel,.detail-card{padding:18px}.hall-card strong,.snapshot-card strong{margin:10px 0 5px;font-size:1.6rem;line-height:1;display:block}.hall-card svg,.snapshot-card svg,.principles-panel svg{color:#ffd166}.snapshot-card strong{color:#76e7ff;font-size:2.2rem}.historical-panel{grid-column:span 2}.historical-panel h3,.detail-card h3{margin-bottom:10px}.historical-panel p,.detail-card p{color:#c7d7ef;margin-bottom:8px}.historical-panel em{color:#ffd166;margin-left:8px;font-style:normal}.principles-panel{z-index:1;grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.principles-panel h3{margin:12px 0 8px}.celebration-layer{z-index:30;pointer-events:none;background:radial-gradient(circle,#ffd16629,#0000001a);place-items:center;animation:4.2s forwards celebrationFade;display:grid;position:fixed;inset:0}.celebration-card{text-align:center;color:#1c1000;background:linear-gradient(135deg,#ffd166,#ff8a3d);border:2px solid #ffd166db;border-radius:40px;justify-items:center;gap:10px;width:min(720px,84vw);padding:46px;animation:.6s cubic-bezier(.19,1,.22,1) popIn;display:grid;box-shadow:0 0 90px #ffd1669e}.celebration-card strong{letter-spacing:-.07em;font-size:clamp(2.2rem,5vw,5rem);line-height:.95}.celebration-card svg{width:68px;height:68px}.confetti,.confetti:before,.confetti:after{content:"";background-image:radial-gradient(circle,#ffd166 0 4px,#0000 5px),radial-gradient(circle,#76e7ff 0 4px,#0000 5px),radial-gradient(circle,#3dff98 0 4px,#0000 5px),radial-gradient(circle,#ff5a6d 0 4px,#0000 5px);background-size:120px 120px,160px 160px,190px 190px,220px 220px;animation:4.2s linear forwards confettiFall;position:absolute;inset:0}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02070fb8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.profile-modal{background:linear-gradient(135deg,#0c1d36fa,#050d1bfa);border:1px solid #aacaff38;border-radius:34px;width:min(1040px,96vw);max-height:92vh;padding:26px;position:relative;overflow:auto;box-shadow:0 30px 100px #0000008c}.profile-modal.wide{width:min(1320px,96vw)}.close-button{position:absolute;top:18px;right:18px}.profile-hero{grid-template-columns:160px 1fr 130px;align-items:center;gap:20px;margin-bottom:20px;display:grid}.profile-photo{border-radius:38px;width:160px;height:160px}.profile-hero h2{letter-spacing:-.07em;margin-bottom:10px;font-size:clamp(2.4rem,5vw,5rem);line-height:.92}.profile-hero p{color:#c7d7ef}.profile-score{min-height:110px;font-size:2.6rem}.trend-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.trend-grid>div{background:#ffffff0d;border:1px solid #aacaff24;border-radius:20px;padding:14px}.trend-grid span{color:#9db4d7;text-transform:uppercase;font-size:.8rem;font-weight:800}.mini-trend{color:#76e7ff}.mini-trend svg{width:100%;height:52px;display:block}.mini-trend span{color:#eef6ff;font-size:1rem}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@keyframes popIn{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes celebrationFade{0%,78%{opacity:1}to{opacity:0}}@keyframes confettiFall{0%{transform:translateY(-20%)}to{transform:translateY(20%)}}@media (width<=1400px){body{min-width:1024px}.app-shell{grid-template-columns:240px 1fr;padding:16px}.metric-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}.ranked-metric-grid,.principles-panel,.hall-grid,.snapshot-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{body{color:#000;background:#fff}}