:root{--bg:#2a8a90;--bubble:#fff;--bubble-text:#111827;--label:#e5f4f5;--input-bg:hsla(0,0%,100%,.12);--mobile-max-width:480px;--mobile-padding-x:20px;--mobile-padding-y:16px;--mobile-header-height:56px;--mobile-touch-target:44px;--mobile-border-radius:12px;--mobile-font-size-base:16px;--mobile-font-size-sm:14px;--mobile-font-size-lg:18px;--mobile-font-size-xl:20px;--mobile-font-size-2xl:24px;--mobile-gap:16px;--mobile-gap-sm:12px;--mobile-gap-lg:24px}#__next,body,html{height:100%}body{color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:#fff;font-size:var(--mobile-font-size-base);max-width:var(--mobile-max-width);margin:0 auto;box-shadow:0 0 0 1px rgba(0,0,0,.05);position:relative}body,html{overflow-x:hidden;width:100%}html{max-width:100vw}body{overflow-x:hidden!important}#__next{max-width:var(--mobile-max-width);margin:0 auto;width:100%;overflow-x:hidden}#__next,*,:after,:before{box-sizing:border-box}img{max-width:100%;height:auto}@media (min-width:481px){body{border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05)}}.screen{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:140px;background:var(--bg);background-image:url(/images/chat/background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden;width:100%}.mascot{display:flex;align-items:center;justify-content:center;padding-top:96px}.date{text-align:center;margin-top:24px;opacity:.9;font-size:14px}.chat{flex-direction:column;width:100%;margin:24px auto;padding-left:var(--mobile-padding-x);padding-right:calc(var(--mobile-padding-x) + env(safe-area-inset-right));flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat,.row{display:flex;gap:10px}.row{align-items:flex-end}.row--me{justify-content:flex-end}.group{display:grid;grid-template-columns:40px 1fr;grid-column-gap:10px;column-gap:10px;align-items:start}.group--me{display:flex;justify-content:flex-end;padding-right:8px}.group--me .group-body{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.group--me .bubble{margin-right:8px}.group-body{display:flex;flex-direction:column;gap:12px}.avatar{width:40px;height:40px;border-radius:20px;background:#c7eef0;display:flex;align-items:center;justify-content:center;color:#0b3b40;font-weight:700}.avatar--img{background:transparent;padding:0}.bubble{background:var(--bubble);color:var(--bubble-text);border-radius:14px;padding:12px 14px;display:inline-block;max-width:70%;box-shadow:0 2px 4px rgba(0,0,0,.12)}.bubble,.label{width:-moz-fit-content;width:fit-content}.label{background:var(--label);color:#0b3b40;border-radius:16px;padding:8px 10px;font-weight:700}.inputbar{position:fixed;left:0;right:0;bottom:0;background:#264669;border-top:1px solid hsla(0,0%,100%,.1);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.inputwrap{margin:0 auto}.chips,.inputwrap{max-width:720px;display:flex;gap:8px}.chips{margin:0 auto 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0;background:#264669}.chips::-webkit-scrollbar{height:0}.chip{flex:0 0 auto;height:34px;padding:0 12px;border-radius:17px;border:1px solid hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.18);color:#fff;font-weight:600;letter-spacing:-.2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.chip:active{transform:translateY(1px)}.textbox{flex:1 1;background:var(--input-bg);color:#fff;padding:0 16px;outline:none;font-size:16px}.sendbtn,.textbox{height:44px;border-radius:22px;border:1px solid hsla(0,0%,100%,.35)}.sendbtn{min-width:44px;background:#fff;color:#0b3b40;cursor:pointer}.solo{min-height:100dvh;background:#e8f3f7;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.solo__top-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.solo__top-back-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.solo__top-back-btn:hover{background-color:rgba(0,0,0,.05)}.solo__top-back-btn:active{background-color:rgba(0,0,0,.1)}.solo__top-logo-link{display:flex;align-items:center;text-decoration:none}.solo__top-logo{height:32px;width:auto;object-fit:contain}.solo__panel{width:100%;background:#eef6fb;border-radius:20px 20px 0 0;padding:24px var(--mobile-padding-x) 120px;flex:1 1}.solo__header{text-align:center}.solo__titleimg{width:320px;height:auto}.solo__mascot{display:flex;justify-content:center;margin:6px 0 18px}.solo__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.solo__card{position:relative;overflow:hidden;aspect-ratio:3/5;border-radius:10px;border:2px solid #0e3a5a;background:#143b65;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer}.solo__card:active{transform:translateY(1px)}.solo__card--selected{border-color:#6ee7f9;box-shadow:0 0 0 3px rgba(110,231,249,.35),0 6px 14px rgba(0,0,0,.22)}.solo__button-container{margin-top:24px;text-align:center}.solo__result-button{display:inline-block;background:#87ceeb;color:#2c5aa0;padding:12px 24px;border-radius:24px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgba(135,206,235,.3);transition:all .2s ease}.solo__result-button:hover{background:#7bc4e8;transform:translateY(-1px);box-shadow:0 6px 16px rgba(135,206,235,.4)}.solo__result-button:active{transform:translateY(0)}.result{min-height:100dvh;background:#e8f3f7;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.result__top-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.result__top-back-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.result__top-back-btn:hover{background-color:rgba(0,0,0,.05)}.result__top-back-btn:active{background-color:rgba(0,0,0,.1)}.result__top-logo-link{display:flex;align-items:center;text-decoration:none}.result__top-logo{height:32px;width:auto;object-fit:contain}.result__panel{width:100%;background:#eef6fb;border-radius:20px 20px 0 0;padding:24px var(--mobile-padding-x) 120px;flex:1 1}.result__header{text-align:center;margin-bottom:8px}.result__title{color:#0f172a;font-size:20px;font-weight:600;margin-bottom:6px}.result__keyword{color:#0f172a;font-size:18px;font-weight:800}.result__cardwrap{position:relative;margin-top:8px;display:flex;justify-content:center}.result__head{position:relative;margin:6px auto -65px;width:140px;height:140px;aspect-ratio:1/1;pointer-events:none;z-index:2}.result__card{position:relative;width:200px;height:330px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:2}.result__meta{margin-top:16px;text-align:center;color:#0f172a}.result__meta-name{font-weight:800}.result__meta-en{font-weight:600;opacity:.75}.result__meta-dir{font-weight:700;color:#334155}.result__desc{margin-top:28px;background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.06)}.result__desc-title{font-weight:800;color:#0f172a;margin-bottom:8px}.result__desc-text{color:#374151;font-size:14px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.result__backbtn{display:block;box-sizing:border-box;padding:16px 20px;border-radius:28px;text-align:center;font-weight:700;margin-top:24px;box-shadow:0 10px 24px rgba(0,0,0,.06);text-decoration:none}.home,.result__backbtn{width:100%;background:#fff;color:#0f172a}.home{min-height:100dvh;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden}.home__header{justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.home__header,.home__logo-link{display:flex;align-items:center}.home__logo-link{text-decoration:none}.home__logo{height:32px;width:auto;object-fit:contain}.home__header-actions{display:flex;gap:12px;align-items:center}.home__icon-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.home__icon-btn:hover{background-color:rgba(0,0,0,.05)}.home__icon-btn:active{background-color:rgba(0,0,0,.1)}.home__main{padding:var(--mobile-gap-lg) var(--mobile-padding-x);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.home__featured{margin-bottom:48px}.home__featured-grid{display:flex;gap:var(--mobile-gap-sm);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:8px;margin-left:calc(var(--mobile-padding-x) * -1);margin-right:calc(var(--mobile-padding-x) * -1);padding-left:var(--mobile-padding-x);padding-right:var(--mobile-padding-x);width:calc(100% + var(--mobile-padding-x) * 2);max-width:calc(100% + var(--mobile-padding-x) * 2);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.home__featured-grid::-webkit-scrollbar{display:none}.home__featured-card{position:relative;background:#fff;border-radius:var(--mobile-border-radius);overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;scroll-snap-align:start;display:flex;flex-direction:column;padding:0;text-align:left;flex:0 0 130px;min-width:130px}.home__featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.12)}.home__featured-card:active{transform:translateY(-2px)}.home__badge{position:absolute;top:12px;left:12px;z-index:10;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px}.home__badge--new{background:#4a5568}.home__badge--hot{background:#fbbf24;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%)}.home__featured-image{position:relative;width:100%;aspect-ratio:1/1;background:#f3f4f6;overflow:hidden;max-width:100%;box-sizing:border-box}.home__featured-content{padding:16px;flex:1 1;display:flex;flex-direction:column;gap:8px}.home__featured-title{font-size:var(--mobile-font-size-xl);font-weight:800;color:#0f172a;margin:0 0 24px;padding:0 var(--mobile-padding-x);line-height:1.2}.home__featured-description{font-size:14px;color:#64748b;margin:0;line-height:1.5}.home__categories-section{margin-bottom:var(--mobile-gap);padding-bottom:var(--mobile-gap);border-bottom:1px solid rgba(0,0,0,.08)}.home__categories-title{font-size:var(--mobile-font-size-xl);font-weight:800;color:#0f172a;margin:0 0 var(--mobile-gap) 0;padding:0 var(--mobile-padding-x)}.home__categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--mobile-gap-sm);gap:var(--mobile-gap-sm);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width:320px){.home__categories{grid-template-columns:repeat(5,1fr);gap:12px}}.home__category-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.home__category-btn:hover{background:#f8fafc;border-color:rgba(0,0,0,.12);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.08)}.home__category-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.08)}.home__category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;color:#0f172a;flex-shrink:0}.home__category-icon svg{width:20px;height:20px}.home__category-label{font-size:11px;font-weight:600;color:#0f172a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.home__category-section{margin-bottom:48px;width:100%;box-sizing:border-box;overflow-x:hidden}.home__category-section-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 20px;padding-left:4px}.home__category-section-list{gap:32px}.home__category-item,.home__category-section-list{display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box}.home__category-item{gap:12px}.home__category-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;padding:0;text-align:left;width:100%;max-width:500px;box-sizing:border-box;margin:0 auto}.home__category-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.12)}.home__category-card:active{transform:translateY(0)}.home__category-card-image{position:relative;width:100%;background:#f3f4f6;overflow:hidden;margin:0 auto}.home__category-info{display:flex;align-items:flex-start;justify-content:space-between;padding:0 4px;width:100%;max-width:100%;box-sizing:border-box}.home__category-info-text{flex:1 1;min-width:0;max-width:100%}.home__category-info-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 6px;word-wrap:break-word;overflow-wrap:break-word}.home__category-info-description{font-size:14px;color:#64748b;margin:0;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.home__category-section{margin-bottom:40px}.home__category-section-title{font-size:18px;margin-bottom:16px;padding-left:0}.home__category-section-list{gap:28px}.home__category-card-image{aspect-ratio:500/290;max-width:500px}.home__category-info-title{font-size:16px}.home__category-info-description{font-size:13px}.home__footer{background:#f8fafc;border-top:1px solid rgba(0,0,0,.08);margin-top:64px;padding:32px var(--mobile-padding-x);width:100%;max-width:100%;box-sizing:border-box}.home__footer-container{width:100%;display:flex;flex-direction:column;gap:20px;text-align:center}.home__footer-social{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.home__footer-social-btn{font-size:12px;color:#0f172a;text-decoration:none;padding:6px 12px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;transition:all .2s}.home__footer-social-btn:hover{border-color:#2a8a90;color:#2a8a90}.home__footer-info{display:flex;flex-direction:column;gap:4px}.home__footer-info-line{font-size:11px;color:#64748b;margin:0;line-height:1.5}.home__footer-info-line strong{color:#0f172a;font-weight:600}.home__footer-contact{display:flex;flex-direction:column;gap:4px}.home__footer-contact-line{font-size:11px;color:#64748b;margin:0;line-height:1.5}.home__footer-link{color:#0f172a;text-decoration:none;transition:color .2s}.home__footer-link:hover{color:#2a8a90;text-decoration:underline}.home__footer-policy{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.home__footer-policy-link{font-size:11px;color:#64748b;text-decoration:none;transition:color .2s}.home__footer-policy-link:hover{color:#2a8a90;text-decoration:underline}.home__footer-policy-separator{font-size:11px;color:#cbd5e1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tarot-page{min-height:100dvh;background:#fff;color:#0f172a;width:100%;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden}.tarot-page__header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.tarot-page__back-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.tarot-page__back-btn:hover{background-color:rgba(0,0,0,.05)}.tarot-page__back-btn:active{background-color:rgba(0,0,0,.1)}.tarot-page__title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.tarot-page__logo-link{display:flex;align-items:center;text-decoration:none}.tarot-page__logo{height:32px;width:auto;object-fit:contain}.tarot-page__main{padding:var(--mobile-gap-lg) var(--mobile-padding-x);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.tarot-page__category{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b;margin-bottom:20px}.tarot-page__category svg{color:#64748b}.tarot-page__intro{margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.tarot-page__intro-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 16px;line-height:1.4}.tarot-page__intro-text{font-size:15px;color:#475569;line-height:1.7;margin:0 0 16px}.tarot-page__intro-text:last-child{margin-bottom:0}.tarot-page__tests{display:flex;flex-direction:column;gap:32px}.tarot-page__test-item{gap:12px;max-width:100%}.tarot-page__test-card,.tarot-page__test-item{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.tarot-page__test-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;padding:0;text-align:left;max-width:500px;margin:0 auto}.tarot-page__test-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.12)}.tarot-page__test-card:active{transform:translateY(0)}.tarot-page__badge{position:absolute;top:16px;left:16px;z-index:10;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px}.tarot-page__badge--new{background:#4a5568}.tarot-page__badge--hot{background:#fbbf24;color:#0f172a;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%)}.tarot-page__test-image{position:relative;width:100%;background:#f3f4f6;overflow:hidden;margin:0 auto}.tarot-page__test-content{padding:20px;display:flex;flex-direction:column;gap:8px}.tarot-page__test-title{font-size:24px;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.tarot-page__test-description{font-size:15px;color:#64748b;margin:0;line-height:1.5}.tarot-page__test-info{display:flex;align-items:flex-start;justify-content:space-between;padding:0 4px}.tarot-page__test-info-text{flex:1 1}.tarot-page__test-info-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 6px}.tarot-page__test-info-description{font-size:14px;color:#64748b;margin:0;line-height:1.5}.tarot-page__test-image{aspect-ratio:500/290;max-width:500px}.tarot-page__test-title{font-size:20px}.tarot-page__test-description{font-size:14px}.tarot-page__test-info-title{font-size:16px}.tarot-page__test-info-description{font-size:13px}.privacy-page,.terms-page{min-height:100dvh;background:#fff;padding:32px 20px 64px;width:100%;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden;box-sizing:border-box}.privacy-page__container,.terms-page__container{width:100%}.privacy-page__title,.terms-page__title{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 32px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.privacy-page__content,.terms-page__content{color:#1e293b;line-height:1.8}.privacy-page__section,.terms-page__section{margin-bottom:32px}.privacy-page__section-title,.terms-page__section-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 16px}.privacy-page__text,.terms-page__text{font-size:15px;color:#475569;margin:0 0 12px;line-height:1.8}.privacy-page__list,.terms-page__list{font-size:15px;color:#475569;margin:12px 0;padding-left:24px;line-height:1.8}.privacy-page__list li,.terms-page__list li{margin-bottom:8px}.terms-page__sublist{margin-top:8px;padding-left:24px;list-style-type:disc}.privacy-page__contact{background:#f8fafc;border-radius:12px;padding:20px;margin-top:16px}.privacy-page__contact-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 12px}.privacy-page__contact-list{list-style:none;padding:0;margin:0}.privacy-page__contact-list li{font-size:14px;color:#475569;margin-bottom:8px;padding-left:0}.privacy-page__link{color:#2a8a90;text-decoration:none}.privacy-page__link:hover{text-decoration:underline}.privacy-page__title,.terms-page__title{font-size:24px}.privacy-page__section-title,.terms-page__section-title{font-size:18px}.privacy-page__list,.privacy-page__text,.terms-page__list,.terms-page__text{font-size:14px}.quiz-page{min-height:100dvh;background:#fff;color:#0f172a;width:100%;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden}.quiz-page__header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.quiz-page__back-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.quiz-page__back-btn:hover{background-color:rgba(0,0,0,.05)}.quiz-page__back-btn:active{background-color:rgba(0,0,0,.1)}.quiz-page__title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.quiz-page__logo-link{display:flex;align-items:center;text-decoration:none}.quiz-page__logo{height:32px;width:auto;object-fit:contain}.quiz-page__main{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 60px);padding:var(--mobile-gap-lg) var(--mobile-padding-x)}.quiz-page__content{display:flex;flex-direction:column;align-items:center;gap:var(--mobile-gap-lg);text-align:center;width:100%}.quiz-page__icon{color:#cbd5e1;opacity:.6}.quiz-page__message{font-size:18px;font-weight:600;color:#64748b;margin:0}.quiz-page__home-btn{background:#2a8a90;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.quiz-page__home-btn:hover{background:#247a80;transform:translateY(-1px);box-shadow:0 4px 12px rgba(42,138,144,.3)}.quiz-page__home-btn:active{transform:translateY(0)}.quiz-page__icon,.quiz-page__icon svg{width:100px;height:100px}.quiz-page__message{font-size:16px}.quiz-page__home-btn{padding:12px 24px;font-size:14px}.mbti-compat{min-height:100dvh;background:#f8fafc;color:#0f172a;width:100%;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden}.mbti-compat__header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.mbti-compat__back-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.mbti-compat__back-btn:hover{background-color:rgba(0,0,0,.05)}.mbti-compat__back-btn:active{background-color:rgba(0,0,0,.1)}.mbti-compat__title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.mbti-compat__logo-link{display:flex;align-items:center;text-decoration:none}.mbti-compat__logo{height:32px;width:auto;object-fit:contain}.mbti-compat__main{padding:var(--mobile-gap-lg) var(--mobile-padding-x) 40px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--mobile-gap-lg)}.mbti-compat__icon{margin-bottom:8px}.mbti-compat__icon-circle{width:56px;height:56px;border-radius:50%;background:#16a34a;display:flex;align-items:center;justify-content:center}.mbti-compat__icon-text{font-size:28px;font-weight:600;color:#fff;text-transform:lowercase}.mbti-compat__subtitle{font-size:20px;font-weight:700;color:#0f172a;text-align:center;margin:0;line-height:1.4}.mbti-compat__illustration{margin:8px 0}.mbti-compat__section{width:100%;display:flex;flex-direction:column;gap:12px}.mbti-compat__label{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}.mbti-compat__selectors{display:flex;gap:12px;width:100%}.mbti-compat__selector{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px}.mbti-compat__select{width:100%;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;font-size:20px;font-weight:700;color:#0f172a;text-align:center;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:16px 36px 16px 12px}.mbti-compat__select--placeholder{color:#94a3b8}.mbti-compat__select--placeholder option:disabled{display:none}.mbti-compat__select:hover{border-color:#2a8a90}.mbti-compat__select:focus{outline:none;border-color:#2a8a90;box-shadow:0 0 0 3px rgba(42,138,144,.1)}.mbti-compat__hint{font-size:11px;color:#64748b;text-align:center;line-height:1.2}.mbti-compat__submit{width:100%;padding:var(--mobile-padding-y) var(--mobile-padding-x);border:none;border-radius:var(--mobile-border-radius);background:#e2e8f0;color:#94a3b8;font-size:var(--mobile-font-size-base);font-weight:700;cursor:not-allowed;transition:all .2s;margin-top:8px;min-height:var(--mobile-touch-target)}.mbti-compat__submit--active{background:#2a8a90;color:#fff;cursor:pointer}.mbti-compat__submit--active:hover{background:#247a80;transform:translateY(-2px);box-shadow:0 4px 12px rgba(42,138,144,.3)}.mbti-compat__submit--active:active{transform:translateY(0)}.mbti-compat__main{padding:24px 16px 32px;gap:20px}.mbti-compat__subtitle{font-size:18px}.mbti-compat__selectors{gap:8px}.mbti-compat__select{font-size:18px;padding:14px 32px 14px 10px}.mbti-compat__label{font-size:15px}.mbti-compat__hint{font-size:10px}.mbti-compat__submit{padding:16px 20px;font-size:15px}.mbti-result{min-height:100dvh;background:#e8f3f7;color:#0f172a;display:flex;flex-direction:column;width:100%;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden}.mbti-result__top-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.mbti-result__top-back-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.mbti-result__top-back-btn:hover{background-color:rgba(0,0,0,.05)}.mbti-result__top-back-btn:active{background-color:rgba(0,0,0,.1)}.mbti-result__top-logo-link{display:flex;align-items:center;text-decoration:none}.mbti-result__top-logo{height:32px;width:auto;object-fit:contain}.mbti-result__main{flex:1 1;padding:var(--mobile-gap-lg) var(--mobile-padding-x) 40px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--mobile-gap-lg)}.mbti-result__score-section{text-align:center;display:flex;flex-direction:column;gap:8px;width:100%}.mbti-result__score-text{font-size:22px;font-weight:700;color:#0f172a;margin:0;line-height:1.4}.mbti-result__score-highlight{color:#0f172a;font-weight:800}.mbti-result__chemistry{font-size:18px;font-weight:600;color:#0f172a;margin:0;line-height:1.4}.mbti-result__conclusion{font-size:16px;font-weight:500;color:#0f172a;margin:0;line-height:1.4}.mbti-result__error,.mbti-result__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 60px);gap:16px;text-align:center}.mbti-result__error{color:#dc2626}.mbti-result__back-link{color:#2a8a90;text-decoration:none;font-weight:600}.mbti-result__back-link:hover{text-decoration:underline}.mbti-result__illustration{margin:8px 0;display:flex;align-items:center;justify-content:center}.mbti-result__content{width:100%;background:transparent;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:16px}.mbti-result__content-title{font-size:20px;font-weight:700;color:#0f172a;margin:0;text-align:left}.mbti-result__interpretation{color:#1e293b;line-height:1.8;text-align:left}.mbti-result__text{font-size:15px;margin:0 0 12px;line-height:1.7}.mbti-result__text:last-child{margin-bottom:0}.mbti-result__retry-btn{display:block;width:100%;padding:var(--mobile-padding-y) var(--mobile-padding-x);background:#2a8a90;color:#fff;border:none;border-radius:var(--mobile-border-radius);font-size:var(--mobile-font-size-base);font-weight:700;text-align:center;text-decoration:none;transition:all .2s;margin-top:8px;min-height:var(--mobile-touch-target)}.mbti-result__retry-btn:hover{background:#247a80;transform:translateY(-2px);box-shadow:0 4px 12px rgba(42,138,144,.3)}.mbti-result__retry-btn:active{transform:translateY(0)}.mbti-result__main{padding:32px 16px;gap:28px}.mbti-result__score-section{gap:6px}.mbti-result__score-text{font-size:20px}.mbti-result__chemistry{font-size:16px}.mbti-result__conclusion{font-size:15px}.mbti-result__illustration{margin:4px 0}.mbti-result__illustration img{width:240px!important;height:240px!important}.mbti-result__content-title{font-size:18px}.mbti-result__text{font-size:14px;margin-bottom:10px}.mbti-result__retry-btn{padding:14px 20px;font-size:15px}.blog-page{min-height:100dvh;background:#fff;color:#0f172a;width:100%;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden}.blog-page__header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.blog-page__back-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.blog-page__back-btn:hover{background-color:rgba(0,0,0,.05)}.blog-page__back-btn:active{background-color:rgba(0,0,0,.1)}.blog-page__logo-link{display:flex;align-items:center;text-decoration:none}.blog-page__logo{height:32px;width:auto;object-fit:contain}.blog-page__main{padding:var(--mobile-gap-lg) var(--mobile-padding-x) 40px;width:100%;max-width:100%;box-sizing:border-box}.blog-page__title{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 8px}.blog-page__description{font-size:15px;color:#64748b;margin:0 0 var(--mobile-gap-lg) 0;line-height:1.6}.blog-page__empty{text-align:center;padding:60px 0;color:#94a3b8}.blog-page__posts{display:flex;flex-direction:column;gap:24px}.blog-page__post{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:24px}.blog-page__post:last-child{border-bottom:none;padding-bottom:0}.blog-page__post-link{text-decoration:none;color:inherit;display:block;transition:opacity .2s}.blog-page__post-link:hover{opacity:.8}.blog-page__post-header{margin-bottom:12px}.blog-page__post-date{font-size:13px;color:#94a3b8;display:block;margin-bottom:8px}.blog-page__post-title{font-size:20px;font-weight:700;color:#0f172a;margin:0;line-height:1.4}.blog-page__post-excerpt{font-size:15px;color:#475569;line-height:1.6;margin:12px 0}.blog-page__post-read-more{font-size:14px;color:#2a8a90;font-weight:600;display:inline-block;margin-top:8px}.blog-post-page{min-height:100dvh;background:#fff;color:#0f172a;width:100%;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden}.blog-post-page__header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mobile-padding-x);background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;max-width:100%;box-sizing:border-box}.blog-post-page__back-btn{background:none;border:none;padding:6px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.blog-post-page__back-btn:hover{background-color:rgba(0,0,0,.05)}.blog-post-page__back-btn:active{background-color:rgba(0,0,0,.1)}.blog-post-page__logo-link{display:flex;align-items:center;text-decoration:none}.blog-post-page__logo{height:32px;width:auto;object-fit:contain}.blog-post-page__main{padding:var(--mobile-gap-lg) var(--mobile-padding-x) 40px;width:100%;max-width:100%;box-sizing:border-box}.blog-post-page__article{max-width:100%}.blog-post-page__article-header{margin-bottom:32px}.blog-post-page__date{font-size:14px;color:#94a3b8;display:block;margin-bottom:12px}.blog-post-page__title{font-size:28px;font-weight:700;color:#0f172a;margin:0;line-height:1.3}.blog-post-page__content{font-size:16px;line-height:1.8;color:#1e293b}.blog-post-page__content h2{font-size:22px;font-weight:700;color:#0f172a;margin:32px 0 16px;line-height:1.4}.blog-post-page__content h3{font-size:19px;font-weight:700;color:#0f172a;margin:24px 0 12px;line-height:1.4}.blog-post-page__content p{margin:0 0 16px}.blog-post-page__content ol,.blog-post-page__content ul{margin:16px 0;padding-left:24px}.blog-post-page__content li{margin:8px 0;line-height:1.7}.blog-post-page__content strong{font-weight:700;color:#0f172a}.blog-post-page__content a{color:#2a8a90;text-decoration:none}.blog-post-page__content a:hover{text-decoration:underline}.blog-post-page__footer{margin-top:48px;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}.blog-post-page__back-to-list{display:inline-flex;align-items:center;font-size:15px;color:#2a8a90;text-decoration:none;font-weight:600;transition:opacity .2s}.blog-post-page__back-to-list:hover{opacity:.8;text-decoration:underline}.faq-page{min-height:100dvh;background:#fff;padding:32px 20px 64px;max-width:var(--mobile-max-width);margin:0 auto;overflow-x:hidden;box-sizing:border-box}.faq-page,.faq-page__container{width:100%}.faq-page__title{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 16px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.faq-page__intro{font-size:15px;color:#475569;line-height:1.7;margin:0 0 32px}.faq-page__content{margin-bottom:48px}.faq-page__section{margin-bottom:40px}.faq-page__section-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.faq-page__questions{display:flex;flex-direction:column;gap:24px}.faq-page__item{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.faq-page__question{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 12px;line-height:1.5}.faq-page__answer{font-size:15px;color:#475569;margin:0;line-height:1.7}.faq-page__contact{background:#f8fafc;border-radius:12px;padding:24px;margin-top:32px;border:1px solid #e2e8f0}.faq-page__contact-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 12px}.faq-page__contact-text{font-size:14px;color:#475569;margin:0 0 16px;line-height:1.7}.faq-page__contact-info{margin-top:12px}.faq-page__contact-info p{font-size:14px;color:#475569;margin:8px 0;line-height:1.7}.faq-page__link{color:#2a8a90;text-decoration:none;font-weight:600}.faq-page__link:hover{text-decoration:underline}