@charset "utf-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&display=swap");body.personality{margin:0;background:#ffffff;font-family:"Noto Sans JP",sans-serif;color:#1f2933;min-height:100vh;padding-bottom:120px}.personality-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-weight:600;border-radius:999px;border:1px solid transparent;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,color 0.2s ease;text-decoration:none}.personality-button.primary{background:#111827;color:#ffffff;box-shadow:none;border-color:#111827;border-width:2px}.personality-button.primary:hover{background:#ffffff;color:#111827;border-color:#111827}.personality-button.secondary{border:2px solid #111827;color:#111827;background:#ffffff;border-radius:0;display:inline-flex;align-items:center;justify-content:center}.personality-button.secondary:hover{background:#111827;color:#ffffff}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,0.35);background:rgba(248,250,252,0.8);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 rgba(15,23,42,0.08);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,0.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:0.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:rgba(255,255,255,0.9);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-app{max-width:960px;margin:0 auto;padding:32px 24px 96px;background:#ffffff;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{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-question__index{font-size:15px;font-weight:600;color:#6366f1;margin-bottom:8px}.personality-question__text{font-size:18px;font-weight:600;color:#111827;margin-bottom:18px}.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-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 0.25s ease,border-color 0.25s ease,box-shadow 0.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 0.2s ease,transform 0.2s ease}.personality-option:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(148,163,184,0.22)}.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-submit{margin:40px auto 0;display:block;background:#0f172a;color:#ffffff;border:3px solid #0f172a;border-radius:0;padding:18px 48px;box-shadow:0 8px 24px rgba(0,0,0,0.15);font-weight:700;font-size:20px;text-align:center;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;scroll-margin-top:160px}.personality-submit:disabled{opacity:0.45;cursor:not-allowed;box-shadow:none;transform:none}.personality-submit:not(:disabled):hover{background:#ffffff;color:#0f172a;border-color:#0f172a;transform:none;box-shadow:0 10px 28px rgba(0,0,0,0.18)}.personality-result{margin-top:28px;padding-top:20px;border-top:none;scroll-margin-top:140px}.personality-result.is-hidden{display:none}.personality-type-code{position:relative;display:block;font-weight:700;font-size:40px;letter-spacing:0.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:translateX(-50%);width:80px;height:3px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.personality-type-image{width:auto;max-width:min(60vw,300px);height:320px;margin:0 auto;display:none;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-type-description{font-size:17px;line-height:1.8;color:#374151;margin:8px 0 0 0;padding:0;white-space:normal}.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:#ffffff;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:0.02em;line-height:1}.personality-type-meta-text{font-size:17px;line-height:1.7;color:#333333;margin:0;white-space:pre-line}.personality-axis-list{display:grid;gap:20px}.personality-axis-list .personality-axis-card{background:#ffffff;border-radius:0;padding:20px 24px;border:none;box-shadow:4px 4px 0 rgba(0,0,0,0.15);max-width:540px;width:100%;margin:0 auto;overflow:hidden}@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-list .personality-axis-header{margin:-20px -24px 16px -24px;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-progress{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(148,163,184,0.35),rgba(148,163,184,0.05))}.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 rgba(59,130,246,0.35)}.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%,0)}.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-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}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:white !important;background:white !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 0.2s,color 0.2s !important}body.personality-test.personality-result-page .personality-dashboard-link-wrapper .personality-retake{background:var(--type-color,#5cb8a8) !important;background-color:var(--type-color,#5cb8a8) !important;color:white !important}body.personality-test.personality-result-page .personality-dashboard-link:hover{background:var(--type-color,#5cb8a8) !important;background-color:var(--type-color,#5cb8a8) !important;color:white !important}body.personality-test.personality-result-page .personality-dashboard-link-wrapper .personality-retake:hover{background:white !important;background-color:white !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 0;padding:0 0 6px 0;color:#ffffff;background:transparent;line-height:1;border-bottom:4px solid #ffffff}.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-right{flex:0 0 340px;display:flex;align-items:center;justify-content:center}.personality-result-type-card{background:#ffffff;border-radius:0;padding:0 0 16px 0;text-align:center;box-shadow:8px 8px 0 rgba(0,0,0,0.15);border:none;display:flex;flex-direction:column;width:100%;transform:rotate(3deg);position:relative}.personality-result-card-label{position:absolute;top:8px;left:8px;color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.05em;z-index:10}.personality-result-type-card .personality-type-preview-image{width:100%;height:260px;margin:0 0 12px 0;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:translateX(-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:0.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:#ffffff;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}.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:#ffffff;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 0;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,rgba(148,163,184,0.35),rgba(148,163,184,0.05));margin:24px 0 16px 0}.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 rgba(0,0,0,0.2)}.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:#ffffff;transform:translateX(-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:#ffffff;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}@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-wrap:wrap;gap:16px;align-items:stretch;flex-direction:column}.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:#ffffff;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 0.2s ease}.personality-retake:hover{background:#c7d2fe}.personality-error{padding:16px;border-radius:12px;background:rgba(248,113,113,0.1);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;justify-content:center;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}body.personality-test.personality-result-page .personality-axis-toggle{display:none}@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,0.3);background:rgba(59,130,246,0.06);color:#1d4ed8;font-weight:600;font-size:14px;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease}.axis-toggle-btn:hover{background:rgba(59,130,246,0.12);border-color:rgba(59,130,246,0.5)}.axis-toggle-icon{display:inline-block;transition:transform 0.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:#ffffff;border:1px solid #e5e7eb;border-radius:20px;padding:32px;margin:24px auto 32px;box-shadow:0 15px 35px rgba(15,23,42,0.08);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:0.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 rgba(0,0,0,0.04)}.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 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{width:100%;max-width:520px;margin:0 auto}.auth-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.15);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:0.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}body.personality-test.personality-result-page .personality-auth-submit{background:var(--type-color,#4f46e5) !important}.personality-auth-submit:hover{opacity:0.9}.personality-auth-submit:active{transform:translateY(1px)}.personality-auth-note{font-size:0.9rem;color:#6b7280;text-align:center}.personality-auth-secondary{margin-top:16px;font-size:0.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:0.9rem;padding:8px 10px;border-bottom-width:2px}.personality-auth-divider{font-size:0.8rem}.auth-social-btn{padding:8px 10px;font-size:0.9rem}.auth-field label{font-size:0.9rem}.auth-field input[type=\"text\"],.auth-field input[type=\"email\"],.auth-field input[type=\"password\"]{padding:7px 10px;font-size:0.85rem;line-height:1.2}.auth-password-toggle{font-size:0.78rem}.auth-checkbox{font-size:0.8rem;gap:6px}.personality-auth-submit{padding:10px 14px;font-size:0.9rem;width:auto;min-width:0;align-self:center}.personality-auth-note,.personality-auth-secondary{font-size:0.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{padding:0 16px}.personality-axis-container{padding:0 16px}}