:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width:768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{inset:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media(prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}:root{--ink:#493629;--muted:#806e62;--cream:#fff9ed;--paper:#fffdf8;--peach:#ffb889;--orange:#f47e4d;--yellow:#ffd66b;--green:#93b992;--line:#eadaca;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#fff3ce,transparent 32rem),var(--cream)}button,input{font:inherit}.shell{width:min(100%,1080px);margin:auto;padding:1rem 1rem 7rem;min-height:100vh}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.brand{border:0;background:none;color:var(--orange);display:grid;text-align:left;font-weight:900;font-size:1.65rem;line-height:.9}.brand small{color:var(--ink);font-size:.55rem;letter-spacing:.18em}.language{min-width:48px;min-height:44px;border:2px solid var(--line);border-radius:999px;background:var(--paper);font-weight:800;color:var(--ink)}button:focus-visible,input:focus-visible,.button:focus-visible{outline:3px solid #287a78;outline-offset:3px}.hero{overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;border-radius:32px;padding:clamp(1.5rem,4vw,3.5rem);background:linear-gradient(135deg,#fff1c6,#ffd2ad);box-shadow:0 14px 35px #b36a3921}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.16;margin:.75rem 0}.hero p{font-size:1.12rem;line-height:1.7;max-width:38rem}.hero img{width:100%;max-height:370px;object-fit:contain;filter:drop-shadow(0 12px 8px #9d5e2b33)}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.primary{--background:var(--orange);--border-radius:999px;--box-shadow:none;font-weight:800}.reflection{display:flex;gap:1rem;background:#e4f0dc;border-radius:24px;padding:1.3rem;margin:1.1rem 0}.reflection>span,.orb{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--yellow);font-size:1.4rem}.reflection h2,.reflection p{margin:0}.reflection p{line-height:1.65;margin-top:.3rem}.disclaimer{color:var(--muted);font-size:.84rem;line-height:1.55}.tabs{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fffdf8f2;border-top:1px solid var(--line);padding:.35rem max(.5rem,env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabs button{border:0;background:none;color:var(--muted);min-width:min(24vw,150px);min-height:58px;display:grid;place-items:center;gap:2px;font-size:.75rem}.tabs ion-icon{font-size:1.35rem}.tabs .active{color:var(--orange);font-weight:800}.sectionTitle{display:flex;align-items:center;gap:1rem;margin:2rem 0 1rem}.sectionTitle h1{font-size:2rem;margin:0}.sectionTitle p{margin:0;color:var(--muted)}.card,.resultCard{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:1.25rem;box-shadow:0 8px 22px #6233110b}.form{display:grid;gap:1.1rem;max-width:680px}.form label,.auth label,.settings>label{display:grid;gap:.45rem;font-weight:700}input{width:100%;min-height:48px;border:1.5px solid #cfbba9;border-radius:14px;background:#fff;padding:.65rem .8rem;color:var(--ink)}fieldset{padding:0;border:0;margin:0}legend{font-weight:700;margin-bottom:.45rem}.segmented{display:flex;background:#f3e8dc;border-radius:14px;padding:4px}.segmented button{flex:1;border:0;background:transparent;min-height:44px;border-radius:11px;color:var(--muted)}.segmented .selected{background:#fff;color:var(--ink);font-weight:800;box-shadow:0 2px 8px #6d43221a}.toggleRow{display:flex!important;align-items:center;justify-content:space-between;gap:1rem}.toggleRow small{display:block;color:var(--muted);font-weight:400;line-height:1.5}.error{color:#a93232}.results{margin-top:2rem}.hint{color:var(--muted);line-height:1.55}.resultCard{margin:1rem 0}.resultCard header{display:flex;align-items:center;gap:.8rem}.resultCard h3,.resultCard small{margin:0}.planet{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--yellow);font-size:1.4rem;font-weight:900}.p8{background:#a590bb;color:#fff}.p3{background:#e98c7a}.p4{background:#87bd93}.p5{background:#e19c59}.roleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:1rem}.roleGrid div{background:#f8f0e5;border-radius:14px;padding:.7rem;display:grid}.roleGrid span{font-size:.75rem;color:var(--muted)}.roleGrid b{margin-top:.2rem}.centered{text-align:center;max-width:580px;margin:auto}.miniMascot{height:150px;max-width:100%;object-fit:contain}.auth{display:grid;gap:.75rem;text-align:left}.webview{border-radius:15px;background:#fff0d8;padding:.75rem}.webview p{margin:0 0 .6rem}.button{display:inline-flex;background:var(--ink);color:#fff;text-decoration:none;border-radius:999px;padding:.65rem 1rem}.communitySwitch{margin-bottom:1rem}.state{text-align:center;color:var(--muted);padding:4rem 1rem}.post{margin:.8rem 0}.post h2{font-size:1rem}.settings{display:grid;gap:1rem;max-width:680px}.settings h2{font-size:1rem;display:flex;align-items:center;gap:.5rem;margin:1rem 0 0}.times{display:flex;align-items:center;gap:.5rem}.times input{min-width:0}@media(max-width:640px){.hero{grid-template-columns:1fr;text-align:center}.hero img{grid-row:1;height:210px}.hero p{font-size:1rem}.roleGrid{grid-template-columns:repeat(2,1fr)}.shell{padding-inline:.8rem}.sectionTitle{margin-top:.8rem}}@media(prefers-reduced-motion:no-preference){.hero img{animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}