:root{--pca-blue: #0057b8;--pca-blue-dk: #003d82;--pca-sky: #e8f2ff;--pca-accent: #00c2a8;--pca-warn: #ff6b35;--pca-gold: #f5a623;--bg: #f0f4fa;--card-bg: #fff;--text: #1a1a2e;--text-muted: #6b7a99;--radius: 16px;--shadow: 0 8px 32px rgba(0,0,0,0.12);--shadow-hover:0 16px 48px rgba(0,0,0,0.18)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.pca-scenario{background:#f0f4fa;color:#1a1a2e;font-family:'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;position:relative;overflow:hidden;word-break:normal}.pca-scenario h1,.pca-scenario h2,.pca-scenario h3,.pca-scenario h4,.pca-scenario h5,.pca-scenario h6{font-size:revert;font-weight:revert}.pca-scenario strong{color:inherit;font-weight:bold;text-shadow:none}.pca-scenario em{background:none;color:inherit;font-style:normal;font-weight:normal;padding:0}.pca-scenario img{width:auto;max-width:100%;height:auto}.pca-scenario::before,.pca-scenario::after{content:'';position:absolute;border-radius:50%;filter:blur(60px);opacity:.25;pointer-events:none;z-index:0}.pca-scenario::before{width:420px;height:420px;background:var(--pca-blue);top:-120px;left:-100px}.pca-scenario::after{width:360px;height:360px;background:var(--pca-accent);bottom:-100px;right:-80px}.pca-scenario.pca-scenario--page{padding:48px 24px 80px}.pca-scenario .page-header{text-align:center;margin-bottom:48px;position:relative;z-index:1}.pca-scenario .page-header h1{font-size:clamp(1.4rem, 3vw, 2rem) !important;font-weight:800 !important;color:#003d82;letter-spacing:.03em;line-height:1.4}.pca-scenario .page-header p{margin-top:8px;color:#6b7a99;font-size:.95rem}.pca-scenario .scenario-tabs{display:flex;gap:8px;justify-content:center;position:relative;z-index:1;margin-bottom:32px}.pca-scenario .scenario-tabs .scenario-tab{appearance:none;border:2px solid var(--pca-blue);background:#fff;color:var(--pca-blue);font-weight:bold;font-size:15px;padding:10px 24px;border-radius:999px;cursor:pointer;transition:background .2s ease, color .2s ease, transform .15s ease}.pca-scenario .scenario-tabs .scenario-tab:hover{transform:translateY(-1px)}.pca-scenario .scenario-tabs .scenario-tab.is-active{background:var(--pca-blue);color:#fff}.pca-scenario .scenario-tabs .scenario-tab:focus-visible{outline:3px solid var(--pca-accent);outline-offset:2px}.pca-scenario .scenario-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:28px}.pca-scenario .scenario-grid[hidden]{display:none}.pca-scenario .scenario-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.12);padding:40px 10px 16px;display:flex;align-items:center;gap:20px;cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent;transition:transform .35s, box-shadow .35s, border-color .25s;user-select:none;z-index:1}.pca-scenario .scenario-card::before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg, #0057b8, #00c2a8);border-radius:16px 16px 0 0}.pca-scenario .scenario-card:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 16px 48px rgba(0,0,0,0.18);border-color:#0057b8}.pca-scenario .scenario-card:hover .mascot-normal{opacity:0;transform:scale(0.85)}.pca-scenario .scenario-card:hover .mascot-smile{opacity:1;transform:scale(1.08) rotate(5deg)}.pca-scenario .scenario-card .release-badge{position:absolute;top:12px;right:14px;padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:.04em;pointer-events:none;z-index:1;background:#0057b8;color:#fff;box-shadow:0 2px 8px rgba(0,87,184,0.35)}.pca-scenario .scenario-card .release-badge.release-badge-future{background:#00c2a8;box-shadow:0 2px 8px rgba(0,194,168,0.35)}.pca-scenario .mascot-wrap{flex-shrink:0;width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.pca-scenario .mascot-svg{width:100px;height:100px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s, transform .35s}.pca-scenario .mascot-normal{opacity:1}.pca-scenario .mascot-smile{opacity:0}.pca-scenario .card-body{flex:1}.pca-scenario .card-title{font-size:1rem;font-weight:700;color:#003d82;line-height:1.4}.pca-scenario .card-hint{margin-top:6px;font-size:.78rem;color:#6b7a99}.pca-scenario.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity .35s ease}.pca-scenario.overlay.active{opacity:1;pointer-events:auto}.pca-scenario .dialog-box{background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,0.3);width:min(740px, 95vw);height:88vh;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.pca-scenario .dialog-header{background:linear-gradient(135deg, #003d82, #0057b8);color:#fff;padding:12px 24px 16px;display:flex;align-items:center;gap:14px;flex-shrink:0;position:relative;z-index:20}.pca-scenario .dialog-mascot{flex-shrink:0;width:80px;height:80px;border-radius:50%;background-size:80%;background-repeat:no-repeat;background-position:center 30%;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.pca-scenario .dialog-title{font-size:1rem;font-weight:700;line-height:1.3}.pca-scenario .dialog-sub{font-size:.75rem;opacity:.75;margin-top:2px}.pca-scenario .dialog-close{margin-left:auto;background:rgba(255,255,255,0.15);border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.pca-scenario .dialog-close:hover{background:rgba(255,255,255,0.3)}.pca-scenario .dialog-body-wrapper{flex:1;position:relative;overflow:hidden}.pca-scenario .dialog-body-bg{position:absolute;inset:0;background:linear-gradient(135deg, #f0f4fa, #fff);z-index:1;pointer-events:none}.pca-scenario .intro-stage{position:absolute;inset:0;z-index:100;pointer-events:none}.pca-scenario .curtain{position:absolute;top:0;height:100%;width:50%}.pca-scenario .curtain-left{left:0;background:linear-gradient(to right, #003d82, #0057b8)}.pca-scenario .curtain-right{right:0;background:linear-gradient(to left, #003d82, #0057b8)}.pca-scenario .intro-mascot-wrap{position:absolute;inset:0 auto 0 0;width:50%;display:flex;align-items:center;justify-content:center;z-index:101;pointer-events:none}.pca-scenario .intro-mascot{width:180px;height:180px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;filter:drop-shadow(0 8px 24px rgba(0,0,0,0.35))}.pca-scenario .dialog-particles{position:absolute;inset:0;overflow:hidden;z-index:5;pointer-events:none}.pca-scenario .dialog-particle{position:absolute;border-radius:50%;animation:particleFall 2s ease-in forwards}.pca-scenario .dialog-body{padding:24px;overflow-y:auto;overflow-x:hidden;position:absolute;inset:0;z-index:15;word-break:break-word}.pca-scenario .dialog-body::-webkit-scrollbar{width:6px}.pca-scenario .dialog-body::-webkit-scrollbar-track{background:transparent}.pca-scenario .dialog-body::-webkit-scrollbar-thumb{background:rgba(0,87,184,0.25);border-radius:3px}.pca-scenario .dialog-body::-webkit-scrollbar-thumb:hover{background:rgba(0,87,184,0.45)}.pca-scenario .chat-row{display:flex;gap:12px;margin-bottom:20px;animation:msgFadeIn .2s ease-out forwards;opacity:0}.pca-scenario .chat-row.ai-row{align-items:flex-start}.pca-scenario .chat-row.user-row{flex-direction:row-reverse;align-items:flex-start}.pca-scenario .ai-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;background-size:80%;background-repeat:no-repeat;background-position:center 30%;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.pca-scenario .ai-bubble,.pca-scenario .user-bubble{padding:12px 16px;max-width:82%;font-size:.9rem;word-break:break-word;white-space:pre-wrap}.pca-scenario .ai-bubble{background:#e8f2ff;border:1px solid rgba(0,87,184,0.15);border-radius:4px 16px 16px 16px;color:#1a1a2e;line-height:1.65}.pca-scenario .ai-bubble .bubble-images{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pca-scenario .ai-bubble .bubble-img{max-width:100%;width:fit-content;height:auto;display:block}.pca-scenario .ai-bubble .insight-positive{color:#20C997;font-weight:bold}.pca-scenario .ai-bubble .insight-risk{color:#FF6B6B;font-weight:bold}.pca-scenario .ai-bubble .insight-caution{color:#FFA94D;font-weight:bold}.pca-scenario .ai-bubble .module-edoc{background-color:#15568A;color:#fff;font-weight:bold;padding:0 4px}.pca-scenario .ai-bubble .module-hr{background-color:#2F9E44;color:#fff;font-weight:bold;padding:0 4px}.pca-scenario .ai-bubble .module-sales{background-color:#1D7EC2;color:#fff;font-weight:bold;padding:0 4px}.pca-scenario .ai-bubble .module-transaction{background-color:#E8590C;color:#fff;font-weight:bold;padding:0 4px}.pca-scenario .ai-bubble .module-finance{background-color:#E03131;color:#fff;font-weight:bold;padding:0 4px}.pca-scenario .ai-bubble .btn_gray{display:inline-block;font-size:13px;padding:6px 10px;margin-bottom:4px;min-width:120px;text-align:center;color:#333 !important;background:#e7e7e7}.pca-scenario .ai-bubble .btn_blue{display:inline-block;font-size:13px;padding:6px 10px;margin-bottom:4px;min-width:120px;text-align:center;color:#fff !important;background:#00529f}.pca-scenario .user-bubble{background:linear-gradient(135deg, #0057b8, #1a7ce0);border-radius:16px 4px 16px 16px;color:#fff;line-height:1.6}.pca-scenario .user-bubble .bubble-images{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pca-scenario .user-bubble .bubble-img{width:100%;max-width:320px;height:auto;border-radius:8px;display:block}.pca-scenario .sender-tag{font-size:.68rem;font-weight:700;margin-bottom:6px;display:block}.ai-bubble .pca-scenario .sender-tag{color:#0057b8}.user-bubble .pca-scenario .sender-tag{color:rgba(255,255,255,0.75)}.pca-scenario .chat-disclaimer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(0,0,0,0.1);font-size:.75rem;color:#6b7a99;opacity:0;line-height:1.6;animation:msgFadeIn .2s ease-out forwards}@media (max-width: 480px){.pca-scenario .scenario-card{flex-direction:column;align-items:flex-start}.pca-scenario .intro-mascot{width:140px;height:140px}}@keyframes curtainOpenLeft{to{transform:translateX(-100%)}}@keyframes curtainOpenRight{to{transform:translateX(100%)}}@keyframes mascotPopIn{0%{opacity:0;transform:scale(0.3) rotateY(-20deg)}60%{opacity:1;transform:scale(1.15)}80%{opacity:1;transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}@keyframes mascotWrapExit{to{transform:translateX(-100%)}}@keyframes particleFall{0%{opacity:1;transform:translateY(0) translateX(0)}100%{opacity:0;transform:translateY(200px) translateX(var(--tx, 0px))}}@keyframes msgFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}