@font-face{font-family:S-CoreDream-3Light;font-style:normal;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff) format("woff")}@font-face{font-family:S-CoreDream-4Regular;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff) format("woff")}@font-face{font-family:S-CoreDream-5Medium;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff) format("woff")}@font-face{font-family:S-CoreDream-6Bold;font-style:normal;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}img{max-width:100%}:root{--transition-fast:.2s ease;--transition-medium:.3s ease}:root,:root[data-theme=blossom]{--primary-light:#ffe3ea;--primary:#f991a3;--primary-dark:#be5c6f;--pink-50:#fef7f8;--pink-100:#ffe3ea;--pink-200:#fdc2d1;--pink-300:#fba0b7;--pink-400:#f991a3;--pink-500:#f77185;--pink-600:#be5c6f;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#005b4c;--rose-50:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#005b4c;--gray-900:#111827;--gray-800:#374151;--gray-700:#4b5563;--gray-600:#6b7280;--gray-500:#9ca3af;--gray-400:#d1d5db;--gray-300:#e5e7eb;--gray-200:#f3f4f6;--gray-100:#f9fafb;--gray-50:#fefefe;--white:#fff;--text-primary:#1f2937;--text-secondary:#374151;--text-muted:#6b7280;--heading-color:#111827;--link-color:#be5c6f;--focus-color:#f991a3;--background-color:#fef7f8;--background-gradient:linear-gradient(135deg,#fef7f8,#fff 50%,#f0fdfa);--surface-color:hsla(0,0%,100%,.95);--surface-strong:#fff;--surface-muted:#f8f9fa;--surface-muted-strong:#e9ecef;--surface-border:rgba(255,227,234,.45);--surface-border-strong:rgba(249,145,163,.4);--surface-shadow:0 8px 25px 0 rgba(249,145,163,.12);--surface-shadow-strong:0 12px 35px 0 rgba(249,145,163,.18);--divider-color:#f8f9fa;--header-background:hsla(0,0%,100%,.94);--header-border:rgba(249,145,163,.35);--header-shadow:0 1px 3px 0 rgba(190,92,111,.12),0 1px 2px 0 rgba(190,92,111,.08);--nav-item-color:#6b7280;--nav-item-hover-bg:rgba(249,145,163,.12);--nav-item-active-bg:rgba(249,145,163,.2);--nav-item-active-color:#be5c6f;--button-primary-shadow:0 4px 15px rgba(249,145,163,.3);--button-primary-shadow-hover:0 6px 20px rgba(249,145,163,.4);--button-secondary-shadow:0 4px 15px rgba(20,184,166,.3);--button-secondary-shadow-hover:0 6px 20px rgba(13,148,136,.35);--shadow-sm:0 1px 2px 0 rgba(190,92,111,.08);--shadow:0 1px 3px 0 rgba(190,92,111,.12),0 1px 2px -1px rgba(190,92,111,.12);--shadow-md:0 4px 6px -1px rgba(190,92,111,.15),0 2px 4px -2px rgba(190,92,111,.14);--shadow-lg:0 10px 15px -3px rgba(190,92,111,.16),0 4px 6px -4px rgba(190,92,111,.14)}:root[data-theme=ocean]{--primary-light:#dbeafe;--primary:#60a5fa;--primary-dark:#2563eb;--pink-50:#eff6ff;--pink-100:#dbeafe;--pink-200:#bfdbfe;--pink-300:#93c5fd;--pink-400:#60a5fa;--pink-500:#3b82f6;--pink-600:#2563eb;--teal-50:#ecfeff;--teal-100:#cffafe;--teal-200:#a5f3fc;--teal-300:#67e8f9;--teal-400:#22d3ee;--teal-500:#06b6d4;--teal-600:#0e7490;--rose-50:#f5f3ff;--rose-100:#ede9fe;--rose-200:#ddd6fe;--rose-300:#c4b5fd;--rose-400:#a78bfa;--rose-500:#8b5cf6;--rose-600:#7c3aed;--emerald-50:#e0f2fe;--emerald-100:#bae6fd;--emerald-200:#7dd3fc;--emerald-300:#38bdf8;--emerald-400:#0ea5e9;--emerald-500:#0284c7;--emerald-600:#0369a1;--gray-900:#0f172a;--gray-800:#1e293b;--gray-700:#334155;--gray-600:#475569;--gray-500:#64748b;--gray-400:#94a3b8;--gray-300:#c7d2fe;--gray-200:#e0e7ff;--gray-100:#f1f5ff;--gray-50:#f8fbff;--text-primary:#0f172a;--text-secondary:#1e293b;--text-muted:#475569;--heading-color:#0f172a;--link-color:#2563eb;--focus-color:#60a5fa;--background-color:#e0f2fe;--background-gradient:linear-gradient(135deg,#dbeafe,#f8fbff 50%,#cffafe);--surface-color:rgba(244,248,255,.94);--surface-strong:#f8fbff;--surface-muted:#e2e8ff;--surface-muted-strong:#cbd5ff;--surface-border:rgba(96,165,250,.26);--surface-border-strong:rgba(37,99,235,.32);--surface-shadow:0 8px 25px 0 rgba(96,165,250,.18);--surface-shadow-strong:0 12px 35px 0 rgba(37,99,235,.22);--divider-color:rgba(148,163,184,.28);--header-background:rgba(244,248,255,.9);--header-border:rgba(96,165,250,.35);--header-shadow:0 1px 3px 0 rgba(96,165,250,.18),0 1px 2px 0 rgba(14,165,233,.12);--nav-item-color:#1e3a8a;--nav-item-hover-bg:rgba(96,165,250,.16);--nav-item-active-bg:rgba(37,99,235,.2);--nav-item-active-color:#1d4ed8;--button-primary-shadow:0 4px 15px rgba(96,165,250,.24);--button-primary-shadow-hover:0 6px 20px rgba(37,99,235,.28);--button-secondary-shadow:0 4px 15px rgba(14,165,233,.24);--button-secondary-shadow-hover:0 6px 20px rgba(8,145,178,.3);--shadow-sm:0 1px 2px 0 rgba(96,165,250,.15);--shadow:0 1px 3px 0 rgba(96,165,250,.2),0 1px 2px -1px rgba(37,99,235,.18);--shadow-md:0 4px 6px -1px rgba(37,99,235,.22),0 2px 4px -2px rgba(14,165,233,.2);--shadow-lg:0 10px 15px -3px rgba(37,99,235,.24),0 4px 6px -4px rgba(14,165,233,.22)}:root[data-theme=sunset]{--primary-light:#ffedd5;--primary:#f97316;--primary-dark:#ea580c;--pink-50:#fff7ed;--pink-100:#ffedd5;--pink-200:#fed7aa;--pink-300:#fdba74;--pink-400:#fb923c;--pink-500:#f97316;--pink-600:#ea580c;--teal-50:#fef3c7;--teal-100:#fde68a;--teal-200:#fcd34d;--teal-300:#fbbf24;--teal-400:#f59e0b;--teal-500:#d97706;--teal-600:#b45309;--rose-50:#fdf2f8;--rose-100:#fce7f3;--rose-200:#fbcfe8;--rose-300:#f9a8d4;--rose-400:#f472b6;--rose-500:#ec4899;--rose-600:#db2777;--emerald-50:#fef2f2;--emerald-100:#fee2e2;--emerald-200:#fecaca;--emerald-300:#fca5a5;--emerald-400:#f87171;--emerald-500:#ef4444;--emerald-600:#dc2626;--gray-900:#431407;--gray-800:#7c2d12;--gray-700:#9a3412;--gray-600:#b45309;--gray-500:#d97706;--gray-400:#fb923c;--gray-300:#fed7aa;--gray-200:#ffedd5;--gray-100:#fff5eb;--gray-50:#fff9f2;--text-primary:#431407;--text-secondary:#7c2d12;--text-muted:#9a3412;--heading-color:#431407;--link-color:#ea580c;--focus-color:#f97316;--background-color:#fff5eb;--background-gradient:linear-gradient(135deg,#fff7ed,#fff1e6 50%,#fef3c7);--surface-color:rgba(255,247,236,.94);--surface-strong:#fff7ed;--surface-muted:#fff1e6;--surface-muted-strong:#ffe0c2;--surface-border:rgba(249,115,22,.25);--surface-border-strong:rgba(234,88,12,.32);--surface-shadow:0 8px 25px 0 rgba(249,115,22,.18);--surface-shadow-strong:0 12px 35px 0 rgba(234,88,12,.22);--divider-color:hsla(32,98%,83%,.65);--header-background:rgba(255,247,236,.9);--header-border:rgba(249,115,22,.35);--header-shadow:0 1px 3px 0 rgba(249,115,22,.18),0 1px 2px 0 rgba(250,204,21,.16);--nav-item-color:#9a3412;--nav-item-hover-bg:rgba(249,115,22,.16);--nav-item-active-bg:rgba(234,88,12,.2);--nav-item-active-color:#ea580c;--button-primary-shadow:0 4px 15px rgba(249,115,22,.24);--button-primary-shadow-hover:0 6px 20px rgba(234,88,12,.3);--button-secondary-shadow:0 4px 15px rgba(251,191,36,.22);--button-secondary-shadow-hover:0 6px 20px rgba(245,158,11,.28);--shadow-sm:0 1px 2px 0 rgba(234,88,12,.18);--shadow:0 1px 3px 0 rgba(234,88,12,.2),0 1px 2px -1px rgba(249,115,22,.18);--shadow-md:0 4px 6px -1px rgba(234,88,12,.22),0 2px 4px -2px rgba(249,115,22,.2);--shadow-lg:0 10px 15px -3px rgba(234,88,12,.24),0 4px 6px -4px rgba(250,204,21,.2)}:root[data-theme=forest]{--primary-light:#bbf7d0;--primary:#22c55e;--primary-dark:#15803d;--pink-50:#f0fdf4;--pink-100:#dcfce7;--pink-200:#bbf7d0;--pink-300:#86efac;--pink-400:#4ade80;--pink-500:#22c55e;--pink-600:#15803d;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#0d9488;--teal-600:#0f766e;--rose-50:#eef2ff;--rose-100:#e0e7ff;--rose-200:#c7d2fe;--rose-300:#a5b4fc;--rose-400:#818cf8;--rose-500:#6366f1;--rose-600:#4f46e5;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#22c55e;--emerald-600:#15803d;--gray-900:#052e16;--gray-800:#064e3b;--gray-700:#0f5132;--gray-600:#166534;--gray-500:#16a34a;--gray-400:#4ade80;--gray-300:#bbf7d0;--gray-200:#dcfce7;--gray-100:#f0fdf4;--gray-50:#f6fff9;--text-primary:#052e16;--text-secondary:#0f5132;--text-muted:#166534;--heading-color:#022c22;--link-color:#15803d;--focus-color:#22c55e;--background-color:#ecfdf5;--background-gradient:linear-gradient(135deg,#ecfdf5,#f7fdf9 50%,#bbf7d0);--surface-color:rgba(247,253,249,.94);--surface-strong:#f4fff8;--surface-muted:#dcfce7;--surface-muted-strong:#bbf7d0;--surface-border:rgba(34,197,94,.22);--surface-border-strong:rgba(21,128,61,.28);--surface-shadow:0 8px 25px 0 rgba(34,197,94,.18);--surface-shadow-strong:0 12px 35px 0 rgba(21,128,61,.22);--divider-color:rgba(187,247,208,.65);--header-background:rgba(247,253,249,.9);--header-border:rgba(34,197,94,.28);--header-shadow:0 1px 3px 0 rgba(34,197,94,.18),0 1px 2px 0 rgba(13,148,136,.16);--nav-item-color:#166534;--nav-item-hover-bg:rgba(34,197,94,.16);--nav-item-active-bg:rgba(16,185,129,.2);--nav-item-active-color:#15803d;--button-primary-shadow:0 4px 15px rgba(34,197,94,.24);--button-primary-shadow-hover:0 6px 20px rgba(21,128,61,.28);--button-secondary-shadow:0 4px 15px rgba(13,148,136,.24);--button-secondary-shadow-hover:0 6px 20px rgba(15,118,110,.28);--shadow-sm:0 1px 2px 0 rgba(34,197,94,.15);--shadow:0 1px 3px 0 rgba(34,197,94,.2),0 1px 2px -1px rgba(22,163,74,.18);--shadow-md:0 4px 6px -1px rgba(21,128,61,.22),0 2px 4px -2px rgba(16,185,129,.2);--shadow-lg:0 10px 15px -3px rgba(21,128,61,.24),0 4px 6px -4px rgba(15,118,110,.2)}:root[data-theme=midnight]{--primary-light:#ede9fe;--primary:#8b5cf6;--primary-dark:#4c1d95;--pink-50:#f5f3ff;--pink-100:#ede9fe;--pink-200:#ddd6fe;--pink-300:#c4b5fd;--pink-400:#a78bfa;--pink-500:#8b5cf6;--pink-600:#6d28d9;--teal-50:#eff6ff;--teal-100:#dbeafe;--teal-200:#bfdbfe;--teal-300:#93c5fd;--teal-400:#60a5fa;--teal-500:#3b82f6;--teal-600:#1e3a8a;--rose-50:#fdf2f8;--rose-100:#fce7f3;--rose-200:#fbcfe8;--rose-300:#f9a8d4;--rose-400:#f472b6;--rose-500:#ec4899;--rose-600:#db2777;--emerald-50:#f0fdfa;--emerald-100:#ccfbf1;--emerald-200:#99f6e4;--emerald-300:#5eead4;--emerald-400:#2dd4bf;--emerald-500:#14b8a6;--emerald-600:#0f766e;--gray-900:#1e1b4b;--gray-800:#312e81;--gray-700:#4338ca;--gray-600:#4c1d95;--gray-500:#6366f1;--gray-400:#a5b4fc;--gray-300:#c7d2fe;--gray-200:#e0e7ff;--gray-100:#ede9fe;--gray-50:#f5f3ff;--text-primary:#1e1b4b;--text-secondary:#312e81;--text-muted:#4338ca;--heading-color:#1e1b4b;--link-color:#4c1d95;--focus-color:#8b5cf6;--background-color:#f5f3ff;--background-gradient:linear-gradient(135deg,#f5f3ff,#fdf4ff 50%,#ede9fe);--surface-color:rgba(250,245,255,.94);--surface-strong:#f5f3ff;--surface-muted:#ede9fe;--surface-muted-strong:#ddd6fe;--surface-border:rgba(139,92,246,.25);--surface-border-strong:rgba(76,29,149,.32);--surface-shadow:0 8px 25px 0 rgba(139,92,246,.18);--surface-shadow-strong:0 12px 35px 0 rgba(76,29,149,.22);--divider-color:rgba(221,214,254,.65);--header-background:rgba(250,245,255,.9);--header-border:rgba(139,92,246,.35);--header-shadow:0 1px 3px 0 rgba(139,92,246,.18),0 1px 2px 0 rgba(56,189,248,.16);--nav-item-color:#4338ca;--nav-item-hover-bg:rgba(139,92,246,.16);--nav-item-active-bg:rgba(99,102,241,.2);--nav-item-active-color:#4c1d95;--button-primary-shadow:0 4px 15px rgba(139,92,246,.24);--button-primary-shadow-hover:0 6px 20px rgba(99,102,241,.3);--button-secondary-shadow:0 4px 15px rgba(59,130,246,.24);--button-secondary-shadow-hover:0 6px 20px rgba(37,99,235,.3);--shadow-sm:0 1px 2px 0 rgba(99,102,241,.15);--shadow:0 1px 3px 0 rgba(99,102,241,.2),0 1px 2px -1px rgba(76,29,149,.2);--shadow-md:0 4px 6px -1px rgba(76,29,149,.22),0 2px 4px -2px rgba(129,140,248,.22);--shadow-lg:0 10px 15px -3px rgba(76,29,149,.24),0 4px 6px -4px rgba(129,140,248,.22)}html{background:var(--background-color);font-family:S-CoreDream-4Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-feature-settings:"kern" 1;line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}body,html{color:var(--text-primary)}body{background:var(--background-gradient);min-height:100vh;transition:background .4s ease,color .3s ease}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}a:focus,a:hover{color:var(--primary-dark);text-decoration:underline}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.py-8{padding:2rem 0}.py-12{padding:3rem 0}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;line-height:1.5;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn:focus,.btn:focus-visible{border:none;outline:none}.btn-primary{background:var(--primary);box-shadow:var(--button-primary-shadow);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--button-primary-shadow-hover);transform:translateY(-2px)}.btn-primary:active{background:var(--primary-dark);transform:translateY(0)}.btn-secondary{background:var(--teal-600);box-shadow:var(--button-secondary-shadow);color:var(--white)}.btn-secondary:hover{background:var(--emerald-600);box-shadow:var(--button-secondary-shadow-hover);transform:translateY(-2px)}.btn-secondary:active{background:var(--emerald-600);transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid var(--pink-200);color:var(--gray-700)}.btn-ghost:hover{background:var(--pink-50);border-color:var(--pink-300);color:var(--primary)}.btn-ghost:active{background:var(--pink-100);transform:translateY(1px)}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-outline:active{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(0)}.btn-large{border-radius:16px;font-size:1.125rem;font-weight:600;padding:18px 36px}.btn-small{border-radius:6px;font-size:.875rem;padding:8px 16px}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-color);border:1px solid var(--surface-border);border-radius:20px;margin-bottom:20px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-header{border-bottom:2px solid var(--divider-color);margin-bottom:20px;padding-bottom:15px}.card-title{background:var(--background-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:8px}.card-subtitle{color:var(--gray-500);font-size:.875rem}.card-body{line-height:1.6}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mbti-intj{background:linear-gradient(135deg,#6f4e7c,#8a6a9f)}.mbti-intp{background:linear-gradient(135deg,#9b59b6,#b877d9)}.mbti-entj{background:linear-gradient(135deg,#e74c3c,#f56c6c)}.mbti-entp{background:linear-gradient(135deg,#e67e22,#f39c12)}.mbti-infj{background:linear-gradient(135deg,#2ecc71,#58d68d)}.mbti-infp{background:linear-gradient(135deg,#3498db,#5dade2)}.mbti-enfj{background:linear-gradient(135deg,#f39c12,#f7dc6f)}.mbti-enfp{background:linear-gradient(135deg,#1abc9c,#48c9b0)}.mbti-istj{background:linear-gradient(135deg,#34495e,#5d6d7e)}.mbti-isfj{background:linear-gradient(135deg,#16a085,#48c9b0)}.mbti-estj{background:linear-gradient(135deg,#8e44ad,#bb8fce)}.mbti-esfj{background:linear-gradient(135deg,#e74c3c,#ec7063)}.mbti-istp{background:linear-gradient(135deg,#95a5a6,#bdc3c7)}.mbti-isfp{background:linear-gradient(135deg,#f39c12,#f8c471)}.mbti-estp{background:linear-gradient(135deg,#e67e22,#f39c12)}.mbti-esfp{background:linear-gradient(135deg,#f1c40f,#f7dc6f)}.loading{animation:spin 1s ease-in-out infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 15px}.card{margin-bottom:15px;padding:20px}.btn{font-size:.9rem;padding:10px 20px}.btn-large{font-size:1rem;padding:14px 28px}}@media (max-width:480px){.card{padding:15px}.grid{gap:15px}.btn{margin-bottom:10px;width:100%}}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.btn:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{border:none;box-shadow:none;outline:none}@media print{.app-footer,.app-header{display:none}}