*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,SF Pro Text,Inter,sans-serif;background:#f2f2f7;color:#1d1d1f;padding-top:44px;font-size:13px;-webkit-font-smoothing:antialiased}.page{max-width:860px;margin:0 auto;padding:40px 40px 80px;min-height:calc(100vh - 105px)}.back{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#6e6e73;text-decoration:none;margin-bottom:28px;transition:color .15s}.back:hover{color:#0071e3}.page-title{font-size:26px;font-weight:600;letter-spacing:-.5px;color:#1d1d1f;margin-bottom:24px}.complete-box{background:#fff;border-radius:16px;padding:18px;margin-bottom:22px;box-shadow:0 1px 3px #0000000f}.complete-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:14px}.complete-kicker{font-size:10px;font-weight:800;color:#0071e3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.complete-title{font-size:16px;font-weight:700;color:#1d1d1f;letter-spacing:-.2px}.complete-note{max-width:360px;font-size:11px;color:#8e8e93;line-height:1.45;text-align:right}.complete-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.complete-card{display:block;min-width:0;padding:12px;border-radius:12px;background:#f9f9fb;border:1px solid #eeeeF3;text-decoration:none;color:inherit;transition:transform .14s,border-color .14s,background .14s}.complete-card:hover{transform:translateY(-1px);border-color:#0071e33d;background:#fff}.complete-label{font-size:9px;font-weight:800;color:#aeaeb2;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.complete-name{font-size:12px;font-weight:700;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.complete-meta{display:flex;align-items:center;gap:6px;margin-bottom:8px}.complete-score{font-size:22px;font-weight:800;color:#0071e3;letter-spacing:-.5px;line-height:1;font-variant-numeric:tabular-nums}.complete-unit{font-size:9px;font-weight:800;color:#aeaeb2;letter-spacing:.08em;text-transform:uppercase;margin-left:4px}.seg-bar{display:inline-flex;background:#e5e5ea;border-radius:10px;padding:3px;margin-bottom:24px;gap:2px}.seg-btn{font-family:inherit;font-size:12px;font-weight:600;padding:6px 18px;border:none;border-radius:8px;background:transparent;color:#6e6e73;cursor:pointer;transition:background .18s,color .18s;letter-spacing:.02em}.seg-btn.active{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px #0000001a}.cat-panel{display:none}.cat-panel.visible{display:block}.skill-item{background:#fff;border-radius:14px;margin-bottom:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.skill-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .12s;user-select:none}.skill-header:hover{background:#f7f7f9}.skill-header-left{display:flex;align-items:center;gap:12px}.skill-name{font-size:13.5px;font-weight:600;color:#1d1d1f}.skill-top-val{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:#f0f0f5;color:#6e6e73;font-variant-numeric:tabular-nums}.skill-chevron{font-size:14px;color:#aeaeb2;transition:transform .2s}.skill-item.open .skill-chevron{transform:rotate(90deg)}.skill-body{display:none;border-top:1px solid #f0f0f5}.skill-item.open .skill-body{display:block}.skill-table{width:100%;border-collapse:collapse}.skill-table tr{border-bottom:1px solid #f5f5f7}.skill-table tr:last-child{border-bottom:none}.skill-table tr:hover td{background:#f7f7f9}.skill-table td{padding:10px 20px;font-size:12.5px;vertical-align:middle}.rank-num{font-size:11px;font-weight:700;color:#aeaeb2;width:28px;font-variant-numeric:tabular-nums}.p-link{color:#1d1d1f;text-decoration:none;font-weight:500}.p-link:hover{color:#0071e3}.p-role{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;letter-spacing:.04em}.p-val{font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:767px){.page{padding:20px 14px 60px}.back{font-size:12px;margin-bottom:16px}.page-title{font-size:22px;letter-spacing:-.3px;margin-bottom:16px}.complete-box{padding:14px;margin-bottom:18px;border-radius:14px}.complete-head{display:block;margin-bottom:12px}.complete-note{max-width:none;text-align:left;margin-top:5px}.complete-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.complete-grid::-webkit-scrollbar{display:none}.complete-card{min-width:148px}.complete-score{font-size:20px}.seg-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;margin-bottom:18px}.seg-bar::-webkit-scrollbar{display:none}.seg-btn{padding:6px 14px;font-size:11.5px;flex-shrink:0}.skill-header{padding:13px 14px}.skill-header-left{gap:10px}.skill-name{font-size:13px}.skill-top-val{font-size:10.5px;padding:2px 6px}.skill-chevron{font-size:12px}.skill-table td{padding:9px 14px;font-size:12px}.rank-num{width:22px;font-size:10.5px}.p-role{font-size:9.5px;padding:1px 5px}.p-val{font-size:12.5px}}