:root{color-scheme:light;--page-max-width: 1200px;--page-content-padding: 16px;--color-text: #1f2937;--color-text-muted: #4b5563;--color-bg: #fdfbf8;--color-surface: #fff;--color-surface-alt: #f7f3ed;--color-border: #e5e7eb;--color-success: #16a34a;--color-danger: #ef4444;--color-warning: #fb923c;--font-base: Noto Sans JP, Inter, Hiragino Sans, Yu Gothic, Meiryo, sans-serif;--radius-lg: 12px;--radius-xl: 16px;--shadow-soft: 0 24px 60px rgba(31, 41, 55, .08);--cls-color-1: #f78fb3;--cls-color-2: #8c7dff;--cls-color-3: #34c759;--cls-color-4: #4ec4eb;--cls-color-5: #fb7185;--cls-color-6: #fbbf24;--cls-color-7: #f97316;--cls-color-8: #8cc63f;--cls-color-9: #3b82f6;--cls-color-10: #1e40af;--cls-color-11: #f472b6;--cls-color-12: #94a3b8}body.personality{--p-page-bg: #fff;margin:0;background:var(--p-page-bg);font-family:Noto Sans JP,sans-serif;color:#111827;min-height:100vh;padding-bottom:120px}.personality-hero{display:block;background:#fff;border-radius:32px;padding:48px;box-shadow:0 24px 60px #0f172a14;margin-bottom:48px;text-align:center}.personality-section{background:#fff;border-radius:32px;padding:20px;box-shadow:0 20px 40px #0f172a0d;margin-bottom:12px}.personality-section-header{text-align:center}.personality-section-header h2{font-size:28px;margin-bottom:8px;padding-bottom:3px;border-bottom:3px solid #111827;display:inline-block}.personality-section-header p{color:#4b5563;margin:0 0 24px}.personality-type-code{position:relative;display:block;font-weight:700;font-size:40px;letter-spacing:.12em;color:#111827;text-transform:uppercase;padding-bottom:8px;white-space:nowrap;overflow:visible}.personality-type-code:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:80px;height:3px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.personality-type-meta{border:none;border-radius:0;padding:0;margin:0 10px 32px;background:none;display:grid;gap:40px;max-width:1400px;width:calc(100% - 20px);box-sizing:border-box}.personality-type-meta[hidden]{display:none}.personality-type-meta-wrapper{display:block}.personality-type-meta-item{background:#fff;border:4px solid #5cb8a8;border-radius:0;padding:20px}.personality-type-meta-label{color:#5cb8a8;font-size:32px;font-weight:700;margin-bottom:2px;padding:0;display:flex;align-items:center;justify-content:center;gap:15px;text-transform:none;letter-spacing:.02em;line-height:1}.personality-type-meta-text{font-size:17px;line-height:1.7;color:#333;margin:0;white-space:pre-line}.personality-button{--p-btn-radius: 999px;--p-btn-primary-bg: #111827;--p-btn-primary-fg: #fff;display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-weight:600;border-radius:var(--p-btn-radius);border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;text-decoration:none}.personality-button.primary{background:var(--p-btn-primary-bg);color:var(--p-btn-primary-fg);box-shadow:none;border-color:var(--p-btn-primary-bg);border-width:2px}.personality-button.primary:hover{background:#fff;color:var(--p-btn-primary-bg);border-color:var(--p-btn-primary-bg)}.personality-button.secondary{border:2px solid var(--p-btn-primary-bg);color:var(--p-btn-primary-bg);background:#fff;border-radius:0}.personality-button.secondary:hover{background:var(--p-btn-primary-bg);color:#fff}.personality-button.tertiary{border-color:transparent;color:#4338ca;background:transparent}.personality-button.tertiary:hover{background:#4338ca14}.personality-app{max-width:960px;margin:0 auto;padding:32px 24px 96px;background:#fff;box-shadow:none;border-radius:0}.personality-app h1{font-size:32px;font-weight:700;margin-bottom:12px;line-height:1.3}.personality-lead{color:#4b5563;font-size:16px;line-height:1.7;margin-bottom:32px}.personality-question__index{font-size:15px;font-weight:600;color:#6366f1;margin-bottom:8px}.personality-scale{display:flex;flex-direction:column;gap:8px;max-width:520px;margin:0 auto}.personality-scale-label-row{display:grid;grid-template-columns:auto minmax(12px,1fr) auto;align-items:center;gap:12px}.personality-scale-label{font-weight:600;font-size:14px}.personality-scale-label.placeholder{display:block;height:1px}.personality-scale-label--positive{color:#047857;text-align:left}.personality-scale-label--negative{color:#6b21a8;text-align:right}.personality-submit{margin:40px auto 0;display:block;background:#0f172a;color:#fff;border:3px solid #0f172a;border-radius:0;padding:18px 48px;box-shadow:0 8px 24px #00000026;font-weight:700;font-size:20px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;scroll-margin-top:160px}.personality-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.personality-submit:not(:disabled):hover{background:#fff;color:#0f172a;border-color:#0f172a;transform:none}.personality-type-description{font-size:17px;line-height:1.8;color:#374151;margin:8px 0 0;padding:0;white-space:normal}.personality-result-card-label{position:absolute;top:8px;left:8px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;z-index:10}body.personality-test.personality-result-page .personality-result-app,body.personality-test.personality-result-page .basic-personality-section{background:transparent;box-shadow:none;border-radius:0;padding:0;margin-left:auto;margin-right:auto;max-width:1100px}body.personality-test.personality-result-page .personality-auth-panel{box-shadow:none;border:none;background:transparent;padding:0;max-width:1100px}body.personality-test.personality-result-page .personality-axis-toggle{padding:0;border:none;background:transparent}@media(max-width:768px){body.personality-test.personality-result-page .personality-axis-toggle{padding:0 16px}}body.personality-test.personality-result-page .personality-axis-toggle button{width:100%;max-width:720px;margin:0 auto;border-radius:0;border:2px solid rgba(15,23,42,.35);background:#f8fafccc;padding:12px 20px}body.personality-test.personality-result-page .personality-auth-submit,body.personality-test.personality-result-page .personality-retake{border-radius:0}.basic-personality-section{background:#fff;border-radius:32px;padding:48px;box-shadow:0 24px 60px #0f172a14;margin:0 auto 48px;max-width:960px}body.personality-types-detail .basic-personality-section{background:transparent;border-radius:0;box-shadow:none;padding:0;border:none}.basic-personality-title{display:flex;align-items:center;justify-content:center;gap:16px;color:#2563eb;font-size:36px;font-weight:700;margin:0 0 24px}.basic-personality-icon{width:48px;height:48px;object-fit:contain}.basic-personality-card{border:4px solid #5cb8a8;border-radius:0;padding:20px;margin:0 10px;width:calc(100% - 20px);max-width:1400px;box-sizing:border-box}.basic-personality-content{font-size:18px;line-height:1.9;color:#111827}.personality-axis-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.personality-axis-card{border:2px solid rgba(15,23,42,.35);border-radius:0;padding:24px;background:#f8fafc}.personality-axis-card dl{margin:0}.personality-axis-card dt{font-weight:600;color:#0f172a}.personality-axis-card dd{margin:0 0 12px;color:#4b5563}.personality-type-code{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--type-accent, #812020);margin:0 auto 8px;border:none;border-radius:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffffe6;white-space:nowrap;overflow:visible}@media(max-width:640px){.basic-personality-section{padding:32px 24px}.basic-personality-title{font-size:28px}.basic-personality-card{padding:15px;width:100%;max-width:1400px;margin:0 auto}}@media(max-width:720px){.personality-hero{padding:32px 24px}.personality-section{padding:24px;border-radius:24px}}.personality-question{padding:28px 0;border-bottom:1px solid #eef2f7;scroll-margin-top:160px}.personality-question:first-of-type{padding-top:0}.personality-question:last-of-type{border-bottom:none}.personality-options{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto;flex-wrap:nowrap;width:min(520px,90vw)}.personality-option{--option-size: 56px;--option-color: #34d399;display:flex;align-items:center;justify-content:center;border-radius:50%;width:var(--option-size);height:var(--option-size);border:2px solid var(--option-color);cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative}.personality-option input{position:absolute;opacity:0;pointer-events:none}.personality-option span{display:block;width:100%;height:100%;border-radius:50%;background:transparent;transition:background .2s ease,transform .2s ease}.personality-option:hover{transform:scale(1.05);box-shadow:0 8px 24px #94a3b838}.personality-option input:checked+span{background:var(--option-color)}.personality-option[data-index="0"]{--option-size: clamp(52px, 14vw, 88px);--option-color: #0f9d73}.personality-option[data-index="1"]{--option-size: clamp(48px, 13vw, 72px);--option-color: #34d399}.personality-option[data-index="2"]{--option-size: clamp(36px, 10vw, 48px);--option-color: #bbf7d0}.personality-option[data-index="3"]{--option-size: clamp(36px, 10vw, 48px);--option-color: #ddd6fe}.personality-option[data-index="4"]{--option-size: clamp(46px, 12vw, 68px);--option-color: #c084fc}.personality-option[data-index="5"]{--option-size: clamp(52px, 14vw, 88px);--option-color: #7c3aed}.personality-result{margin-top:28px;padding-top:20px;border-top:none;scroll-margin-top:140px}.personality-result.is-hidden{display:none}.personality-type-image{width:auto;max-width:min(60vw,300px);height:320px;margin:0 auto;position:relative;overflow:hidden;border-radius:12px;display:none}.personality-type-image img{width:auto;height:100%;display:block;object-fit:contain;margin:0;padding:0}@media(min-width:960px){.personality-type-image{flex:0 0 auto;width:auto;max-width:300px;height:320px;margin:0;padding:0;display:flex;justify-content:flex-start;align-items:center;align-self:flex-start}}.personality-type-image.is-visible,.personality-type-image:not([hidden]){display:block}.personality-axis-list{display:grid;gap:20px}.personality-axis-list .personality-axis-card{background:#fff;border-radius:0;padding:20px 24px;border:none;box-shadow:4px 4px #00000026;max-width:540px;width:100%;margin:0 auto;overflow:hidden}.personality-axis-list .personality-axis-header{margin:-20px -24px 16px;padding:12px 24px;display:flex;align-items:center;border-bottom:2px solid var(--result-color, #3b82f6)}.personality-axis-list .personality-axis-name{color:var(--result-color, #3b82f6);font-weight:700}.personality-axis-list .personality-axis-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;flex-shrink:0;color:var(--result-color, #3b82f6)}.personality-axis-list .personality-axis-icon svg{width:100%;height:100%;fill:currentcolor}.personality-axis-list .personality-axis-card:nth-child(1){--axis-accent: #7c3aed}.personality-axis-list .personality-axis-card:nth-child(2){--axis-accent: #0ea5e9}.personality-axis-list .personality-axis-card:nth-child(3){--axis-accent: #f43f5e}.personality-axis-list .personality-axis-card:nth-child(4){--axis-accent: #22c55e}@media(max-width:768px){.personality-axis-list{padding:0 16px;box-sizing:border-box}.personality-axis-list .personality-axis-card{margin:0;width:100%;max-width:none}}.personality-axis-header{display:flex;justify-content:center;margin-bottom:12px}.personality-axis-name{font-weight:700;font-size:17px;color:#1f2937;text-align:center}.personality-axis-progress{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#94a3b859,#94a3b80d)}.personality-axis-progress-pin{position:absolute;top:50%;width:6px;height:28px;border-radius:6px;background:#3b82f6;transform:translate(-50%,-50%);box-shadow:0 4px 12px #3b82f659}.personality-axis-progress-pin:after{content:"";position:absolute;bottom:-6px;left:50%;width:14px;height:14px;border-radius:50%;border:2px solid #3b82f6;background:#fff;transform:translate(-50%)}.personality-axis-label-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;font-size:12px;color:#4b5563;margin-top:8px;gap:12px}.personality-axis-label{display:inline-flex;flex-direction:column;gap:2px;line-height:1.2}.personality-axis-label.is-left{align-items:flex-start;text-align:left}.personality-axis-label.is-right{align-items:flex-end;text-align:right}body.personality-test.personality-result-page .personality-dashboard-link-wrapper{display:flex;justify-content:center;align-items:center;gap:16px;margin:10px auto 0;max-width:1100px}body.personality-test.personality-result-page .personality-dashboard-link-wrapper .personality-retake,body.personality-test.personality-result-page .personality-dashboard-link{display:inline-block!important;width:auto!important;max-width:none!important;margin:0!important;background-color:#fff!important;background:#fff!important;color:var(--type-color, #5cb8a8)!important;border:2px solid var(--type-color, #5cb8a8)!important;padding:8px 24px!important;font-size:22px!important;font-weight:700!important;border-radius:4px!important;text-decoration:none!important;cursor:pointer;transition:background-color .2s,color .2s!important}body.personality-test.personality-result-page .personality-dashboard-link-wrapper .personality-retake,body.personality-test.personality-result-page .personality-dashboard-link:hover{background:var(--type-color, #5cb8a8)!important;background-color:var(--type-color, #5cb8a8)!important;color:#fff!important}body.personality-test.personality-result-page .personality-dashboard-link-wrapper .personality-retake:hover{background:#fff!important;background-color:#fff!important;color:var(--type-color, #5cb8a8)!important}@media(max-width:768px){body.personality-test.personality-result-page .personality-dashboard-link-wrapper{flex-direction:row;gap:8px}body.personality-test.personality-result-page .personality-dashboard-link-wrapper .personality-retake,body.personality-test.personality-result-page .personality-dashboard-link{font-size:14px!important;padding:6px 14px!important}}.personality-share-section{margin:40px 0;padding:40px 0;background:color-mix(in srgb,var(--result-color, #5cb8a8) 65%,white);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.personality-share-section-title{align-self:flex-start;display:inline-flex;align-items:center;gap:15px;font-size:40px;font-weight:700;margin:0 0 32px;padding:0 0 6px;color:#fff;background:transparent;line-height:1;border-bottom:4px solid #fff}.personality-share-layout{display:flex;gap:60px;max-width:1100px;margin:0 auto;padding:0 40px;align-items:stretch}.personality-share-left{flex:1;min-width:0;display:flex;flex-direction:column}.personality-share-left .personality-axis-container{margin-top:0;padding:0}.personality-share-left .personality-axis-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:#fff;box-shadow:4px 4px 0 var(--result-color, #5cb8a8)}.personality-share-left .personality-axis-list .personality-axis-card{max-width:none;margin:0;padding:16px 20px;background:transparent;border:none;box-shadow:none}.personality-share-left .personality-axis-list .personality-axis-card:nth-child(1),.personality-share-left .personality-axis-list .personality-axis-card:nth-child(3){border-right:2px solid var(--result-color, #5cb8a8)}.personality-share-left .personality-axis-list .personality-axis-card:nth-child(1),.personality-share-left .personality-axis-list .personality-axis-card:nth-child(2){border-bottom:2px solid var(--result-color, #5cb8a8)}.personality-share-left .personality-axis-header{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0;background:transparent}.personality-share-left .personality-axis-name{font-size:22px;font-weight:700;color:var(--result-color, #5cb8a8)}.personality-share-left .personality-axis-progress{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#94a3b859,#94a3b80d);margin:24px 0 16px}.personality-share-left .personality-axis-progress-pin{position:absolute;top:50%;width:6px;height:28px;border-radius:6px;background:var(--result-color, #5cb8a8);transform:translate(-50%,-50%);box-shadow:0 4px 12px #0003}.personality-share-left .personality-axis-progress-pin:after{content:"";position:absolute;bottom:-6px;left:50%;width:14px;height:14px;border-radius:50%;border:2px solid var(--result-color, #5cb8a8);background:#fff;transform:translate(-50%)}.personality-share-left .personality-axis-label-row{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.personality-share-left .personality-axis-label-left{text-align:left}.personality-share-left .personality-axis-label-right{text-align:right}.personality-share-left .diag-share{margin-top:24px;background:#fff;padding:12px 20px;width:fit-content;margin-left:auto;margin-right:auto}.personality-share-left .diag-share-buttons{justify-content:center;gap:12px}.personality-share-left .diag-share-button{color:#374151}.personality-share-right{flex:0 0 340px;display:flex;align-items:center;justify-content:center}.personality-result-type-card{background:#fff;border-radius:0;padding:0 0 16px;text-align:center;box-shadow:8px 8px #00000026;border:none;display:flex;flex-direction:column;width:100%;transform:rotate(3deg);position:relative}.personality-result-type-card .personality-type-preview-image{width:100%;height:260px;margin:0 0 12px;display:flex;align-items:flex-end;justify-content:center;background-repeat:no-repeat;background-position:top center;background-size:contain;padding:0;border-radius:0;position:relative}.personality-result-type-card .personality-type-preview-image img{max-width:100%;max-height:100%;object-fit:contain;display:block;padding-bottom:0;transform:translateY(20px)}.personality-result-type-card .personality-type-preview-image img:not(.personality-type-preview-cut-bg){position:relative;z-index:1}.personality-result-type-card .personality-type-preview-cut-bg{position:absolute!important;bottom:-20px!important;left:50%!important;transform:translate(-50%)!important;width:100%!important;max-width:none!important;max-height:none!important;z-index:0!important}.personality-result-type-card .personality-type-preview-content{padding:8px 16px 0}.personality-result-type-card .personality-type-preview-code{font-size:28px;font-weight:700;letter-spacing:.08em;margin:0!important;padding:0;line-height:1}.personality-result-type-card .personality-type-preview-name{display:inline-block;padding:2px 10px;font-size:20px;font-weight:700;color:#fff;margin:0 0 2px!important;line-height:1}.personality-result-type-card .personality-type-preview-traits{font-size:12px;line-height:1.3;margin:0}@media(max-width:768px){.personality-share-layout{display:flex;flex-direction:column;gap:16px;padding:0 16px}.personality-share-left,.personality-share-right{display:contents}.personality-share-section-title{order:1;font-size:24px!important;margin-bottom:12px!important}.personality-result-type-card{order:2;width:280px!important;max-width:280px!important;margin:0 auto!important;transform:rotate(2deg)!important}.personality-result-type-card .personality-type-preview-image{height:200px!important}.personality-result-type-card .personality-type-preview-code{font-size:24px!important}.personality-result-type-card .personality-type-preview-name{font-size:18px!important}.personality-result-type-card .personality-type-preview-traits{font-size:11px!important}.personality-axis-container{order:3;width:100%}.personality-share-left .personality-axis-list{grid-template-columns:repeat(2,1fr);gap:0;margin-top:24px!important}.personality-share-left .personality-axis-list .personality-axis-card{padding:10px 12px!important}.personality-share-left .personality-axis-header{margin-bottom:6px!important;gap:4px!important}.personality-share-left .personality-axis-name{font-size:16px!important;line-height:1.1!important}.personality-share-left .personality-axis-progress{height:6px!important}.personality-share-left .personality-axis-label-row{font-size:8px!important}#personality-share{order:4;width:100%;margin-top:8px}}.personality-result-actions{margin-top:8px;display:flex;flex-flow:column wrap;gap:16px;align-items:stretch}.diag-share{margin-top:0}.diag-share-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.diag-share-button{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;cursor:pointer;color:#475569;font-size:12px;font-weight:600}.diag-share-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:10px;overflow:hidden}.diag-share-icon img{display:block;max-width:100%;max-height:100%}.diag-share-buttons [data-platform=x] .diag-share-icon{background:#111;border-radius:50%}.diag-share-buttons [data-platform=x] .diag-share-icon img{width:28px;height:auto}.diag-share-buttons [data-platform=facebook] .diag-share-icon img{width:40px;height:auto}.diag-share-buttons [data-platform=line] .diag-share-icon img{width:40px;height:auto;border-radius:12px}.diag-share-buttons [data-platform=copy] .diag-share-icon{background:#fff;border-radius:50%;border:1px solid #d1d5db}.diag-share-buttons [data-platform=copy] .diag-share-icon img{width:24px;height:24px}.diag-share-feedback{text-align:center;font-size:13px;color:#0f766e;margin-top:12px}.diag-share-feedback.is-error{color:#b91c1c}.personality-retake{display:flex;justify-content:center;align-items:center;width:100%;max-width:720px;box-sizing:border-box;margin:0 auto;border:none;background:#e0e7ff;color:#3730a3;padding:10px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:background .2s ease}.personality-retake:hover{background:#c7d2fe}.personality-error{padding:16px;border-radius:12px;background:#f871711a;color:#b91c1c;font-weight:600;margin:24px 0}@media(max-width:768px){.personality-app{padding:24px 18px 72px}.personality-question__text{font-size:17px}.personality-scale{max-width:100%}.personality-options{gap:10px}.personality-options[data-count="6"]{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:100%}.personality-share-buttons{justify-content:center}.personality-share-btn{width:calc(50% - 10px);text-align:center}.personality-option{--option-size: 50px}.personality-option[data-index="0"],.personality-option[data-index="5"]{--option-size: 60px}.personality-option[data-index="1"],.personality-option[data-index="4"]{--option-size: 54px}.personality-option[data-index="2"],.personality-option[data-index="3"]{--option-size: 48px}.personality-scale-label-row{gap:12px}.personality-result-actions{flex-direction:column;align-items:stretch}.personality-retake{display:flex;align-items:center;width:100%;max-width:720px;box-sizing:border-box;margin:0 auto;justify-content:center;align-self:center}}.personality-axis-toggle{margin:32px 0 0;text-align:center}@media(max-width:768px){.personality-axis-toggle{padding:0 16px}}.axis-toggle-btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:720px;box-sizing:border-box;margin:0 auto;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid rgba(59,130,246,.3);background:#3b82f60f;color:#1d4ed8;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.axis-toggle-btn:hover{background:#3b82f61f;border-color:#3b82f680}.axis-toggle-icon{display:inline-block;transition:transform .2s ease;font-size:12px}.axis-toggle-btn[aria-expanded=true] .axis-toggle-icon{transform:rotate(-180deg)}.personality-axis-container{margin-top:20px;padding:0 20px;box-sizing:border-box}.personality-axis-container.is-collapsed{display:none}.personality-auth-panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:32px;margin:24px auto 32px;box-shadow:0 15px 35px #0f172a14;max-width:760px;width:100%}.personality-auth-panel__intro h2{font-size:32px;font-weight:700;margin-bottom:12px;color:#111827}.personality-auth-panel__intro p{color:#4b5563;line-height:1.7;margin-bottom:20px}.personality-auth-intro-content{display:flex;align-items:center;gap:24px}.personality-auth-intro-text{flex:1}.personality-auth-intro-image{flex-shrink:0}.personality-auth-intro-image img{width:280px;height:auto}.sp-only{display:none}@media(max-width:768px){.sp-only{display:inline}.personality-auth-panel__intro h2{font-size:16px;text-align:center}.personality-auth-panel__intro p{font-size:12px;margin-bottom:12px}.personality-auth-intro-content{flex-direction:column}.personality-auth-intro-image{display:none}}.personality-auth-tabs{display:flex;gap:12px;border-bottom:1px solid #e5e7eb;margin-bottom:20px;flex-wrap:wrap}.personality-auth-tab{flex:1;padding:12px 16px;border:none;background:transparent;font-size:1rem;font-weight:600;color:#6b7280;border-bottom:3px solid transparent;cursor:pointer}.personality-auth-tab.is-active{color:#111827;border-bottom-color:#6366f1}body.personality-test.personality-result-page .personality-auth-tab.is-active{border-bottom-color:var(--type-color, #6366f1)!important}.personality-auth-social{width:100%;max-width:520px;display:flex;flex-direction:column;gap:10px;margin:0 auto 16px}.personality-auth-divider{text-align:center;font-size:.9rem;color:#6b7280}.auth-social-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#111827;font-weight:700;text-decoration:none;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.auth-social-btn img{width:22px;height:22px}.auth-social-btn:hover{background:#f9fafb;box-shadow:0 4px 12px #0000000a}.auth-social-btn:active{transform:translateY(1px)}.personality-auth-forms{display:grid;grid-template-columns:1fr}.personality-auth-form{display:none;gap:16px}.personality-auth-form.is-active{display:flex;flex-direction:column;align-items:center}.auth-field{width:100%;max-width:520px;margin:0 auto}.auth-field label{font-weight:600;display:block;margin-bottom:6px;color:#111827}.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password]{width:100%;border:1px solid #d1d5db;border-radius:0;padding:12px 14px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}body.personality-test.personality-result-page .auth-field input:focus{border-color:var(--type-color, #6366f1)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--type-color, #6366f1) 15%,transparent)!important}.auth-password-input{position:relative}.auth-password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:none;background:none;color:#4b5563;font-weight:600;cursor:pointer}.auth-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:#4b5563;width:100%;max-width:520px;margin:0 auto}.auth-checkbox input{margin-top:4px}.auth-checkbox a{color:#4f46e5;text-decoration:underline}body.personality-test.personality-result-page .auth-checkbox a{color:var(--type-color, #4f46e5)!important}.personality-auth-submit{border:none;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;padding:14px;cursor:pointer;transition:opacity .2s ease,transform .1s ease;width:100%;max-width:520px}.personality-auth-submit:hover{opacity:.9}.personality-auth-submit:active{transform:translateY(1px)}body.personality-test.personality-result-page .personality-auth-submit{background:var(--type-color, #4f46e5)!important}.personality-auth-note{font-size:.9rem;color:#6b7280;text-align:center}.personality-auth-secondary{margin-top:16px;font-size:.9rem;color:#6b7280;text-align:center;display:none}.personality-auth-secondary a{color:#4f46e5;text-decoration:underline}@media(max-width:768px){.personality-auth-panel{padding:18px;margin:16px 0 24px;max-width:100%}.personality-auth-tabs{gap:6px}.personality-auth-tab{font-size:.9rem;padding:8px 10px;border-bottom-width:2px}.personality-auth-divider{font-size:.8rem}.auth-social-btn{padding:8px 10px;font-size:.9rem}.auth-field label{font-size:.9rem}.auth-field input[type='"text"'],.auth-field input[type='"email"'],.auth-field input[type='"password"']{padding:7px 10px;font-size:.85rem;line-height:1.2}.auth-password-toggle{font-size:.78rem}.auth-checkbox{font-size:.8rem;gap:6px}.personality-auth-submit{padding:10px 14px;font-size:.9rem;width:auto;min-width:0;align-self:center}.personality-auth-note,.personality-auth-secondary{font-size:.8rem}.personality-auth-tab{border-bottom-width:2px}.personality-type-meta{padding:0 15px}}.personality-post-actions{margin-top:32px;display:flex;flex-direction:column;gap:20px;align-items:center}@media(max-width:768px){.personality-post-actions,.personality-axis-container{padding:0 16px}}.personality-share-link{align-self:center}.personality-type-insights{margin:20px 0;display:grid;gap:16px}.personality-type-insight-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));text-align:center}.personality-insight-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;box-shadow:none;text-align:center}.personality-insight-card[data-role=type-strengths],[data-role=type-strengths] .personality-insight-card{border-color:var(--type-strength-color, #e5e7eb);background:color-mix(in srgb,var(--type-strength-color, #5cb8a8) 10%,#fff)}.personality-insight-card[data-role=type-weaknesses],[data-role=type-weaknesses] .personality-insight-card{border-color:var(--type-weakness-color, #e5e7eb);background:color-mix(in srgb,var(--type-weakness-color, #5cb8a8) 8%,#fff)}.personality-insight-title{font-weight:700;color:var(--type-color-base, #111827);margin-bottom:6px}[data-role=type-strengths] .personality-insight-title{color:var(--type-strength-color, var(--type-color-base, #111827))}[data-role=type-weaknesses] .personality-insight-title{color:var(--type-weakness-color, var(--type-color-base, #111827))}.personality-insight-body ul{margin:0;padding-left:18px}.personality-insight-body li{line-height:1.6;margin:4px 0}.personality-type-meta [data-role]{height:100%;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}[data-role=type-post] .personality-type-meta-item{background:color-mix(in srgb,var(--type-color-base, #5cb8a8) 12%,#ffffff)}[data-role=type-compatible] .personality-type-meta-item{border:none;border-top:none;background:transparent;padding:0}[data-role=type-compatible] .personality-type-meta-label{color:var(--type-compatible-color, var(--type-color-base))}[data-role=type-daily] .personality-type-meta-item{border-top-color:var(--type-weakness-color, var(--type-color-base, #5cb8a8));border-color:color-mix(in srgb,var(--type-weakness-color, #5cb8a8) 22%,#e5e7eb);background:#fff}[data-role=type-daily] .personality-type-meta-label{color:var(--type-weakness-color, var(--type-color-base, #1f2937))}.personality-suffix{margin-top:16px;border:none;border-radius:0;padding:14px 0 0;background:transparent;border-top:1px solid #e5e7eb}.personality-suffix-tabs{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.personality-suffix-tab{border:1px solid #d1d5db;background:#f9fafb;border-radius:8px;padding:6px 10px;cursor:pointer;font-weight:700}.personality-suffix-tab.is-active{background:#111827;color:#fff;border-color:#111827}.personality-suffix-card{border:none;border-radius:0;padding:0;background:transparent;box-shadow:none}.personality-suffix-title{margin:0 0 6px;font-size:17px;font-weight:800}.pn-tag,pn,pn-tag{display:inline-block;padding:2px 8px;margin:0 4px 4px 0;border-radius:999px;background:#eef2ff;color:#111827;font-weight:700;font-size:.95em}.personality-extended-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}