.kp-shell{--ink:#17315d;--muted:#6f83a5;--line:#91b0de6b;--card:#ffffffe0;min-height:100vh;color:var(--ink);background:#edf5ff;font-family:Noto Sans JP,Yu Gothic,system-ui,sans-serif}.kp-shell *{box-sizing:border-box}.kp-shell a{color:inherit;text-decoration:none}.kp-header{z-index:70;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;position:sticky;top:0;box-shadow:0 8px 28px #2a4d8414}.kp-header-inner{grid-template-columns:230px minmax(280px,430px) 1fr auto;align-items:center;gap:20px;width:min(1480px,100% - 40px);min-height:78px;margin:auto;display:grid}.kp-brand{align-items:center;display:flex}.kp-brand-logo{object-fit:contain;object-position:left center;width:210px;max-height:56px;display:block}.kp-search{border:1px solid var(--line);background:#f9fcff;border-radius:999px;grid-template-columns:1fr 44px;height:46px;display:grid;overflow:hidden}.kp-search label,.kp-search input{width:100%}.kp-search input{height:44px;color:var(--ink);background:0 0;border:0;outline:0;padding:0 0 0 20px;font-size:14px}.kp-search input::placeholder{color:#90a1bc}.kp-search button{color:#5076bc;background:0 0;border:0}.kp-search svg,.kp-notification svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.kp-desktop-nav{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.kp-desktop-nav a{color:#49638d;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:800}.kp-desktop-nav a.is-active{color:#244d94;background:linear-gradient(135deg,#e2edff,#f0e8ff)}.kp-profile-link{align-items:center;gap:9px;display:flex}.kp-profile-link>img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:42px;height:42px;box-shadow:0 8px 20px #30518b2e}.kp-notification{color:#496b9f;background:#f0f6ff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.kp-profile-copy{gap:2px;display:grid}.kp-profile-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;overflow:hidden}.kp-profile-copy small{color:var(--muted);font-size:11px}.kp-stage{background:linear-gradient(180deg,#f6faffe0,#e8f2fff7),var(--kp-stage-art) center top/cover fixed;min-height:calc(100vh - 78px);padding:32px 0 70px;position:relative;overflow:hidden}.kp-stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 8%,#c9dcff99,#0000 26%),radial-gradient(circle at 88% 14%,#e2d5ff8c,#0000 26%);position:absolute;inset:0}.kp-container{width:min(1480px,100% - 40px);margin:auto;position:relative}.kp-welcome{grid-template-columns:.9fr 1.1fr;gap:22px;margin-bottom:18px;display:grid}.kp-welcome-copy,.kp-progress-card,.kp-resume-card,.kp-panel,.kp-provider-card,.kp-quick-panel,.kp-state-card{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 18px 48px #365c971c}.kp-welcome-copy{padding:28px 30px}.kp-eyebrow,.kp-card-kicker{color:#5478bd;letter-spacing:.16em;margin:0;font-size:11px;font-weight:900}.kp-welcome h1{color:var(--ink);letter-spacing:.04em;margin:10px 0;font-family:Yu Mincho,serif;font-size:clamp(30px,3vw,48px);line-height:1.3}.kp-welcome-copy>p:not(.kp-eyebrow){color:var(--muted);margin:0;font-size:14px}.kp-rank-summary{border:1px solid var(--line);background:#ffffffc2;border-radius:999px;align-items:center;gap:10px;margin-top:20px;padding:9px 16px 9px 9px;display:inline-flex}.kp-rank-summary img{object-fit:contain;width:48px;height:48px}.kp-rank-summary span{display:grid}.kp-rank-summary small{color:var(--muted);font-size:11px}.kp-rank-summary strong{color:#2852a0;font-size:22px}.kp-progress-card{grid-template-columns:1fr 240px;align-items:center;gap:22px;padding:26px;display:grid}.kp-progress-main{grid-template-columns:135px 1fr;align-items:center;gap:20px;display:grid}.kp-ring{--kp-progress:0deg;background:conic-gradient(#4a70e7 0 var(--kp-progress),#e5edf8 var(--kp-progress) 360deg);border-radius:50%;place-items:center;width:126px;height:126px;display:grid}.kp-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:98px;height:98px}.kp-ring>div{z-index:1;text-align:center;grid-area:1/1;display:grid}.kp-ring strong{font-size:29px}.kp-ring span,.kp-progress-copy small,.kp-next-rank>span{color:var(--muted);font-size:11px}.kp-progress-copy>span{color:#6680a7;font-size:12px;font-weight:800}.kp-progress-copy>strong{margin:7px 0 13px;font-size:clamp(20px,2vw,29px);display:block}.kp-progress-line{background:#e7eef8;border-radius:999px;height:7px;overflow:hidden}.kp-progress-line span{border-radius:inherit;background:linear-gradient(90deg,#5078eb,#8755ee);height:100%;display:block}.kp-progress-copy small{margin-top:9px;display:block}.kp-next-rank{border-left:1px solid var(--line);gap:11px;padding-left:24px;display:grid}.kp-next-rank>div{align-items:center;gap:10px;display:flex}.kp-next-rank img{object-fit:contain;width:52px;height:52px}.kp-next-rank strong{color:#28509a;font-size:22px}.kp-next-rank a,.kp-card-title-row>a{color:#5070ab;font-size:12px;font-weight:800}.kp-next-rank a{border:1px solid var(--line);border-radius:999px;padding:9px 12px}.kp-state-card{color:#5e759d;justify-content:center;align-items:center;gap:12px;min-height:120px;margin:18px 0;padding:22px;display:flex}.kp-spinner{border:3px solid #dce8f9;border-top-color:#4e72d9;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite kp-spin}@keyframes kp-spin{to{transform:rotate(360deg)}}.kp-guest-card{justify-content:space-between}.kp-guest-card h2{margin:6px 0;font-size:22px}.kp-guest-card p{color:var(--muted);margin:0}.kp-guest-card>div:last-child{gap:8px;display:flex}.kp-error-card{color:#8a5624;background:#fff9eb}.kp-primary-grid{grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px;display:grid}.kp-resume-card,.kp-panel,.kp-quick-panel{padding:22px}.kp-card-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.kp-card-title-row h2{margin:4px 0 0;font-size:20px}.kp-resume-body,.kp-empty-learning{grid-template-columns:180px 1fr;align-items:center;gap:18px;display:grid}.kp-resume-thumb,.kp-empty-learning>img{object-fit:cover;background:#eff5ff;border-radius:17px;width:180px;height:126px}.kp-resume-copy>span{color:#6786bd;font-size:11px;font-weight:900}.kp-resume-copy h3,.kp-empty-learning h3{margin:5px 0;font-size:19px}.kp-resume-copy p,.kp-empty-learning p{color:var(--muted);margin:0 0 12px;font-size:12px}.kp-resume-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:11px;display:flex}.kp-button{border-radius:12px;justify-content:center;align-items:center;min-height:41px;padding:0 17px;font-size:12px;font-weight:900;display:inline-flex}.kp-button-primary{background:linear-gradient(135deg,#5b73ed,#704be8);color:#fff!important}.kp-button-secondary{border:1px solid var(--line);background:#fff;color:#3860a0!important}.kp-stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.kp-stat-card{border:1px solid var(--line);background:#ffffffe6;border-radius:21px;grid-template-columns:1fr auto;align-content:space-between;gap:8px;min-height:196px;padding:18px;display:grid;box-shadow:0 14px 36px #375d9717}.kp-stat-card>div{display:grid}.kp-stat-label{color:#526d99;font-size:12px;font-weight:900}.kp-stat-card strong{margin-top:8px;font-family:Yu Mincho,serif;font-size:34px}.kp-stat-card small{color:var(--muted);font-size:10px}.kp-stat-card>img{object-fit:contain;width:43px;height:43px}.kp-card-link{color:#4169b0;grid-column:1/-1;font-size:11px;font-weight:900}.kp-insight-grid{grid-template-columns:.95fr .9fr 1.15fr;gap:16px;margin-bottom:16px;display:grid}.kp-panel{min-height:292px}.kp-task-list,.kp-recommend-list{gap:9px;display:grid}.kp-task-item{background:#f9fcff;border:1px solid #9db8df57;border-radius:15px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:82px;padding:12px;display:grid}.kp-task-icon{border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.kp-task-icon.is-test{color:#9b4b70;background:#fbdce9}.kp-task-icon.is-assignment{color:#5b7b24;background:#e6f5c5}.kp-task-item>span:nth-child(2){display:grid}.kp-task-item strong{font-size:12px}.kp-task-item small{color:var(--muted);font-size:9px}.kp-task-item b{color:#3e65a8}.kp-roadmap-visual{grid-template-columns:60px 1fr 60px;align-items:center;gap:9px;margin:28px 0 16px;display:grid}.kp-roadmap-visual img{object-fit:contain;width:60px;height:60px}.kp-roadmap-visual span{background:linear-gradient(90deg,#4f76e8 0 46%,#e1e9f5 46%);border-radius:999px;height:5px;position:relative}.kp-roadmap-visual span:before,.kp-roadmap-visual span:after,.kp-roadmap-visual i{content:"";background:#6b83e8;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.kp-roadmap-visual span:before{left:0}.kp-roadmap-visual i{left:48%}.kp-roadmap-visual span:after{background:#d4dfef;right:0}.kp-roadmap-copy{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kp-roadmap-copy>div{display:grid}.kp-roadmap-copy small,.kp-roadmap-panel>p{color:var(--muted);font-size:10px}.kp-roadmap-copy strong{color:#244c93;font-size:17px}.kp-roadmap-panel>p{line-height:1.7}.kp-recommend-item{border-radius:13px;grid-template-columns:70px 1fr 12px;align-items:center;gap:9px;min-height:68px;padding:7px;display:grid}.kp-recommend-item>img{object-fit:cover;border-radius:9px;width:70px;height:52px}.kp-recommend-item>span{min-width:0;display:grid}.kp-recommend-item small{color:#3560ad;background:#e8f0ff;border-radius:999px;width:fit-content;padding:2px 6px;font-size:8px;font-weight:900}.kp-recommend-item small.is-mentor{color:#087f78;background:#dcf7f3}.kp-recommend-item small.is-coach{color:#7144d4;background:#eee5ff}.kp-recommend-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.kp-recommend-item em{color:#8998b1;font-size:8px;font-style:normal}.kp-recommend-empty{border:1px dashed var(--line);min-height:180px;color:var(--muted);text-align:center;border-radius:14px;place-items:center;display:grid}.kp-provider-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.kp-provider-card{grid-template-columns:1.15fr .85fr;align-items:center;gap:8px;min-height:250px;padding:23px;display:grid;overflow:hidden}.kp-provider-card>div{z-index:1}.kp-provider-card>div>span{font-size:13px;font-weight:900}.kp-provider-card.is-official>div>span{color:#416ce0}.kp-provider-card.is-mentor>div>span{color:#079c8c}.kp-provider-card.is-coach>div>span{color:#7a48e6}.kp-provider-card h2{margin:7px 0;font-size:18px}.kp-provider-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.kp-provider-card ul{flex-wrap:wrap;gap:5px;margin:12px 0;padding:0;list-style:none;display:flex}.kp-provider-card li{border:1px solid var(--line);color:#60789f;border-radius:999px;padding:4px 8px;font-size:8px}.kp-provider-card a{color:#fff;border-radius:11px;justify-content:center;align-items:center;min-height:41px;padding:0 14px;font-size:11px;font-weight:900;display:inline-flex}.kp-provider-card.is-official a{background:linear-gradient(135deg,#5578ee,#6652e8)}.kp-provider-card.is-mentor a{background:linear-gradient(135deg,#1bb6a5,#07968c)}.kp-provider-card.is-coach a{background:linear-gradient(135deg,#8c5cf2,#6d3fe4)}.kp-provider-card>img{object-fit:contain;width:100%;max-height:175px}.kp-quick-panel h2{margin:0 0 13px;font-size:15px}.kp-quick-panel>div{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.kp-quick-panel a{color:#61779e;text-align:center;background:#f5f9ff;border-radius:11px;place-items:center;min-height:44px;padding:6px;font-size:9px;font-weight:800;display:grid}.kp-mobile-nav{display:none}@media (max-width:1240px){.kp-header-inner{grid-template-columns:200px 1fr auto}.kp-desktop-nav{display:none}.kp-welcome,.kp-primary-grid{grid-template-columns:1fr}.kp-insight-grid{grid-template-columns:1fr 1fr}.kp-recommend-panel{grid-column:1/-1}.kp-provider-grid{grid-template-columns:1fr 1fr}.kp-provider-card.is-coach{grid-column:1/-1}.kp-quick-panel>div{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.kp-header-inner{grid-template-columns:180px 1fr auto;width:min(100% - 24px,760px);min-height:70px}.kp-search,.kp-profile-copy,.kp-notification{display:none}.kp-stage{padding:18px 0 100px}.kp-container{width:min(100% - 22px,760px)}.kp-progress-card{grid-template-columns:1fr}.kp-next-rank{border-top:1px solid var(--line);border-left:0;padding:17px 0 0}.kp-insight-grid,.kp-provider-grid{grid-template-columns:1fr}.kp-recommend-panel,.kp-provider-card.is-coach{grid-column:auto}.kp-mobile-nav{z-index:80;left:11px;right:11px;bottom:max(9px,env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-radius:23px;grid-template-columns:repeat(5,1fr);align-items:center;height:70px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 44px #26467d38}.kp-mobile-nav a{color:#7689a8;justify-items:center;gap:2px;font-size:8px;font-weight:800;display:grid}.kp-mobile-nav a.is-active{color:#4f6fe0}.kp-mobile-nav svg{width:22px;height:22px}}@media (max-width:640px){.kp-header-inner{grid-template-columns:1fr auto;width:calc(100% - 18px)}.kp-brand-logo{width:165px;max-height:47px}.kp-profile-link>img{width:38px;height:38px}.kp-stage{background:linear-gradient(180deg,#f6faffeb,#e8f2fffa),var(--kp-stage-art) 45% top/auto 450px no-repeat}.kp-container{width:calc(100% - 16px)}.kp-welcome{gap:11px;margin-bottom:11px}.kp-welcome-copy,.kp-progress-card,.kp-resume-card,.kp-panel,.kp-provider-card{border-radius:19px;padding:17px}.kp-welcome h1{font-size:27px}.kp-welcome-copy>p:not(.kp-eyebrow){font-size:11px}.kp-progress-main{grid-template-columns:92px 1fr;gap:13px}.kp-ring{width:90px;height:90px}.kp-ring:before{width:69px;height:69px}.kp-ring strong{font-size:21px}.kp-progress-copy>strong{font-size:16px}.kp-primary-grid,.kp-insight-grid,.kp-provider-grid{gap:11px;margin-bottom:11px}.kp-resume-body,.kp-empty-learning{grid-template-columns:88px 1fr;gap:11px}.kp-resume-thumb,.kp-empty-learning>img{width:88px;height:88px}.kp-resume-copy h3,.kp-empty-learning h3{font-size:14px}.kp-resume-copy p,.kp-empty-learning p{font-size:9px}.kp-resume-meta{flex-direction:column;align-items:stretch}.kp-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kp-stat-card{min-height:136px;padding:14px}.kp-stat-card strong{font-size:27px}.kp-stat-card>img{width:34px;height:34px}.kp-provider-card{grid-template-columns:1.2fr .8fr;min-height:226px}.kp-provider-card>img{max-height:135px}.kp-provider-card a{width:100%;font-size:9px}.kp-quick-panel{display:none}}@media (max-width:390px){.kp-brand-logo{width:145px}.kp-welcome h1{font-size:23px}.kp-provider-card{grid-template-columns:1fr}.kp-provider-card>img{display:none}}