/* Final production web-app layer — official boy Agen character, native web UI. */
:root{--agen-blue:#0754a3;--agen-mid:#087bd8;--agen-sky:#eaf7ff;--agen-orange:#ff671d;--agen-yellow:#ffd34a}
.brand{display:flex;align-items:center;justify-content:flex-start}.brandLogo{display:block;width:auto;height:58px;max-width:230px;object-fit:contain}.joinPanel .heroBrand .brandLogo{height:78px;max-width:300px;margin:auto}.childTop .brandLogo{height:52px;max-width:205px}.simpleHeader .brandLogo{height:44px;max-width:180px}
.childJoin{min-height:100svh;padding:22px 12px 34px;background:radial-gradient(circle at 78% 12%,rgba(255,255,255,.96) 0 7%,transparent 24%),radial-gradient(circle at 18% 30%,rgba(83,179,238,.16) 0 2px,transparent 3px),linear-gradient(180deg,#dff5ff 0%,#f8fdff 67%,#e9f7ff 100%);background-size:auto,92px 92px,auto}
.joinPanel{width:min(94vw,760px);padding:15px 20px 26px;border:2px solid #91cff4;border-radius:34px;background:rgba(255,255,255,.97);box-shadow:0 24px 64px rgba(7,84,163,.18);overflow:hidden}.joinPanel:before{content:'AI社員 エージェン';display:table;margin:2px auto 10px;padding:7px 19px;border-radius:999px;background:#dff1ff;color:var(--agen-blue);font-size:15px;font-weight:900}.joinPanel .heroBrand{margin:0 auto 9px;justify-content:center}
.joinMascot{height:405px;margin:0 -20px 15px;border-top:1px solid #d8eefb;border-bottom:1px solid #d8eefb;background:radial-gradient(circle at 77% 48%,#fff 0 19%,transparent 44%),linear-gradient(145deg,#d8f2ff,#f8fdff 62%,#e6f8ff);overflow:hidden;position:relative}.joinMascot:before{content:'こんにちは！\Aぼくは、AgenTechで働く\A AI社員 エージェンです！';white-space:pre;position:absolute;left:4%;top:12%;width:45%;padding:17px 18px;border:2px solid #2788dc;border-radius:24px 24px 7px 24px;background:rgba(255,255,255,.98);color:var(--agen-blue);font-weight:900;font-size:18px;line-height:1.55;z-index:5}.joinMascot .agenPhoto{display:block!important;position:absolute!important;z-index:2!important;right:4%!important;bottom:0!important;width:47%!important;height:94%!important;object-fit:contain!important;object-position:center bottom!important}
.joinPanel h1{margin:4px 0 7px;font-size:clamp(35px,6vw,48px);line-height:1.08;color:var(--agen-blue);font-weight:1000}.joinPanel p{margin:0 0 14px;font-size:16px;line-height:1.55;color:#244d75;font-weight:700}.joinPanel input{height:72px;width:34%;min-width:150px;margin:5px 8px 4px 0;border:3px solid #84c7ef;border-radius:18px;background:#fff;font-size:42px;font-weight:900;color:var(--agen-blue);text-align:center}.joinPanel .giant{height:72px;min-width:54%;padding:0 22px;border:0;border-radius:20px;font-size:21px;font-weight:900;color:#fff;background:linear-gradient(180deg,#ff8a20,var(--agen-orange))}
.mascotPane{overflow:hidden;position:relative;background:radial-gradient(circle at 53% 38%,#fff 0 17%,transparent 47%),linear-gradient(150deg,#d9f2ff,#f7fcff)}.mascotPane .agenPhoto{display:block!important;position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-48%)!important;width:90%!important;height:94%!important;object-fit:contain!important;object-position:center bottom!important}.speech,.questionCard,.voiceBox,.finishBtn,.qhead b,.questionCount{font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic',sans-serif}.speech{font-size:clamp(20px,2.6vw,31px);line-height:1.5}.questionCard{box-shadow:0 16px 35px rgba(7,84,163,.14)}.finishBtn{background:linear-gradient(180deg,#ff8a20,var(--agen-orange))}.reviewMascot{overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff 0 22%,#e4f6ff 68%,#d8f0ff)}.reviewMascot .agenPhoto{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
/* KOKOROZASHI PROFILE */
.profilePage{min-height:100svh;padding:18px;background:#eaf7ff;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic',sans-serif;color:#102846}.kokoroSheet{width:min(1120px,100%);margin:0 auto;background:linear-gradient(180deg,#fff 0,#fbfeff 100%);border:1px solid #a7d7ef;box-shadow:0 20px 60px rgba(7,84,163,.15);overflow:hidden}.kpHero{position:relative;min-height:430px;padding:32px 42px;background:linear-gradient(115deg,#fff 0 44%,rgba(235,249,255,.9) 60%,#dff4ff 100%);overflow:hidden}.kpHero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(255,211,74,.2) 0 3px,transparent 4px),radial-gradient(circle at 92% 38%,rgba(8,123,216,.16) 0 4px,transparent 5px);background-size:95px 95px,120px 120px;pointer-events:none}.kpTitle{position:relative;z-index:2;max-width:48%}.kpTitle span{display:block;font-weight:950;font-size:clamp(24px,4vw,42px);letter-spacing:.02em;color:#071d42}.kpTitle strong{display:block;font-size:clamp(54px,8vw,92px);line-height:.92;color:#071d42}.kpTitle p{margin:12px 0 0;font-size:22px;font-weight:800;color:#0754a3}.kpAgen{position:absolute;z-index:1;right:3%;bottom:0;width:42%;height:96%}.kpAgen .agenPhoto{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}.kpMission{position:absolute;z-index:3;left:4%;bottom:26px;width:54%;padding:20px 24px;border-left:6px solid #f08bae;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(7,84,163,.1);transform:rotate(-1deg)}.kpMission small{display:inline-block;margin-bottom:8px;padding:4px 14px;border-radius:999px;background:#f08bae;color:#fff;font-size:18px;font-weight:900}.kpMission h1{margin:0;font-size:clamp(24px,3.2vw,38px);line-height:1.45;color:#13223b}.kpGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px}.kpCard{border:2px solid #c6e3f3;border-radius:20px;background:#fff;padding:18px 20px;box-shadow:0 8px 20px rgba(7,84,163,.05)}.kpCard h2{margin:-6px 0 14px;color:#fff;background:#0c68b8;border-radius:999px;padding:7px 16px;font-size:21px;font-weight:950;display:inline-block}.kpCard h2 small{font-size:14px;font-weight:800}.kpCard p{font-size:17px;line-height:1.75;margin:0;color:#183551}.kpWhy{background:linear-gradient(180deg,#fff,#f9fdff)}.kpAbout h2{background:#ef8a31}.aboutGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.aboutGrid>div{padding:13px;border:1px solid #f2d7a6;border-radius:14px;background:#fffdf7}.aboutGrid b{color:#ef6c59}.kpStrength ol{list-style:none;padding:0;margin:0}.kpStrength li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #d8ebf5}.kpStrength li:last-child{border-bottom:0}.kpStrength li>span{flex:0 0 48px;height:42px;border-radius:14px;background:#4ba2d4;color:#fff;font-weight:950;display:grid;place-items:center}.kpStrength li:nth-child(2)>span{background:#76b96a}.kpStrength li:nth-child(3)>span{background:#f2bf3b}.kpStrength li b{font-size:18px;color:#16669c}.kpFuture h2{background:#7949a3}.futureRow{padding:11px 0;border-bottom:1px solid #ddd}.futureRow:last-child{border-bottom:0}.futureRow b{display:inline-block;min-width:78px;color:#6c3c94}.kpChallenge h2{background:#0a69b6}.challenge{display:grid;grid-template-columns:76px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #ddd}.challenge:last-child{border-bottom:0}.challenge>b{align-self:start;border-radius:999px;color:#fff;text-align:center;padding:5px;background:#ef6a8a}.challenge:nth-of-type(2)>b{background:#f39a35}.challenge:nth-of-type(3)>b{background:#6fb15d}.kpWords h2{background:#0a69b6}.wordCloud{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 18px}.wordCloud span{padding:12px 18px;border:2px solid #f4b7cb;border-radius:50%;background:#fff8fb;font-size:20px;font-weight:900}.wordCloud span:nth-child(2){border-color:#f3d06d;background:#fffdf1}.wordCloud span:nth-child(3){border-color:#9bcfec;background:#f4fbff}.kpWords .msgTitle{margin-top:8px}.kpFooter{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:linear-gradient(90deg,#f7fcff,#fff);border-top:1px solid #cce5f3;color:#0754a3}.kpFooter b{font-size:26px}.kpFooter span{font-size:14px;font-weight:800}.profileActions{width:min(1120px,100%);margin:14px auto 0;display:flex;gap:12px;justify-content:center}.profileActions button{border:0;border-radius:999px;padding:14px 24px;font-size:17px;font-weight:900;cursor:pointer}.profileActions .primary{background:#087bd8;color:#fff}.profileActions #againFinal{background:#fff;color:#0754a3;border:2px solid #94cdec}
@media(max-width:760px){.profilePage{padding:8px}.kpHero{min-height:520px;padding:22px 18px}.kpTitle{max-width:100%}.kpTitle span{font-size:26px}.kpTitle strong{font-size:58px}.kpTitle p{font-size:17px}.kpAgen{right:-4%;width:54%;height:64%}.kpMission{left:4%;bottom:18px;width:67%;padding:16px}.kpMission h1{font-size:22px}.kpGrid{grid-template-columns:1fr;padding:12px;gap:12px}.kpCard{padding:15px}.kpCard h2{font-size:18px}.kpCard h2 small{display:block;margin-top:2px}.aboutGrid{grid-template-columns:1fr 1fr}.kpFooter{display:block;text-align:center}.kpFooter b{display:block;font-size:22px;margin-bottom:6px}.profileActions{flex-direction:column}.profileActions button{width:100%}}
@media(max-width:430px){.kpHero{min-height:560px}.kpAgen{width:62%;height:58%;right:-10%}.kpMission{width:78%}.aboutGrid{grid-template-columns:1fr}.kpMission h1{font-size:20px}.kpCard p{font-size:15px}.wordCloud span{font-size:16px;padding:10px 14px}}
@media print{body{background:#fff!important}.profilePage{padding:0;background:#fff}.kokoroSheet{width:100%;box-shadow:none;border:0}.profileActions{display:none!important}.kpHero{min-height:380px}.kpGrid{gap:10px;padding:12px}.kpCard{box-shadow:none;break-inside:avoid}.kpFooter{break-inside:avoid}@page{size:A4 portrait;margin:6mm}}