:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto;overflow-x:hidden}:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--container-sm: 100%;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--grid-columns: 12;--grid-gap: 1rem}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--grid-gap) / 2)}.col{flex:1;padding:0 calc(var(--grid-gap) / 2);min-width:0}.col-12{flex:0 0 100%;max-width:100%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-9{flex:0 0 75%;max-width:75%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-6{flex:0 0 50%;max-width:50%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-3{flex:0 0 25%;max-width:25%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:6px;font-size:var(--font-size-base);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-min);min-width:var(--touch-target-min);-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn:active{transform:translateY(0)}.btn-primary{background:var(--mbti-primary, #007bff);color:#fff}.btn-secondary{background:var(--mbti-secondary, #6c757d);color:#fff}.btn-block{width:100%;display:flex}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--mbti-border, #dee2e6);border-radius:6px;font-size:var(--font-size-base);line-height:1.5;background:var(--mbti-surface, #ffffff);color:var(--mbti-text, #212529);min-height:var(--touch-target-min);transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--mbti-primary, #007bff);box-shadow:0 0 0 3px var(--mbti-focus, rgba(0, 123, 255, .25))}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.table{width:100%;border-collapse:collapse;background:var(--mbti-surface, #ffffff)}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--mbti-border, #dee2e6);vertical-align:top}.table th{background:var(--mbti-primary, #007bff);color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.card{background:var(--mbti-surface, #ffffff);border:1px solid var(--mbti-border, #dee2e6);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{padding:var(--spacing-md);background:var(--mbti-background, #f8f9fa);border-bottom:1px solid var(--mbti-border, #dee2e6)}.card-body{padding:var(--spacing-md)}.card-footer{padding:var(--spacing-md);background:var(--mbti-background, #f8f9fa);border-top:1px solid var(--mbti-border, #dee2e6)}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.align-items-stretch{align-items:stretch!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.w-100{width:100%!important}.h-100{height:100%!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.ml-0,.ms-0{margin-left:0!important}.ml-1,.ms-1{margin-left:var(--spacing-xs)!important}.ml-2,.ms-2{margin-left:var(--spacing-sm)!important}.ml-3,.ms-3{margin-left:var(--spacing-md)!important}.ml-4,.ms-4{margin-left:var(--spacing-lg)!important}.ml-5,.ms-5{margin-left:var(--spacing-xl)!important}.mr-0,.me-0{margin-right:0!important}.mr-1,.me-1{margin-right:var(--spacing-xs)!important}.mr-2,.me-2{margin-right:var(--spacing-sm)!important}.mr-3,.me-3{margin-right:var(--spacing-md)!important}.mr-4,.me-4{margin-right:var(--spacing-lg)!important}.mr-5,.me-5{margin-right:var(--spacing-xl)!important}@media (min-width: 480px){:root{--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}.container{padding:0 var(--spacing-lg)}.col-sm-12{flex:0 0 100%;max-width:100%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-grid{display:grid!important}}@media (min-width: 768px){:root{--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem}.container{max-width:var(--container-md);padding:0 var(--spacing-xl)}.col-md-12{flex:0 0 100%;max-width:100%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-grid{display:grid!important}.text-md-center{text-align:center!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}.col-lg-12{flex:0 0 100%;max-width:100%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-grid{display:grid!important}}@media (min-width: 1200px){.container{max-width:var(--container-xl)}.col-xl-12{flex:0 0 100%;max-width:100%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-grid{display:grid!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.form-control{border-width:3px}.card{border-width:2px}}@media print{.d-print-none{display:none!important}.d-print-block{display:block!important}.d-print-flex{display:flex!important}.btn{border:1px solid #000;background:transparent!important;color:#000!important}.card{border:1px solid #000;box-shadow:none}.table th{background:transparent!important;color:#000!important;border:1px solid #000}}.focus-visible:focus{outline:2px solid var(--mbti-primary, #007bff);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--mbti-primary, #007bff);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}:root{--mbti-primary: #007bff;--mbti-secondary: #6c757d;--mbti-accent: #28a745;--mbti-background: #ffffff;--mbti-text: #212529;--mbti-theme-type: "default";--mbti-surface: #f8f9fa;--mbti-border: #dee2e6;--mbti-shadow: rgba(0, 0, 0, .1);--mbti-hover: rgba(0, 123, 255, .1);--mbti-focus: rgba(0, 123, 255, .25)}.mbti-intj{--mbti-primary: #2c3e50;--mbti-secondary: #34495e;--mbti-accent: #3498db;--mbti-background: #ecf0f1;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #bdc3c7;--mbti-shadow: rgba(44, 62, 80, .15);--mbti-hover: rgba(52, 152, 219, .1);--mbti-focus: rgba(52, 152, 219, .25);--mbti-theme-type: "structured"}.mbti-entj{--mbti-primary: #8e44ad;--mbti-secondary: #9b59b6;--mbti-accent: #e74c3c;--mbti-background: #f8f9fa;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #d1a3d8;--mbti-shadow: rgba(142, 68, 173, .15);--mbti-hover: rgba(231, 76, 60, .1);--mbti-focus: rgba(231, 76, 60, .25);--mbti-theme-type: "structured"}.mbti-istj{--mbti-primary: #34495e;--mbti-secondary: #7f8c8d;--mbti-accent: #27ae60;--mbti-background: #ecf0f1;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #95a5a6;--mbti-shadow: rgba(52, 73, 94, .15);--mbti-hover: rgba(39, 174, 96, .1);--mbti-focus: rgba(39, 174, 96, .25);--mbti-theme-type: "structured"}.mbti-estj{--mbti-primary: #c0392b;--mbti-secondary: #e74c3c;--mbti-accent: #f39c12;--mbti-background: #fdf2e9;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #e8b4a0;--mbti-shadow: rgba(192, 57, 43, .15);--mbti-hover: rgba(243, 156, 18, .1);--mbti-focus: rgba(243, 156, 18, .25);--mbti-theme-type: "structured"}.mbti-intp{--mbti-primary: #16a085;--mbti-secondary: #1abc9c;--mbti-accent: #3498db;--mbti-background: #f0f8ff;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #7fb3d3;--mbti-shadow: rgba(22, 160, 133, .15);--mbti-hover: rgba(52, 152, 219, .1);--mbti-focus: rgba(52, 152, 219, .25);--mbti-theme-type: "flexible"}.mbti-istp{--mbti-primary: #7f8c8d;--mbti-secondary: #95a5a6;--mbti-accent: #e67e22;--mbti-background: #f8f9fa;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #bdc3c7;--mbti-shadow: rgba(127, 140, 141, .15);--mbti-hover: rgba(230, 126, 34, .1);--mbti-focus: rgba(230, 126, 34, .25);--mbti-theme-type: "flexible"}.mbti-estp{--mbti-primary: #e74c3c;--mbti-secondary: #c0392b;--mbti-accent: #f1c40f;--mbti-background: #fff5f5;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #f1948a;--mbti-shadow: rgba(231, 76, 60, .15);--mbti-hover: rgba(241, 196, 15, .1);--mbti-focus: rgba(241, 196, 15, .25);--mbti-theme-type: "flexible-flashy"}.mbti-entp{--mbti-primary: #9b59b6;--mbti-secondary: #8e44ad;--mbti-accent: #f39c12;--mbti-background: #fdf2e9;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #d7bde2;--mbti-shadow: rgba(155, 89, 182, .15);--mbti-hover: rgba(243, 156, 18, .1);--mbti-focus: rgba(243, 156, 18, .25);--mbti-theme-type: "colorful"}.mbti-infp{--mbti-primary: #e91e63;--mbti-secondary: #ad1457;--mbti-accent: #ff9800;--mbti-background: #fce4ec;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #f48fb1;--mbti-shadow: rgba(233, 30, 99, .15);--mbti-hover: rgba(255, 152, 0, .1);--mbti-focus: rgba(255, 152, 0, .25);--mbti-theme-type: "colorful"}.mbti-enfp{--mbti-primary: #ff5722;--mbti-secondary: #d84315;--mbti-accent: #4caf50;--mbti-background: #fff3e0;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #ffab91;--mbti-shadow: rgba(255, 87, 34, .15);--mbti-hover: rgba(76, 175, 80, .1);--mbti-focus: rgba(76, 175, 80, .25);--mbti-theme-type: "colorful"}.mbti-isfp{--mbti-primary: #673ab7;--mbti-secondary: #512da8;--mbti-accent: #ff4081;--mbti-background: #f3e5f5;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #b39ddb;--mbti-shadow: rgba(103, 58, 183, .15);--mbti-hover: rgba(255, 64, 129, .1);--mbti-focus: rgba(255, 64, 129, .25);--mbti-theme-type: "colorful"}.mbti-esfp{--mbti-primary: #ffc107;--mbti-secondary: #ff8f00;--mbti-accent: #e91e63;--mbti-background: #fffde7;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #fff176;--mbti-shadow: rgba(255, 193, 7, .15);--mbti-hover: rgba(233, 30, 99, .1);--mbti-focus: rgba(233, 30, 99, .25);--mbti-theme-type: "colorful"}.mbti-infj{--mbti-primary: #5e35b1;--mbti-secondary: #4527a0;--mbti-accent: #26a69a;--mbti-background: #ede7f6;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #b39ddb;--mbti-shadow: rgba(94, 53, 177, .15);--mbti-hover: rgba(38, 166, 154, .1);--mbti-focus: rgba(38, 166, 154, .25);--mbti-theme-type: "feeling"}.mbti-isfj{--mbti-primary: #d4a574;--mbti-secondary: #f4e4bc;--mbti-accent: #b8860b;--mbti-background: #fdf5e6;--mbti-surface: #ffffff;--mbti-text: #8b4513;--mbti-border: #deb887;--mbti-shadow: rgba(212, 165, 116, .15);--mbti-hover: rgba(184, 134, 11, .1);--mbti-focus: rgba(184, 134, 11, .25);--mbti-theme-type: "feeling-warm"}.mbti-enfj{--mbti-primary: #4caf50;--mbti-secondary: #388e3c;--mbti-accent: #ff9800;--mbti-background: #e8f5e8;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #a5d6a7;--mbti-shadow: rgba(76, 175, 80, .15);--mbti-hover: rgba(255, 152, 0, .1);--mbti-focus: rgba(255, 152, 0, .25);--mbti-theme-type: "feeling-warm"}.mbti-esfj{--mbti-primary: #ff7043;--mbti-secondary: #d84315;--mbti-accent: #4caf50;--mbti-background: #fbe9e7;--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #ffab91;--mbti-shadow: rgba(255, 112, 67, .15);--mbti-hover: rgba(76, 175, 80, .1);--mbti-focus: rgba(76, 175, 80, .25);--mbti-theme-type: "feeling-warm"}.mbti-estp.flashy-style{animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 0 5px var(--mbti-shadow)}50%{box-shadow:0 0 15px var(--mbti-accent)}}.mbti-isfj,.mbti-enfj,.mbti-esfj{--mbti-warm-glow: rgba(255, 193, 7, .1)}.mbti-entp,.mbti-infp,.mbti-enfp,.mbti-isfp,.mbti-esfp{--mbti-gradient-start: var(--mbti-primary);--mbti-gradient-end: var(--mbti-accent)}body{transition:background-color .3s ease,color .3s ease}.theme-transition *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-contrast: high){:root{--mbti-shadow: rgba(0, 0, 0, .3)}[class*=mbti-]{--mbti-border: #000000;--mbti-text: #000000}}@media (prefers-reduced-motion: reduce){.mbti-estp.flashy-style{animation:none}.theme-transition *{transition:none}}:root{--intj-primary: #2c3e50;--intj-secondary: #34495e;--intj-accent: #3498db;--intj-background: #ecf0f1;--intj-surface: #ffffff;--intj-text: #2c3e50;--intj-border: #bdc3c7;--entj-primary: #8e44ad;--entj-secondary: #9b59b6;--entj-accent: #e74c3c;--entj-background: #f8f9fa;--entj-surface: #ffffff;--entj-text: #2c3e50;--entj-border: #d1a3d8;--istj-primary: #34495e;--istj-secondary: #7f8c8d;--istj-accent: #27ae60;--istj-background: #ecf0f1;--istj-surface: #ffffff;--istj-text: #2c3e50;--istj-border: #95a5a6;--estj-primary: #c0392b;--estj-secondary: #e74c3c;--estj-accent: #f39c12;--estj-background: #fdf2e9;--estj-surface: #ffffff;--estj-text: #2c3e50;--estj-border: #e8b4a0}:root{--intp-primary: #16a085;--intp-secondary: #1abc9c;--intp-accent: #3498db;--intp-background: #f0f8ff;--intp-surface: #ffffff;--intp-text: #2c3e50;--intp-border: #7fb3d3;--istp-primary: #7f8c8d;--istp-secondary: #95a5a6;--istp-accent: #e67e22;--istp-background: #f8f9fa;--istp-surface: #ffffff;--istp-text: #2c3e50;--istp-border: #bdc3c7;--estp-primary: #e74c3c;--estp-secondary: #c0392b;--estp-accent: #f1c40f;--estp-background: #fff5f5;--estp-surface: #ffffff;--estp-text: #2c3e50;--estp-border: #f1948a}:root{--entp-primary: #9b59b6;--entp-secondary: #8e44ad;--entp-accent: #f39c12;--entp-background: #fdf2e9;--entp-surface: #ffffff;--entp-text: #2c3e50;--entp-border: #d7bde2;--infp-primary: #e91e63;--infp-secondary: #ad1457;--infp-accent: #ff9800;--infp-background: #fce4ec;--infp-surface: #ffffff;--infp-text: #2c3e50;--infp-border: #f48fb1;--enfp-primary: #ff5722;--enfp-secondary: #d84315;--enfp-accent: #4caf50;--enfp-background: #fff3e0;--enfp-surface: #ffffff;--enfp-text: #2c3e50;--enfp-border: #ffab91;--isfp-primary: #673ab7;--isfp-secondary: #512da8;--isfp-accent: #ff4081;--isfp-background: #f3e5f5;--isfp-surface: #ffffff;--isfp-text: #2c3e50;--isfp-border: #b39ddb;--esfp-primary: #ffc107;--esfp-secondary: #ff8f00;--esfp-accent: #e91e63;--esfp-background: #fffde7;--esfp-surface: #ffffff;--esfp-text: #2c3e50;--esfp-border: #fff176}:root{--infj-primary: #5e35b1;--infj-secondary: #4527a0;--infj-accent: #26a69a;--infj-background: #ede7f6;--infj-surface: #ffffff;--infj-text: #2c3e50;--infj-border: #b39ddb;--isfj-primary: #d4a574;--isfj-secondary: #f4e4bc;--isfj-accent: #b8860b;--isfj-background: #fdf5e6;--isfj-surface: #ffffff;--isfj-text: #8b4513;--isfj-border: #deb887;--enfj-primary: #4caf50;--enfj-secondary: #388e3c;--enfj-accent: #ff9800;--enfj-background: #e8f5e8;--enfj-surface: #ffffff;--enfj-text: #2c3e50;--enfj-border: #a5d6a7;--esfj-primary: #ff7043;--esfj-secondary: #d84315;--esfj-accent: #4caf50;--esfj-background: #fbe9e7;--esfj-surface: #ffffff;--esfj-text: #2c3e50;--esfj-border: #ffab91}.color-structured,.color-flexible{--category-primary: var(--mbti-primary);--category-secondary: var(--mbti-secondary);--category-accent: var(--mbti-accent)}.color-colorful{--category-primary: var(--mbti-primary);--category-secondary: var(--mbti-secondary);--category-accent: var(--mbti-accent);background:linear-gradient(135deg,var(--mbti-primary) 0%,var(--mbti-accent) 100%);background-size:200% 200%;animation:gradient-shift 6s ease infinite}.color-feeling{--category-primary: var(--mbti-primary);--category-secondary: var(--mbti-secondary);--category-accent: var(--mbti-accent);box-shadow:0 0 20px #ffc1071a}.warm-tones{filter:sepia(.1) saturate(1.1) hue-rotate(10deg)}.warm-glow{box-shadow:0 0 30px var(--mbti-warm-glow, rgba(255, 193, 7, .1))}.colorful-gradient{background:linear-gradient(45deg,var(--mbti-primary) 0%,var(--mbti-secondary) 25%,var(--mbti-accent) 50%,var(--mbti-secondary) 75%,var(--mbti-primary) 100%);background-size:400% 400%;animation:gradient-shift 8s ease infinite}.colorful-border{border:2px solid;border-image:linear-gradient(45deg,var(--mbti-primary),var(--mbti-accent)) 1}.flashy-style{animation:flashy-pulse 2s ease-in-out infinite;position:relative;overflow:hidden}.flashy-style:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:flashy-shine 3s linear infinite;pointer-events:none}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes flashy-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px var(--mbti-accent)}50%{transform:scale(1.02);box-shadow:0 0 20px var(--mbti-accent),0 0 30px var(--mbti-primary)}}@keyframes flashy-shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.btn-personality{background-color:var(--mbti-primary);color:var(--mbti-surface);border:1px solid var(--mbti-border);transition:all .3s ease}.btn-personality:hover{background-color:var(--mbti-secondary);transform:translateY(-2px);box-shadow:0 4px 8px var(--mbti-shadow)}.btn-personality:active{transform:translateY(0);box-shadow:0 2px 4px var(--mbti-shadow)}.card-personality{background-color:var(--mbti-surface);border:1px solid var(--mbti-border);border-radius:8px;box-shadow:0 2px 4px var(--mbti-shadow);transition:all .3s ease}.card-personality:hover{transform:translateY(-4px);box-shadow:0 8px 16px var(--mbti-shadow)}.input-personality{background-color:var(--mbti-surface);border:2px solid var(--mbti-border);color:var(--mbti-text);transition:border-color .3s ease}.input-personality:focus{border-color:var(--mbti-primary);box-shadow:0 0 0 3px var(--mbti-focus);outline:none}.text-personality-primary{color:var(--mbti-primary)}.text-personality-secondary{color:var(--mbti-secondary)}.text-personality-accent{color:var(--mbti-accent)}.bg-personality-primary{background-color:var(--mbti-primary)}.bg-personality-secondary{background-color:var(--mbti-secondary)}.bg-personality-accent{background-color:var(--mbti-accent)}.bg-personality-surface{background-color:var(--mbti-surface)}.bg-personality-background{background-color:var(--mbti-background)}@media (prefers-contrast: high){:root{--mbti-shadow: rgba(0, 0, 0, .5)}.btn-personality,.card-personality,.input-personality{border-width:2px}.text-personality-primary,.text-personality-secondary,.text-personality-accent{font-weight:600}}@media (prefers-reduced-motion: reduce){.colorful-gradient,.flashy-style,.flashy-style:before{animation:none}.btn-personality,.card-personality,.input-personality{transition:none}.btn-personality:hover,.card-personality:hover{transform:none}}@media (prefers-color-scheme: dark){:root{--mbti-surface: #1a1a1a;--mbti-shadow: rgba(255, 255, 255, .1)}.card-personality{background-color:#2d2d2d;border-color:#404040}.input-personality{background-color:#2d2d2d;border-color:#404040;color:#fff}}.mbti-entp{--mbti-primary: #9b59b6;--mbti-secondary: #8e44ad;--mbti-accent: #f39c12;--mbti-background: linear-gradient(135deg, #fdf2e9 0%, #fff3e0 100%);--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #d7bde2;--mbti-shadow: rgba(155, 89, 182, .15);--mbti-hover: rgba(243, 156, 18, .1);--mbti-focus: rgba(243, 156, 18, .25);--mbti-theme-type: "colorful";--mbti-gradient-start: #9b59b6;--mbti-gradient-end: #f39c12;--mbti-vibrant-accent: #e74c3c;--mbti-creative-highlight: #3498db}.mbti-infp{--mbti-primary: #e91e63;--mbti-secondary: #ad1457;--mbti-accent: #ff9800;--mbti-background: linear-gradient(135deg, #fce4ec 0%, #f3e5f5 100%);--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #f48fb1;--mbti-shadow: rgba(233, 30, 99, .15);--mbti-hover: rgba(255, 152, 0, .1);--mbti-focus: rgba(255, 152, 0, .25);--mbti-theme-type: "colorful";--mbti-gradient-start: #e91e63;--mbti-gradient-end: #ff9800;--mbti-vibrant-accent: #9c27b0;--mbti-creative-highlight: #4caf50}.mbti-enfp{--mbti-primary: #ff5722;--mbti-secondary: #d84315;--mbti-accent: #4caf50;--mbti-background: linear-gradient(135deg, #fff3e0 0%, #e8f5e8 100%);--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #ffab91;--mbti-shadow: rgba(255, 87, 34, .15);--mbti-hover: rgba(76, 175, 80, .1);--mbti-focus: rgba(76, 175, 80, .25);--mbti-theme-type: "colorful";--mbti-gradient-start: #ff5722;--mbti-gradient-end: #4caf50;--mbti-vibrant-accent: #2196f3;--mbti-creative-highlight: #ffc107}.mbti-isfp{--mbti-primary: #673ab7;--mbti-secondary: #512da8;--mbti-accent: #ff4081;--mbti-background: linear-gradient(135deg, #f3e5f5 0%, #fce4ec 100%);--mbti-surface: #ffffff;--mbti-text: #2c3e50;--mbti-border: #b39ddb;--mbti-shadow: rgba(103, 58, 183, .15);--mbti-hover: rgba(255, 64, 129, .1);--mbti-focus: rgba(255, 64, 129, .25);--mbti-theme-type: "colorful";--mbti-gradient-start: #673ab7;--mbti-gradient-end: #ff4081;--mbti-vibrant-accent: #00bcd4;--mbti-creative-highlight: #ff9800}.mbti-entp,.mbti-infp,.mbti-enfp,.mbti-isfp{background:var(--mbti-background);position:relative;overflow:hidden}.mbti-entp:before,.mbti-infp:before,.mbti-enfp:before,.mbti-isfp:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--mbti-gradient-start) 0%,transparent 30%,transparent 70%,var(--mbti-gradient-end) 100%);opacity:.05;pointer-events:none;z-index:0}.mbti-entp>*,.mbti-infp>*,.mbti-enfp>*,.mbti-isfp>*{position:relative;z-index:1}.mbti-entp .table-header h2,.mbti-infp .table-header h2,.mbti-enfp .table-header h2,.mbti-isfp .table-header h2{background:linear-gradient(45deg,var(--mbti-primary),var(--mbti-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.mbti-entp .itinerary-table th,.mbti-infp .itinerary-table th,.mbti-enfp .itinerary-table th,.mbti-isfp .itinerary-table th{background:linear-gradient(135deg,var(--mbti-primary) 0%,var(--mbti-secondary) 100%);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);border:none;position:relative}.mbti-entp .itinerary-table th:after,.mbti-infp .itinerary-table th:after,.mbti-enfp .itinerary-table th:after,.mbti-isfp .itinerary-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--mbti-accent)}.mbti-entp .combo-box,.mbti-infp .combo-box,.mbti-enfp .combo-box,.mbti-isfp .combo-box{background:linear-gradient(135deg,var(--mbti-surface) 0%,rgba(255,255,255,.9) 100%);border:2px solid var(--mbti-primary);border-radius:8px;transition:all .3s ease;box-shadow:0 2px 4px var(--mbti-shadow)}.mbti-entp .combo-box:hover,.mbti-infp .combo-box:hover,.mbti-enfp .combo-box:hover,.mbti-isfp .combo-box:hover{border-color:var(--mbti-accent);box-shadow:0 4px 8px var(--mbti-shadow);transform:translateY(-1px)}.mbti-entp .combo-box:focus,.mbti-infp .combo-box:focus,.mbti-enfp .combo-box:focus,.mbti-isfp .combo-box:focus{border-color:var(--mbti-accent);box-shadow:0 0 0 3px var(--mbti-focus),0 4px 8px var(--mbti-shadow);outline:none}.mbti-entp .recommendation-details,.mbti-infp .recommendation-details,.mbti-enfp .recommendation-details,.mbti-isfp .recommendation-details{background:linear-gradient(135deg,transparent 0%,var(--mbti-hover) 100%);border:1px solid var(--mbti-border);border-radius:8px;padding:1rem;position:relative;overflow:hidden}.mbti-entp .recommendation-details:before,.mbti-infp .recommendation-details:before,.mbti-enfp .recommendation-details:before,.mbti-isfp .recommendation-details:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mbti-primary),var(--mbti-accent),var(--mbti-vibrant-accent))}.colorful-image-placeholder{display:flex;align-items:center;justify-content:center;min-height:120px;background:linear-gradient(135deg,var(--mbti-primary) 0%,var(--mbti-accent) 100%);border-radius:12px;margin:.75rem 0;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px var(--mbti-shadow)}.colorful-image-placeholder:hover{transform:translateY(-2px);box-shadow:0 8px 16px var(--mbti-shadow)}.colorful-image-placeholder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.image-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;text-align:center;z-index:1;position:relative}.image-placeholder-icon{font-size:2rem;opacity:.9}.image-placeholder-text{font-size:.9rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3);line-height:1.3}.image-placeholder-subtitle{font-size:.75rem;opacity:.8;font-style:italic}.mbti-entp .colorful-image-placeholder{background:linear-gradient(135deg,#9b59b6,#f39c12,#e74c3c)}.mbti-infp .colorful-image-placeholder{background:linear-gradient(135deg,#e91e63,#ff9800,#9c27b0)}.mbti-enfp .colorful-image-placeholder{background:linear-gradient(135deg,#ff5722,#4caf50,#2196f3)}.mbti-isfp .colorful-image-placeholder{background:linear-gradient(135deg,#673ab7,#ff4081,#00bcd4)}.tourist-spot-image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0}.tourist-spot-image-item{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease}.tourist-spot-image-item:hover{transform:scale(1.02);box-shadow:0 8px 16px var(--mbti-shadow)}.tourist-spot-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--mbti-primary) 0%,var(--mbti-accent) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;overflow:hidden}.tourist-spot-image-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:slide-shine 4s ease-in-out infinite}@keyframes slide-shine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.image-icon{font-size:1.5rem;margin-bottom:.25rem;opacity:.9}.image-title{font-size:.75rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3);line-height:1.2;padding:0 .5rem}.mbti-entp .session-label,.mbti-infp .session-label,.mbti-enfp .session-label,.mbti-isfp .session-label{background:linear-gradient(135deg,var(--mbti-background) 0%,var(--mbti-hover) 100%);border-right:3px solid var(--mbti-primary);position:relative}.mbti-entp .session-label:after,.mbti-infp .session-label:after,.mbti-enfp .session-label:after,.mbti-isfp .session-label:after{content:"";position:absolute;right:-3px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--mbti-primary),var(--mbti-accent))}.mbti-entp .recommendation-cell:hover,.mbti-infp .recommendation-cell:hover,.mbti-enfp .recommendation-cell:hover,.mbti-isfp .recommendation-cell:hover{background:linear-gradient(135deg,transparent 0%,var(--mbti-hover) 100%);transition:all .3s ease}.mbti-entp .day-section,.mbti-infp .day-section,.mbti-enfp .day-section,.mbti-isfp .day-section{background:linear-gradient(135deg,var(--mbti-surface) 0%,var(--mbti-background) 100%);border:2px solid var(--mbti-primary);position:relative;overflow:hidden}.mbti-entp .day-section:before,.mbti-infp .day-section:before,.mbti-enfp .day-section:before,.mbti-isfp .day-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:sweep 6s ease-in-out infinite}@keyframes sweep{0%,to{left:-100%}50%{left:100%}}@media (max-width: 768px){.colorful-image-placeholder{min-height:100px}.image-placeholder-icon{font-size:1.5rem}.image-placeholder-text{font-size:.8rem}.tourist-spot-image-gallery{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.image-title{font-size:.7rem}}@media (max-width: 480px){.colorful-image-placeholder{min-height:80px}.image-placeholder-icon{font-size:1.25rem}.image-placeholder-text{font-size:.75rem}.tourist-spot-image-gallery{grid-template-columns:repeat(2,1fr)}}@media (prefers-contrast: high){.mbti-entp,.mbti-infp,.mbti-enfp,.mbti-isfp{--mbti-border: #000000;--mbti-shadow: rgba(0, 0, 0, .5)}.colorful-image-placeholder,.tourist-spot-image-placeholder{border:2px solid #000000}.image-placeholder-text,.image-title{font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}}@media (prefers-reduced-motion: reduce){.colorful-image-placeholder:before,.tourist-spot-image-placeholder:before,.mbti-entp .day-section:before,.mbti-infp .day-section:before,.mbti-enfp .day-section:before,.mbti-isfp .day-section:before{animation:none}.colorful-image-placeholder:hover,.tourist-spot-image-item:hover,.combo-box:hover{transform:none}}.colorful-image-placeholder:focus,.tourist-spot-image-item:focus{outline:3px solid var(--mbti-accent);outline-offset:2px}@media print{.mbti-entp,.mbti-infp,.mbti-enfp,.mbti-isfp{background:#fff!important}.mbti-entp:before,.mbti-infp:before,.mbti-enfp:before,.mbti-isfp:before,.mbti-entp .day-section:before,.mbti-infp .day-section:before,.mbti-enfp .day-section:before,.mbti-isfp .day-section:before{display:none}.colorful-image-placeholder,.tourist-spot-image-placeholder{background:#f0f0f0!important;color:#000!important}}.mbti-isfj{--mbti-primary: #d97706;--mbti-secondary: #b45309;--mbti-accent: #f59e0b;--mbti-background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%);--mbti-surface: #fffbeb;--mbti-text: #92400e;--mbti-border: #fbbf24;--mbti-shadow: rgba(217, 119, 6, .15);--mbti-hover: rgba(245, 158, 11, .1);--mbti-focus: rgba(245, 158, 11, .25);--mbti-theme-type: "warm";--mbti-warm-light: #fef3c7;--mbti-warm-medium: #fed7aa;--mbti-warm-dark: #ea580c;--mbti-warm-accent: #dc2626;--mbti-warm-neutral: #78350f;--mbti-comfort-bg: #fff7ed;--mbti-comfort-border: #fdba74;--mbti-comfort-text: #9a3412;--mbti-comfort-highlight: #fb923c}.mbti-infj{--mbti-primary: #7c2d12;--mbti-secondary: #9a3412;--mbti-accent: #ea580c;--mbti-background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);--mbti-surface: #fffbfb;--mbti-text: #7f1d1d;--mbti-border: #fca5a5;--mbti-shadow: rgba(124, 45, 18, .15);--mbti-hover: rgba(234, 88, 12, .1);--mbti-focus: rgba(234, 88, 12, .25);--mbti-theme-type: "warm"}.mbti-enfj{--mbti-primary: #be123c;--mbti-secondary: #9f1239;--mbti-accent: #f43f5e;--mbti-background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);--mbti-surface: #fefcff;--mbti-text: #881337;--mbti-border: #f9a8d4;--mbti-shadow: rgba(190, 18, 60, .15);--mbti-hover: rgba(244, 63, 94, .1);--mbti-focus: rgba(244, 63, 94, .25);--mbti-theme-type: "warm"}.mbti-esfj{--mbti-primary: #a16207;--mbti-secondary: #92400e;--mbti-accent: #f59e0b;--mbti-background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);--mbti-surface: #fffef7;--mbti-text: #78350f;--mbti-border: #fcd34d;--mbti-shadow: rgba(161, 98, 7, .15);--mbti-hover: rgba(245, 158, 11, .1);--mbti-focus: rgba(245, 158, 11, .25);--mbti-theme-type: "warm"}.mbti-isfj,.mbti-infj,.mbti-enfj,.mbti-esfj{background:var(--mbti-background);position:relative;overflow:hidden}.mbti-isfj:before,.mbti-infj:before,.mbti-enfj:before,.mbti-esfj:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--mbti-warm-light) 0%,transparent 50%);opacity:.3;pointer-events:none;z-index:0}.mbti-isfj>*,.mbti-infj>*,.mbti-enfj>*,.mbti-esfj>*{position:relative;z-index:1}.mbti-isfj .table-header h2,.mbti-infj .table-header h2,.mbti-enfj .table-header h2,.mbti-esfj .table-header h2{color:var(--mbti-primary);text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:700}.mbti-isfj .customizations-header h3,.mbti-infj .customizations-header h3,.mbti-enfj .customizations-header h3,.mbti-esfj .customizations-header h3{background:linear-gradient(45deg,var(--mbti-primary),var(--mbti-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mbti-isfj .itinerary-table th,.mbti-infj .itinerary-table th,.mbti-enfj .itinerary-table th,.mbti-esfj .itinerary-table th{background:linear-gradient(135deg,var(--mbti-primary) 0%,var(--mbti-secondary) 100%);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);border:none;position:relative}.mbti-isfj .itinerary-table th:after,.mbti-infj .itinerary-table th:after,.mbti-enfj .itinerary-table th:after,.mbti-esfj .itinerary-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--mbti-accent);box-shadow:0 2px 4px #0003}.mbti-isfj .itinerary-table td,.mbti-infj .itinerary-table td,.mbti-enfj .itinerary-table td,.mbti-esfj .itinerary-table td{background:var(--mbti-surface);border:1px solid var(--mbti-border);transition:all .3s ease}.mbti-isfj .itinerary-table td:hover,.mbti-infj .itinerary-table td:hover,.mbti-enfj .itinerary-table td:hover,.mbti-esfj .itinerary-table td:hover{background:var(--mbti-hover);border-color:var(--mbti-accent);box-shadow:inset 0 0 0 1px var(--mbti-accent)}.mbti-isfj .combo-box,.mbti-infj .combo-box,.mbti-enfj .combo-box,.mbti-esfj .combo-box{background:var(--mbti-surface);border:2px solid var(--mbti-border);border-radius:8px;transition:all .3s ease;box-shadow:0 2px 4px var(--mbti-shadow)}.mbti-isfj .combo-box:hover,.mbti-infj .combo-box:hover,.mbti-enfj .combo-box:hover,.mbti-esfj .combo-box:hover{border-color:var(--mbti-accent);box-shadow:0 4px 8px var(--mbti-shadow);background:var(--mbti-hover)}.mbti-isfj .combo-box:focus,.mbti-infj .combo-box:focus,.mbti-enfj .combo-box:focus,.mbti-esfj .combo-box:focus{border-color:var(--mbti-accent);box-shadow:0 0 0 3px var(--mbti-focus),0 4px 8px var(--mbti-shadow);outline:none}.mbti-isfj .recommendation-details,.mbti-infj .recommendation-details,.mbti-enfj .recommendation-details,.mbti-esfj .recommendation-details{background:var(--mbti-surface);border:1px solid var(--mbti-border);border-radius:8px;padding:1rem;position:relative;box-shadow:0 2px 4px var(--mbti-shadow)}.mbti-isfj .recommendation-details:before,.mbti-infj .recommendation-details:before,.mbti-enfj .recommendation-details:before,.mbti-esfj .recommendation-details:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mbti-primary),var(--mbti-accent));border-radius:8px 8px 0 0}.mbti-isfj .feeling-personality-customizations,.mbti-infj .feeling-personality-customizations,.mbti-enfj .feeling-personality-customizations,.mbti-esfj .feeling-personality-customizations{background:var(--mbti-surface);border:2px solid var(--mbti-border);box-shadow:0 6px 12px var(--mbti-shadow)}.mbti-isfj .day-descriptions,.mbti-infj .day-descriptions{background:var(--mbti-comfort-bg);border:1px solid var(--mbti-comfort-border);box-shadow:inset 0 2px 4px #0000000d}.mbti-isfj .spot-description-item,.mbti-infj .spot-description-item{background:var(--mbti-surface);border:1px solid var(--mbti-border);transition:all .3s ease}.mbti-isfj .spot-description-item:hover,.mbti-infj .spot-description-item:hover{border-color:var(--mbti-accent);box-shadow:0 2px 8px var(--mbti-shadow);transform:translateY(-1px)}.mbti-isfj .description-text,.mbti-infj .description-text{color:var(--mbti-text);line-height:1.7;font-size:.95rem}.mbti-enfj .day-group-notes,.mbti-esfj .day-group-notes{background:var(--mbti-comfort-bg);border:1px solid var(--mbti-comfort-border);position:relative}.mbti-enfj .day-group-notes:before,.mbti-esfj .day-group-notes:before{content:"👥";position:absolute;top:-10px;right:1rem;background:var(--mbti-surface);padding:.25rem .5rem;border-radius:50%;font-size:1.2rem;border:2px solid var(--mbti-border)}.mbti-enfj .notes-textarea,.mbti-esfj .notes-textarea{background:var(--mbti-surface);border:2px solid var(--mbti-border);color:var(--mbti-text);font-family:Georgia,serif;line-height:1.6}.mbti-enfj .notes-textarea:focus,.mbti-esfj .notes-textarea:focus{border-color:var(--mbti-accent);box-shadow:0 0 0 3px var(--mbti-focus);background:var(--mbti-hover)}.mbti-enfj .notes-textarea:not(:placeholder-shown),.mbti-esfj .notes-textarea:not(:placeholder-shown){background:var(--mbti-hover);border-color:var(--mbti-accent)}.mbti-enfj .share-button,.mbti-esfj .share-button{background:var(--mbti-surface);border:2px solid var(--mbti-primary);color:var(--mbti-primary);font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.mbti-enfj .share-button:before,.mbti-esfj .share-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.mbti-enfj .share-button:hover:before,.mbti-esfj .share-button:hover:before{left:100%}.mbti-enfj .share-button:hover,.mbti-esfj .share-button:hover{background:var(--mbti-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px var(--mbti-shadow)}.mbti-enfj .share-button.primary,.mbti-esfj .share-button.primary{background:var(--mbti-primary);color:#fff}.mbti-enfj .share-button.primary:hover,.mbti-esfj .share-button.primary:hover{background:var(--mbti-secondary);transform:translateY(-2px);box-shadow:0 8px 16px var(--mbti-shadow)}.mbti-isfj .session-customization,.mbti-isfj .session-group-notes,.mbti-isfj .spot-description-item{border-radius:12px;box-shadow:0 2px 8px #d977061a;transition:all .3s ease}.mbti-isfj .session-customization:hover,.mbti-isfj .session-group-notes:hover,.mbti-isfj .spot-description-item:hover{box-shadow:0 4px 16px #d9770626;transform:translateY(-1px)}.mbti-isfj .time-input:focus,.mbti-isfj .notes-textarea:focus{box-shadow:0 0 0 3px var(--mbti-focus),0 0 20px #f59e0b4d}.mbti-isfj .description-text,.mbti-isfj .notes-textarea{font-family:Georgia,Times New Roman,serif;line-height:1.7}.mbti-isfj .customization-description,.mbti-isfj .section-description{font-style:italic;color:var(--mbti-warm-neutral)}@keyframes warm-glow{0%,to{box-shadow:0 0 5px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b80}}.mbti-isfj .section-title{animation:warm-glow 4s ease-in-out infinite}@keyframes warm-pulse{0%,to{background-color:var(--mbti-surface)}50%{background-color:var(--mbti-hover)}}.mbti-isfj .importance-checkbox,.mbti-enfj .share-preview,.mbti-esfj .share-preview{animation:warm-pulse 6s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.mbti-isfj .stat-value{animation:gentle-float 3s ease-in-out infinite}@media (max-width: 768px){.mbti-isfj .feeling-personality-customizations,.mbti-infj .feeling-personality-customizations,.mbti-enfj .feeling-personality-customizations,.mbti-esfj .feeling-personality-customizations{padding:1rem;border-radius:8px}.mbti-isfj .session-customization,.mbti-isfj .session-group-notes,.mbti-isfj .spot-description-item{border-radius:8px}.mbti-enfj .share-button,.mbti-esfj .share-button{padding:.75rem 1rem;font-size:.8rem}}@media (max-width: 480px){.mbti-isfj .customizations-header h3,.mbti-infj .customizations-header h3,.mbti-enfj .customizations-header h3,.mbti-esfj .customizations-header h3{font-size:1.25rem}.mbti-isfj .description-text,.mbti-isfj .notes-textarea{font-size:.875rem}}@media (prefers-contrast: high){.mbti-isfj,.mbti-infj,.mbti-enfj,.mbti-esfj{--mbti-border: #000000;--mbti-shadow: rgba(0, 0, 0, .5);--mbti-text: #000000}.mbti-isfj .time-input,.mbti-isfj .notes-textarea,.mbti-enfj .notes-textarea,.mbti-esfj .notes-textarea{border:3px solid #000000}.mbti-enfj .share-button,.mbti-esfj .share-button{border:3px solid #000000;font-weight:700}}@media (prefers-reduced-motion: reduce){.mbti-isfj .section-title,.mbti-isfj .importance-checkbox,.mbti-enfj .share-preview,.mbti-esfj .share-preview,.mbti-isfj .stat-value{animation:none}.mbti-isfj .session-customization:hover,.mbti-isfj .session-group-notes:hover,.mbti-isfj .spot-description-item:hover,.mbti-enfj .share-button:hover,.mbti-esfj .share-button:hover{transform:none}.mbti-enfj .share-button:before,.mbti-esfj .share-button:before{display:none}}.mbti-isfj .time-input:focus,.mbti-isfj .notes-textarea:focus,.mbti-enfj .notes-textarea:focus,.mbti-esfj .notes-textarea:focus,.mbti-enfj .share-button:focus,.mbti-esfj .share-button:focus{outline:3px solid var(--mbti-accent);outline-offset:2px}@media print{.mbti-isfj,.mbti-infj,.mbti-enfj,.mbti-esfj{background:#fff!important}.mbti-isfj:before,.mbti-infj:before,.mbti-enfj:before,.mbti-esfj:before{display:none}.mbti-isfj .feeling-personality-customizations,.mbti-infj .feeling-personality-customizations,.mbti-enfj .feeling-personality-customizations,.mbti-esfj .feeling-personality-customizations{background:#fff!important;border:1px solid #000!important;box-shadow:none!important}.mbti-enfj .share-button,.mbti-esfj .share-button{background:#fff!important;color:#000!important;border:1px solid #000!important}}.warm-pattern-dots{background-image:radial-gradient(circle,var(--mbti-border) 1px,transparent 1px);background-size:20px 20px;opacity:.1}.warm-pattern-lines{background-image:linear-gradient(45deg,var(--mbti-border) 25%,transparent 25%);background-size:10px 10px;opacity:.05}.warm-text-primary{color:var(--mbti-primary)}.warm-text-accent{color:var(--mbti-accent)}.warm-text-comfort{color:var(--mbti-comfort-text)}.warm-bg-surface{background-color:var(--mbti-surface)}.warm-bg-comfort{background-color:var(--mbti-comfort-bg)}.warm-bg-hover{background-color:var(--mbti-hover)}.warm-border{border:1px solid var(--mbti-border)}.warm-border-accent{border:1px solid var(--mbti-accent)}.warm-border-comfort{border:1px solid var(--mbti-comfort-border)}.input-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--mbti-background, #ffffff)}.input-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:100%}.input-form h1{color:var(--mbti-primary, #007bff);text-align:center;margin-bottom:1rem;font-size:2rem;font-weight:600}.input-form h2{color:var(--mbti-secondary, #6c757d);text-align:center;margin-bottom:2rem;font-size:1.2rem;font-weight:400}.mbti-input{width:100%;padding:1rem;font-size:1.2rem;border:2px solid var(--mbti-secondary, #6c757d);border-radius:8px;text-align:center;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;transition:border-color .3s ease}.mbti-input:focus{outline:none;border-color:var(--mbti-primary, #007bff);box-shadow:0 0 0 3px #007bff1a}.mbti-input.error{border-color:#dc3545}.submit-button{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;color:#fff;background:var(--mbti-primary, #007bff);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;margin-bottom:1rem}.submit-button:hover:not(:disabled){background:var(--mbti-accent, #28a745)}.submit-button:disabled{background:#6c757d;cursor:not-allowed}.test-link{text-align:center;margin-top:1rem}.test-link a{color:var(--mbti-primary, #007bff);text-decoration:none;font-size:.9rem}.test-link a:hover{text-decoration:underline}.error-message{color:#dc3545;text-align:center;margin-top:.5rem;font-size:.9rem}.loading-message{color:var(--mbti-primary, #007bff);text-align:center;margin-top:1rem;font-size:1rem;font-weight:500}.itinerary-container{padding:2rem;background:var(--mbti-background, #ffffff);min-height:100vh}.itinerary-header{text-align:center;margin-bottom:2rem}.itinerary-header h1{color:var(--mbti-primary, #007bff);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.itinerary-header h2{color:var(--mbti-text, #212529);font-size:1.5rem;font-weight:500}.personality-highlight{background:var(--mbti-accent, #28a745);color:#fff;padding:.25rem .5rem;border-radius:4px;font-weight:600}.back-button{background:var(--mbti-secondary, #6c757d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;margin-bottom:2rem;transition:background-color .3s ease}.back-button:hover{background:var(--mbti-primary, #007bff)}.itinerary-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.itinerary-table th,.itinerary-table td{padding:1rem;text-align:left;border-bottom:1px solid #dee2e6}.itinerary-table th{background:var(--mbti-primary, #007bff);color:#fff;font-weight:600;text-align:center}.itinerary-table tr:nth-child(2n){background:#007bff0d}.session-label{font-weight:600;color:var(--mbti-primary, #007bff);min-width:150px}.recommendation-cell{min-width:200px}.combo-box{width:100%;padding:.5rem;border:1px solid var(--mbti-secondary, #6c757d);border-radius:4px;background:#fff;font-size:.9rem;margin-bottom:.5rem}.combo-box:focus{outline:none;border-color:var(--mbti-primary, #007bff);box-shadow:0 0 0 2px #007bff1a}.recommendation-details{font-size:.8rem;color:var(--mbti-text, #212529);line-height:1.4}.recommendation-details .address{color:var(--mbti-secondary, #6c757d);margin-bottom:.25rem}.recommendation-details .hours{color:var(--mbti-accent, #28a745);font-weight:500}@media (max-width: 768px){.itinerary-container{padding:1rem}.itinerary-header h1{font-size:2rem}.itinerary-header h2{font-size:1.2rem}.itinerary-table{font-size:.8rem}.itinerary-table th,.itinerary-table td{padding:.5rem}.session-label{min-width:100px}.recommendation-cell{min-width:150px}}.itinerary-header{padding:2rem 0;background:var(--mbti-background, #ffffff);border-bottom:1px solid var(--mbti-border, #dee2e6);position:relative}.back-button{background:var(--mbti-secondary, #6c757d);color:var(--mbti-surface, #ffffff);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:2rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:inherit}.back-button:hover{background:var(--mbti-primary, #007bff);transform:translateY(-2px);box-shadow:0 4px 8px var(--mbti-shadow, rgba(0, 0, 0, .1))}.back-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--mbti-shadow, rgba(0, 0, 0, .1))}.back-button:focus{outline:none;box-shadow:0 0 0 3px var(--mbti-focus, rgba(0, 123, 255, .25))}.main-title{color:var(--mbti-primary, #007bff);font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle{color:var(--mbti-text, #212529);font-size:1.75rem;font-weight:500;line-height:1.3;margin:0}.personality-highlight{background:var(--mbti-accent, #28a745);color:var(--mbti-surface, #ffffff);padding:.5rem 1rem;border-radius:8px;font-weight:700;display:inline-block;margin:0 .25rem;box-shadow:0 2px 4px var(--mbti-shadow, rgba(0, 0, 0, .1));transition:all .3s ease;position:relative;overflow:hidden}.personality-highlight.personality-intj,.personality-highlight.personality-entj,.personality-highlight.personality-istj,.personality-highlight.personality-estj{background:var(--mbti-primary, #007bff);border:2px solid var(--mbti-accent, #28a745);font-weight:800}.personality-highlight.personality-intp,.personality-highlight.personality-istp,.personality-highlight.personality-estp{background:var(--mbti-secondary, #6c757d);color:var(--mbti-surface, #ffffff);border-radius:4px}.personality-highlight.personality-entp,.personality-highlight.personality-infp,.personality-highlight.personality-enfp,.personality-highlight.personality-isfp,.personality-highlight.personality-esfp{background:linear-gradient(135deg,var(--mbti-primary, #007bff),var(--mbti-accent, #28a745));animation:colorful-glow 3s ease-in-out infinite;position:relative}.personality-highlight.personality-entp:before,.personality-highlight.personality-infp:before,.personality-highlight.personality-enfp:before,.personality-highlight.personality-isfp:before,.personality-highlight.personality-esfp:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.personality-highlight.personality-infj,.personality-highlight.personality-isfj,.personality-highlight.personality-enfj,.personality-highlight.personality-esfj{background:var(--mbti-primary, #007bff);box-shadow:0 0 15px var(--mbti-warm-glow, rgba(255, 193, 7, .3))}.personality-highlight.personality-isfj{background:var(--mbti-primary, #d4a574);color:var(--mbti-text, #8b4513);box-shadow:0 0 20px #d4a57466;border:1px solid rgba(184,134,11,.3)}.personality-highlight.personality-estp{animation:estp-flash 2s ease-in-out infinite;background:linear-gradient(45deg,var(--mbti-primary, #e74c3c),var(--mbti-accent, #f1c40f))}@keyframes colorful-glow{0%,to{box-shadow:0 2px 4px var(--mbti-shadow, rgba(0, 0, 0, .1));transform:scale(1)}50%{box-shadow:0 4px 12px var(--mbti-accent, #28a745),0 0 20px var(--mbti-primary, #007bff);transform:scale(1.05)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes estp-flash{0%,to{box-shadow:0 2px 4px var(--mbti-shadow, rgba(0, 0, 0, .1))}25%{box-shadow:0 4px 8px var(--mbti-accent, #f1c40f)}50%{box-shadow:0 6px 12px var(--mbti-primary, #e74c3c),0 0 15px var(--mbti-accent, #f1c40f)}75%{box-shadow:0 4px 8px var(--mbti-accent, #f1c40f)}}.main-title,.subtitle{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (max-width: 768px){.itinerary-header{padding:1.5rem 0}.main-title{font-size:2.25rem}.subtitle{font-size:1.25rem}.personality-highlight{padding:.375rem .75rem;font-size:.9em}.back-button{padding:.625rem 1.25rem;font-size:.9rem}}@media (max-width: 480px){.main-title{font-size:1.875rem;line-height:1.3}.subtitle{font-size:1.125rem}.personality-highlight{display:block;margin:.5rem auto;width:fit-content}.back-button{width:100%;justify-content:center;margin-bottom:1.5rem}}@media (prefers-reduced-motion: reduce){.personality-highlight.personality-entp,.personality-highlight.personality-infp,.personality-highlight.personality-enfp,.personality-highlight.personality-isfp,.personality-highlight.personality-esfp,.personality-highlight.personality-estp{animation:none}.personality-highlight.personality-entp:before,.personality-highlight.personality-infp:before,.personality-highlight.personality-enfp:before,.personality-highlight.personality-isfp:before,.personality-highlight.personality-esfp:before{animation:none}.back-button:hover{transform:none}.personality-highlight{transition:none}}@media (prefers-contrast: high){.personality-highlight{border:2px solid currentColor;font-weight:800}.back-button{border:2px solid var(--mbti-primary, #007bff)}.main-title{text-shadow:none;font-weight:800}}@media (prefers-color-scheme: dark){.itinerary-header{border-bottom-color:var(--mbti-border, #404040)}.main-title{text-shadow:0 2px 4px rgba(255,255,255,.1)}}@media print{.back-button{display:none}.personality-highlight{background:transparent!important;color:#000!important;border:1px solid black;box-shadow:none!important;animation:none!important}.main-title,.subtitle{color:#000!important}}.responsive-table-container{width:100%;margin:0 auto;padding:var(--spacing-md, 1rem);background:var(--mbti-background, #ffffff)}.responsive-table-wrapper{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 6px var(--mbti-shadow, rgba(0, 0, 0, .1));background:var(--mbti-surface, #ffffff)}.responsive-table{width:100%;border-collapse:collapse;display:none}.mobile-card-layout{display:block}.mobile-day-card{background:var(--mbti-surface, #ffffff);border:2px solid var(--mbti-border, #dee2e6);border-radius:12px;margin-bottom:var(--spacing-lg, 1.5rem);overflow:hidden;box-shadow:0 2px 4px var(--mbti-shadow, rgba(0, 0, 0, .1))}.mobile-day-header{background:var(--mbti-primary, #007bff);color:var(--mbti-surface, #ffffff);padding:var(--spacing-md, 1rem);font-size:var(--font-size-xl, 1.25rem);font-weight:700;text-align:center;position:sticky;top:0;z-index:10}.mobile-session-item{border-bottom:1px solid var(--mbti-border, #dee2e6);padding:var(--spacing-md, 1rem);background:var(--mbti-surface, #ffffff)}.mobile-session-item:last-child{border-bottom:none}.mobile-session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm, .5rem);padding-bottom:var(--spacing-sm, .5rem);border-bottom:1px solid var(--mbti-hover, rgba(0, 123, 255, .1))}.mobile-session-label{font-weight:600;color:var(--mbti-primary, #007bff);font-size:var(--font-size-lg, 1.125rem);display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}.mobile-session-icon{font-size:1.2em;opacity:.8}.mobile-session-content{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.mobile-combo-box{width:100%;padding:var(--spacing-md, 1rem);border:2px solid var(--mbti-border, #dee2e6);border-radius:8px;background:var(--mbti-surface, #ffffff);color:var(--mbti-text, #212529);font-size:var(--font-size-base, 1rem);font-family:inherit;cursor:pointer;transition:all .3s ease;min-height:var(--touch-target-comfortable, 48px);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:3rem}.mobile-combo-box:hover{border-color:var(--mbti-primary, #007bff);box-shadow:0 2px 4px var(--mbti-shadow, rgba(0, 0, 0, .1))}.mobile-combo-box:focus{outline:none;border-color:var(--mbti-primary, #007bff);box-shadow:0 0 0 3px var(--mbti-focus, rgba(0, 123, 255, .25))}.mobile-recommendation-details{background:var(--mbti-hover, rgba(0, 123, 255, .05));border-radius:8px;padding:var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem);line-height:1.5}.mobile-detail-item{display:flex;align-items:flex-start;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-sm, .5rem);padding:var(--spacing-xs, .25rem) 0}.mobile-detail-item:last-child{margin-bottom:0}.mobile-detail-icon{font-size:1.1em;margin-top:.1em;flex-shrink:0}.mobile-detail-content{flex:1;color:var(--mbti-text, #212529)}.mobile-detail-label{font-weight:600;color:var(--mbti-secondary, #6c757d);margin-right:var(--spacing-xs, .25rem)}@media (min-width: 480px){.responsive-table-container{padding:var(--spacing-lg, 1.5rem)}.mobile-day-card{margin-bottom:var(--spacing-xl, 2rem)}.mobile-session-content{flex-direction:row;align-items:flex-start;gap:var(--spacing-lg, 1.5rem)}.mobile-combo-box{flex:1;min-width:200px}.mobile-recommendation-details{flex:2;min-width:250px}}@media (min-width: 768px){.responsive-table-container{padding:var(--spacing-xl, 2rem)}.responsive-table{display:table}.mobile-card-layout{display:none}.layout-toggle{display:flex;justify-content:center;margin-bottom:var(--spacing-lg, 1.5rem);gap:var(--spacing-sm, .5rem)}.layout-toggle-btn{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border:2px solid var(--mbti-primary, #007bff);background:transparent;color:var(--mbti-primary, #007bff);border-radius:6px;cursor:pointer;font-size:var(--font-size-sm, .875rem);font-weight:500;transition:all .2s ease;min-height:var(--touch-target-min, 44px)}.layout-toggle-btn.active,.layout-toggle-btn:hover{background:var(--mbti-primary, #007bff);color:var(--mbti-surface, #ffffff)}.responsive-table th,.responsive-table td{padding:var(--spacing-md, 1rem);text-align:left;border-bottom:1px solid var(--mbti-border, #dee2e6);vertical-align:top}.responsive-table th{background:var(--mbti-primary, #007bff);color:var(--mbti-surface, #ffffff);font-weight:600;text-align:center;position:sticky;top:0;z-index:10}.responsive-table .session-header{background:var(--mbti-secondary, #6c757d);min-width:150px;text-align:left}.responsive-table .day-header{min-width:280px}.responsive-table .session-label{background:var(--mbti-background, #f8f9fa);color:var(--mbti-primary, #007bff);font-weight:600;border-right:2px solid var(--mbti-border, #dee2e6)}.responsive-table .recommendation-cell{min-width:250px}.table-combo-box{width:100%;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border:2px solid var(--mbti-border, #dee2e6);border-radius:6px;background:var(--mbti-surface, #ffffff);color:var(--mbti-text, #212529);font-size:var(--font-size-sm, .875rem);font-family:inherit;cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-sm, .5rem);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:14px 10px;padding-right:2.5rem}.table-combo-box:hover{border-color:var(--mbti-primary, #007bff)}.table-combo-box:focus{outline:none;border-color:var(--mbti-primary, #007bff);box-shadow:0 0 0 2px var(--mbti-focus, rgba(0, 123, 255, .25))}.table-recommendation-details{font-size:var(--font-size-xs, .75rem);line-height:1.4;color:var(--mbti-text, #212529)}.table-recommendation-details>div{margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem}.table-recommendation-details>div:last-child{margin-bottom:0}}@media (min-width: 1024px){.responsive-table .day-header{min-width:320px}.responsive-table .recommendation-cell{min-width:300px}.table-combo-box{font-size:var(--font-size-base, 1rem);padding:var(--spacing-md, 1rem)}.table-recommendation-details{font-size:var(--font-size-sm, .875rem)}}@media (min-width: 1200px){.responsive-table-container{max-width:1400px}.responsive-table .day-header{min-width:350px}.responsive-table .recommendation-cell{min-width:330px}}.colorful-personality .mobile-day-header{background:linear-gradient(135deg,var(--mbti-primary, #007bff),var(--mbti-accent, #28a745))}.colorful-personality .mobile-combo-box:focus{box-shadow:0 0 0 3px var(--mbti-focus, rgba(0, 123, 255, .25)),0 0 15px var(--mbti-accent, #28a745)}.warm-personality .mobile-day-card{box-shadow:0 2px 4px var(--mbti-shadow, rgba(0, 0, 0, .1)),0 0 20px var(--mbti-warm-glow, rgba(255, 193, 7, .1))}.flashy-personality .mobile-combo-box:focus{animation:mobile-flashy-focus .5s ease}@keyframes mobile-flashy-focus{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.mobile-combo-box,.table-combo-box,.layout-toggle-btn{transition:none}.flashy-personality .mobile-combo-box:focus{animation:none}}@media (prefers-contrast: high){.mobile-combo-box,.table-combo-box{border-width:3px}.mobile-day-header{border:2px solid currentColor}.mobile-recommendation-details{border:1px solid var(--mbti-border, #dee2e6)}}@media print{.layout-toggle{display:none}.mobile-card-layout{display:block}.responsive-table{display:none}.mobile-day-header{background:transparent!important;color:#000!important;border:2px solid #000}.mobile-combo-box{border:1px solid #000;background:#fff!important}.mobile-recommendation-details{background:transparent!important;border:1px solid #000}}.mobile-combo-box:focus-visible,.table-combo-box:focus-visible{outline:2px solid var(--mbti-primary, #007bff);outline-offset:2px}.combo-box-loading{position:relative;pointer-events:none;opacity:.7}.combo-box-loading:after{content:"";position:absolute;top:50%;right:1rem;width:16px;height:16px;margin-top:-8px;border:2px solid var(--mbti-border, #dee2e6);border-top-color:var(--mbti-primary, #007bff);border-radius:50%;animation:combo-box-spin 1s linear infinite}@keyframes combo-box-spin{to{transform:rotate(360deg)}}@media (hover: none) and (pointer: coarse){.mobile-combo-box:active,.table-combo-box:active{background-color:var(--mbti-hover, rgba(0, 123, 255, .1));transform:scale(.98)}.layout-toggle-btn:active{transform:scale(.95)}}.responsive-nav{background:var(--mbti-primary, #007bff);color:var(--mbti-surface, #ffffff);box-shadow:0 2px 10px var(--mbti-shadow, rgba(0, 0, 0, .1));position:sticky;top:0;z-index:100;width:100%;margin:0;padding:0}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 1rem);width:100%;max-width:1200px;margin:0 auto;position:relative}.nav-logo{flex-shrink:0;z-index:101}.nav-logo-link{color:var(--mbti-surface, #ffffff);text-decoration:none;font-size:var(--font-size-xl, 1.25rem);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm, .5rem);transition:opacity .2s ease}.nav-logo-link:hover{opacity:.9}.nav-logo-icon{font-size:1.5em}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--touch-target-comfortable, 48px);height:var(--touch-target-comfortable, 48px);background:transparent;border:none;cursor:pointer;padding:var(--spacing-sm, .5rem);border-radius:6px;transition:background-color .2s ease;z-index:101}.nav-toggle:hover{background:#ffffff1a}.nav-toggle:focus{outline:2px solid var(--mbti-surface, #ffffff);outline-offset:2px}.nav-toggle-bar{width:24px;height:3px;background:var(--mbti-surface, #ffffff);border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-toggle-bar:not(:last-child){margin-bottom:4px}.nav-toggle.active .nav-toggle-bar:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0;transform:scale(0)}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--mbti-primary, #007bff);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl, 2rem);transform:translate(-100%);transition:transform .3s ease;z-index:100;padding:var(--spacing-xl, 2rem)}.nav-menu.active{transform:translate(0)}.nav-menu-item{opacity:0;transform:translateY(20px);transition:all .3s ease}.nav-menu.active .nav-menu-item{opacity:1;transform:translateY(0)}.nav-menu.active .nav-menu-item:nth-child(1){transition-delay:.1s}.nav-menu.active .nav-menu-item:nth-child(2){transition-delay:.2s}.nav-menu.active .nav-menu-item:nth-child(3){transition-delay:.3s}.nav-menu.active .nav-menu-item:nth-child(4){transition-delay:.4s}.nav-menu.active .nav-menu-item:nth-child(5){transition-delay:.5s}.nav-link{color:var(--mbti-surface, #ffffff);text-decoration:none;font-size:var(--font-size-2xl, 1.5rem);font-weight:600;padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);border-radius:8px;transition:all .2s ease;text-align:center;min-width:200px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);min-height:var(--touch-target-comfortable, 48px)}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-link:active{transform:translateY(0)}.nav-link.active{background:#fff3;font-weight:700}.nav-user-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 1rem);padding:var(--spacing-lg, 1.5rem);border-top:1px solid rgba(255,255,255,.2);margin-top:var(--spacing-lg, 1.5rem);width:100%;max-width:300px}.nav-user-greeting{color:var(--mbti-surface, #ffffff);font-size:var(--font-size-lg, 1.125rem);font-weight:500;text-align:center;opacity:.9}.nav-logout-btn{background:#fff3;color:var(--mbti-surface, #ffffff);border:2px solid rgba(255,255,255,.3);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);border-radius:8px;font-size:var(--font-size-base, 1rem);font-weight:600;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-comfortable, 48px);min-width:120px}.nav-logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.nav-logout-btn:active{transform:translateY(0)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:99}.nav-overlay.active{opacity:1;visibility:visible}@media (min-width: 480px){.nav-container{padding:var(--spacing-lg, 1.5rem)}.nav-logo-link{font-size:var(--font-size-2xl, 1.5rem)}.nav-link{font-size:var(--font-size-xl, 1.25rem);min-width:250px}.nav-user-section{max-width:350px}}@media (min-width: 768px){.nav-toggle{display:none}.nav-menu{position:static;width:auto;height:auto;background:transparent;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-lg, 1.5rem);transform:none;transition:none;padding:0;flex:1}.nav-menu-item{opacity:1;transform:none;transition:none}.nav-link{font-size:var(--font-size-base, 1rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);min-width:auto;min-height:var(--touch-target-min, 44px)}.nav-user-section{position:static;flex-direction:row;align-items:center;gap:var(--spacing-md, 1rem);padding:0;border:none;margin:0;width:auto;max-width:none;flex-shrink:0}.nav-user-greeting{font-size:var(--font-size-sm, .875rem);white-space:nowrap}.nav-logout-btn{font-size:var(--font-size-sm, .875rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);min-width:auto;min-height:var(--touch-target-min, 44px)}.nav-overlay{display:none}}@media (min-width: 1024px){.nav-container{padding:var(--spacing-lg, 1.5rem) var(--spacing-xl, 2rem)}.nav-logo-link{font-size:var(--font-size-2xl, 1.5rem)}.nav-link{font-size:var(--font-size-lg, 1.125rem);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem)}.nav-user-greeting{font-size:var(--font-size-base, 1rem)}.nav-logout-btn{font-size:var(--font-size-base, 1rem);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem)}}@media (min-width: 1200px){.nav-menu{gap:var(--spacing-xl, 2rem)}.nav-user-section{gap:var(--spacing-lg, 1.5rem)}}.responsive-header{background:var(--mbti-background, #ffffff);border-bottom:1px solid var(--mbti-border, #dee2e6);padding:var(--spacing-lg, 1.5rem) 0}.header-container{max-width:var(--container-xl, 1200px);margin:0 auto;padding:0 var(--spacing-md, 1rem)}.header-content{text-align:center}.header-back-btn{background:var(--mbti-secondary, #6c757d);color:var(--mbti-surface, #ffffff);border:none;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:6px;cursor:pointer;font-size:var(--font-size-sm, .875rem);font-weight:500;margin-bottom:var(--spacing-lg, 1.5rem);transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);text-decoration:none;font-family:inherit;min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}.header-back-btn:hover{background:var(--mbti-primary, #007bff);transform:translateY(-2px);box-shadow:0 4px 8px var(--mbti-shadow, rgba(0, 0, 0, .1))}.header-back-btn:active{transform:translateY(0);box-shadow:0 2px 4px var(--mbti-shadow, rgba(0, 0, 0, .1))}.header-back-btn:focus{outline:none;box-shadow:0 0 0 3px var(--mbti-focus, rgba(0, 123, 255, .25))}.header-title{color:var(--mbti-primary, #007bff);font-size:var(--font-size-3xl, 1.875rem);font-weight:700;margin-bottom:var(--spacing-md, 1rem);line-height:1.2;letter-spacing:-.02em}.header-subtitle{color:var(--mbti-text, #212529);font-size:var(--font-size-lg, 1.125rem);font-weight:500;line-height:1.3;margin:0}@media (min-width: 480px){.header-container{padding:0 var(--spacing-lg, 1.5rem)}.header-back-btn{font-size:var(--font-size-base, 1rem);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem)}.header-title{font-size:var(--font-size-4xl, 2.25rem)}.header-subtitle{font-size:var(--font-size-xl, 1.25rem)}}@media (min-width: 768px){.responsive-header{padding:var(--spacing-xl, 2rem) 0}.header-container{padding:0 var(--spacing-xl, 2rem)}.header-title{font-size:3rem}.header-subtitle{font-size:var(--font-size-2xl, 1.5rem)}}@media (min-width: 1024px){.header-title{font-size:3.5rem}.header-subtitle{font-size:var(--font-size-2xl, 1.5rem)}}.colorful-personality .responsive-nav{background:linear-gradient(135deg,var(--mbti-primary, #007bff),var(--mbti-accent, #28a745))}.colorful-personality .nav-link:hover{background:linear-gradient(135deg,#ffffff1a,#fff3)}.warm-personality .responsive-nav{box-shadow:0 2px 10px var(--mbti-shadow, rgba(0, 0, 0, .1)),0 0 20px var(--mbti-warm-glow, rgba(255, 193, 7, .1))}.flashy-personality .nav-link:hover{animation:nav-flashy-hover .3s ease}@keyframes nav-flashy-hover{0%,to{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}@media (prefers-reduced-motion: reduce){.nav-toggle-bar,.nav-menu,.nav-menu-item,.nav-link,.header-back-btn{transition:none}.nav-menu.active .nav-menu-item{transition-delay:0s}.flashy-personality .nav-link:hover{animation:none}}@media (prefers-contrast: high){.responsive-nav{border-bottom:2px solid var(--mbti-surface, #ffffff)}.nav-link{border:1px solid transparent}.nav-link:hover,.nav-link.active{border-color:var(--mbti-surface, #ffffff)}.nav-logout-btn{border-width:3px}.header-back-btn{border:2px solid var(--mbti-primary, #007bff)}}@media print{.responsive-nav,.header-back-btn{display:none}.header-title,.header-subtitle{color:#000!important}}.nav-toggle:focus-visible,.nav-link:focus-visible,.nav-logout-btn:focus-visible,.header-back-btn:focus-visible{outline:2px solid var(--mbti-surface, #ffffff);outline-offset:2px}.skip-nav{position:absolute;top:-40px;left:6px;background:var(--mbti-primary, #007bff);color:var(--mbti-surface, #ffffff);padding:8px 16px;text-decoration:none;border-radius:4px;z-index:1000;font-weight:600}.skip-nav:focus{top:6px}body.nav-menu-open{overflow:hidden;position:fixed;width:100%}@media (min-width: 768px){body.nav-menu-open{overflow:auto;position:static}}#app{width:100%;min-height:100vh;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{margin:0;padding:0}#app{width:100%;padding:0}}.error-message[data-v-f0aecebe]{display:flex;align-items:flex-start;justify-content:space-between;border-radius:8px;padding:1rem;margin:1rem 0;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.error-message--error[data-v-f0aecebe]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.error-message--warning[data-v-f0aecebe]{background:#fffbeb;color:#92400e;border:1px solid #fed7aa}.error-message--info[data-v-f0aecebe]{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.error-message--success[data-v-f0aecebe]{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.error-message--banner[data-v-f0aecebe]{border-radius:0;margin:0;border-left:none;border-right:none}.error-message--toast[data-v-f0aecebe]{position:fixed;top:1rem;right:1rem;z-index:1000;max-width:400px;box-shadow:0 10px 25px #00000026}.error-content[data-v-f0aecebe]{display:flex;align-items:flex-start;gap:.75rem;flex:1}.error-icon[data-v-f0aecebe]{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.error-details[data-v-f0aecebe]{flex:1;min-width:0}.error-title[data-v-f0aecebe]{font-weight:600;font-size:1rem;margin-bottom:.25rem;line-height:1.4}.error-text[data-v-f0aecebe]{font-weight:500;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.error-suggestion[data-v-f0aecebe]{font-size:.8125rem;opacity:.8;line-height:1.4;margin-bottom:.75rem}.error-actions[data-v-f0aecebe]{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;justify-content:center}.error-action-button[data-v-f0aecebe]{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;border:1px solid transparent}.error-action-button[data-v-f0aecebe]:disabled{opacity:.6;cursor:not-allowed}.error-action-button--primary[data-v-f0aecebe]{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.error-action-button--primary[data-v-f0aecebe]:hover:not(:disabled){background:#b91c1c!important;color:#fff!important;transform:translateY(-1px)}.error-action-button--secondary[data-v-f0aecebe]{background:transparent!important;color:#374151!important;border-color:#d1d5db!important}.error-action-button--secondary[data-v-f0aecebe]:hover:not(:disabled){background:#f3f4f6!important;color:#374151!important;transform:translateY(-1px)}.error-action-button--danger[data-v-f0aecebe]{background:#dc2626;color:#fff}.error-action-button--danger[data-v-f0aecebe]:hover:not(:disabled){background:#b91c1c}.action-loading[data-v-f0aecebe]{animation:spin-f0aecebe 1s linear infinite}@keyframes spin-f0aecebe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dismiss-button[data-v-f0aecebe]{background:none;border:none;color:currentColor;cursor:pointer;font-size:1.25rem;padding:.25rem;border-radius:4px;transition:background-color .2s ease;flex-shrink:0;opacity:.7;line-height:1}.dismiss-button[data-v-f0aecebe]:hover{opacity:1;background:#0000001a}@media (max-width: 640px){.error-message--toast[data-v-f0aecebe]{left:1rem;right:1rem;max-width:none}.error-actions[data-v-f0aecebe]{flex-direction:column}.error-action-button[data-v-f0aecebe]{justify-content:center}}.error-message--toast[data-v-f0aecebe]{animation:slideInRight-f0aecebe .3s ease-out}@keyframes slideInRight-f0aecebe{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-action-button[data-v-f0aecebe]:focus,.dismiss-button[data-v-f0aecebe]:focus{outline:2px solid currentColor;outline-offset:2px}@media (prefers-contrast: high){.error-message[data-v-f0aecebe]{border-width:2px}}@media (prefers-reduced-motion: reduce){.error-message[data-v-f0aecebe],.error-action-button[data-v-f0aecebe],.dismiss-button[data-v-f0aecebe]{transition:none}.error-message--toast[data-v-f0aecebe],.action-loading[data-v-f0aecebe]{animation:none}}.error-notification-system[data-v-01a5b046]{position:relative;z-index:1000}.toast-container[data-v-01a5b046]{position:fixed;top:1rem;right:1rem;z-index:1050;display:flex;flex-direction:column;gap:.5rem;max-width:400px;pointer-events:none}.toast-container[data-v-01a5b046]>*{pointer-events:auto}.banner-container[data-v-01a5b046]{position:relative;z-index:1040}.modal-overlay[data-v-01a5b046]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1060;padding:1rem}.modal-content[data-v-01a5b046]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.modal-header[data-v-01a5b046]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0}.modal-title[data-v-01a5b046]{font-size:1.25rem;font-weight:600;margin:0;color:#111827}.modal-close[data-v-01a5b046]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:4px;transition:color .2s ease}.modal-close[data-v-01a5b046]:hover{color:#374151}.modal-body[data-v-01a5b046]{padding:1rem 1.5rem 1.5rem}.critical-error-overlay[data-v-01a5b046]{position:fixed;inset:0;background:#dc2626f2;display:flex;align-items:center;justify-content:center;z-index:1070;padding:1rem}.critical-error-content[data-v-01a5b046]{background:#fff;border-radius:16px;padding:2rem;text-align:center;max-width:500px;width:100%;box-shadow:0 25px 50px -12px #00000040}.critical-error-icon[data-v-01a5b046]{font-size:4rem;margin-bottom:1rem}.critical-error-title[data-v-01a5b046]{font-size:2rem;font-weight:700;color:#dc2626;margin:0 0 1rem}.critical-error-message[data-v-01a5b046]{font-size:1.125rem;color:#374151;margin:0 0 2rem;line-height:1.6}.critical-error-actions[data-v-01a5b046]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.critical-error-button[data-v-01a5b046]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem}.critical-error-button--primary[data-v-01a5b046]{background:#dc2626;color:#fff}.critical-error-button--primary[data-v-01a5b046]:hover{background:#b91c1c}.critical-error-button--secondary[data-v-01a5b046]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.critical-error-button--secondary[data-v-01a5b046]:hover{background:#e5e7eb}.critical-error-button--tertiary[data-v-01a5b046]{background:transparent;color:#6b7280;text-decoration:underline}.critical-error-button--tertiary[data-v-01a5b046]:hover{color:#374151}.technical-details[data-v-01a5b046]{text-align:left;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.technical-details-title[data-v-01a5b046]{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#374151}.technical-details-content[data-v-01a5b046]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;font-size:.8125rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#374151;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.network-status-indicator[data-v-01a5b046]{position:fixed;bottom:1rem;left:1rem;background:#fbbf24;color:#92400e;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a;z-index:1030}.network-status-icon[data-v-01a5b046]{font-size:1.25rem}.network-status-text[data-v-01a5b046]{font-weight:500}.network-status-button[data-v-01a5b046]{background:#92400e;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.network-status-button[data-v-01a5b046]:hover:not(:disabled){background:#78350f}.network-status-button[data-v-01a5b046]:disabled{opacity:.6;cursor:not-allowed}.toast-enter-active[data-v-01a5b046],.toast-leave-active[data-v-01a5b046]{transition:all .3s ease}.toast-enter-from[data-v-01a5b046],.toast-leave-to[data-v-01a5b046]{transform:translate(100%);opacity:0}.banner-enter-active[data-v-01a5b046],.banner-leave-active[data-v-01a5b046]{transition:all .3s ease}.banner-enter-from[data-v-01a5b046],.banner-leave-to[data-v-01a5b046]{transform:translateY(-100%);opacity:0}@media (max-width: 640px){.toast-container[data-v-01a5b046]{left:1rem;right:1rem;max-width:none}.modal-overlay[data-v-01a5b046]{padding:.5rem}.critical-error-content[data-v-01a5b046]{padding:1.5rem}.critical-error-actions[data-v-01a5b046]{flex-direction:column}.network-status-indicator[data-v-01a5b046]{left:.5rem;right:.5rem;bottom:.5rem;justify-content:center}}@media (prefers-contrast: high){.modal-content[data-v-01a5b046],.critical-error-content[data-v-01a5b046]{border:2px solid #000}.network-status-indicator[data-v-01a5b046]{border:2px solid #92400e}}@media (prefers-reduced-motion: reduce){.toast-enter-active[data-v-01a5b046],.toast-leave-active[data-v-01a5b046],.banner-enter-active[data-v-01a5b046],.banner-leave-active[data-v-01a5b046],.critical-error-button[data-v-01a5b046],.modal-close[data-v-01a5b046],.network-status-button[data-v-01a5b046]{transition:none}}.modal-close[data-v-01a5b046]:focus,.critical-error-button[data-v-01a5b046]:focus,.network-status-button[data-v-01a5b046]:focus{outline:2px solid #3b82f6;outline-offset:2px}#app[data-v-162922cf]{min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.main-content[data-v-162922cf]{flex:1;display:flex;flex-direction:column;width:100%}.main-content.with-header[data-v-162922cf]{padding-top:0}.responsive-nav[data-v-162922cf]{position:relative;z-index:100}.nav-overlay[data-v-162922cf]{z-index:99}@media (min-width: 768px){.main-content.with-header[data-v-162922cf]{margin-top:0}}.nav-logo-link[data-v-162922cf]:focus-visible,.nav-link[data-v-162922cf]:focus-visible,.nav-toggle[data-v-162922cf]:focus-visible,.nav-logout-btn[data-v-162922cf]:focus-visible{outline:2px solid var(--mbti-surface, #ffffff);outline-offset:2px}@media (prefers-contrast: high){.responsive-nav[data-v-162922cf]{border-bottom:2px solid var(--mbti-surface, #ffffff)}.nav-link[data-v-162922cf],.nav-logout-btn[data-v-162922cf]{border:1px solid transparent}.nav-link[data-v-162922cf]:hover,.nav-link.router-link-active[data-v-162922cf],.nav-logout-btn[data-v-162922cf]:hover{border-color:var(--mbti-surface, #ffffff)}}@media print{.responsive-nav[data-v-162922cf]{display:none}.main-content[data-v-162922cf]{padding:0}}@media (prefers-reduced-motion: reduce){.nav-toggle-bar[data-v-162922cf],.nav-menu[data-v-162922cf],.nav-menu-item[data-v-162922cf],.nav-link[data-v-162922cf],.nav-logout-btn[data-v-162922cf]{transition:none}.nav-menu.active .nav-menu-item[data-v-162922cf]{transition-delay:0s}}@media (prefers-color-scheme: dark){.responsive-nav[data-v-162922cf]{background:var(--mbti-primary, #0056b3)}}.main-content[data-v-162922cf]{position:relative;z-index:1}