: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}}.authGate{min-height:100vh;padding:1rem clamp(1rem,5vw,4rem);background:radial-gradient(circle at 15% 5%,#fff0bc,transparent 38rem),#fff9ed}.authGate>header{width:min(1080px,100%);margin:auto;display:flex;justify-content:space-between;align-items:center}.authGate>header strong{font-size:1.65rem;color:var(--orange)}.authGate>header small{display:block;font-size:.55rem;letter-spacing:.18em;color:var(--ink)}.authWelcome{width:min(1080px,100%);margin:clamp(2rem,8vh,7rem) auto 0;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem}.authWelcome h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.12;margin:.7rem 0}.authWelcome p{font-size:1.05rem;line-height:1.7}.authWelcome>div{max-width:560px}.authWelcome>img{width:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 14px 12px #8e522633)}.authWelcome ion-button{margin:.75rem 0;--border-radius:999px;min-height:50px}.authDialog{width:min(92vw,480px);border:0;border-radius:28px;padding:2rem;color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #3c251f55}.authDialog::backdrop{background:#39291f99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.authDialog h2{font-size:1.6rem;margin:.5rem 2rem .3rem 0}.authDialog>p{color:var(--muted);line-height:1.6}.authDialog form,.authDialog label{display:grid;gap:.75rem}.authDialog label{font-weight:700}.dialogClose{position:absolute;right:1rem;top:1rem;width:44px;height:44px;border:0;border-radius:50%;background:#f4e8dc;font-size:1.4rem}.textButton{border:0;background:none;color:var(--orange);min-height:44px;font-weight:700}@media(max-width:680px){.authWelcome{grid-template-columns:1fr;text-align:center;margin-top:2rem}.authWelcome>img{grid-row:1;height:220px}.authWelcome>div{margin:auto}.authDialog{padding:1.4rem}}.sectionTitle{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff1c9,#ffdbc5);padding:1rem 5.5rem 1rem 1rem;border-radius:24px}.sectionTitle:after{content:"";position:absolute;right:.4rem;bottom:-1.1rem;width:92px;height:92px;background:url(/assets/duangdee-mascot.png) center/contain no-repeat}.form,.settings,.post,.resultCard,.composer{position:relative;overflow:hidden}.form:before,.settings:before{content:"✦";position:absolute;right:-12px;top:-18px;font-size:5rem;color:#ffd66b55}.resultCard{border-left:6px solid var(--peach)}.post:hover{border-color:var(--peach)}.composer{display:flex;gap:.7rem;align-items:flex-end;margin-bottom:1rem}.composer textarea{width:100%;min-height:74px;resize:vertical;border:1.5px solid #cfbba9;border-radius:15px;padding:.75rem;background:#fff;color:var(--ink);font:inherit}.message{margin:.6rem 0}.message>div{display:flex;flex-wrap:wrap;gap:.35rem}.message button{border:0;border-radius:999px;min-height:36px;padding:.35rem .7rem;background:#f4e8dc;color:var(--ink)}.groupActions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.groupActions select{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:.5rem;background:#fff}.companionHero{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:center;background:linear-gradient(135deg,#e5f2db,#fff0bd);padding:1.2rem;border-radius:28px}.companionHero img{width:100%;height:160px;object-fit:contain}.companionHero h1{font-size:clamp(1.7rem,4vw,2.6rem);margin:.3rem 0}.companionHero p{line-height:1.6;margin:0}.quota{font-weight:800;color:var(--orange);text-align:right}.chatLog{display:grid;gap:.8rem;margin:1rem 0;max-height:48vh;overflow:auto;padding:.5rem}.bubble{display:flex;align-items:flex-end;gap:.5rem;max-width:82%}.bubble img{width:46px;height:46px;object-fit:contain}.bubble p{margin:0;padding:.8rem 1rem;border-radius:18px 18px 18px 4px;background:#e8f2df;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{justify-self:end}.bubble.mine p{background:#ffd6bd;border-radius:18px 18px 4px}.characterState,.paywall{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.characterState>span,.paywall>span{font-size:3rem}.paywall{background:#fff0e4;border:1px solid var(--peach);border-radius:24px}.companionComposer{position:sticky;bottom:72px}.companionComposer label{flex:1}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.companionHero{grid-template-columns:100px 1fr}.companionHero img{height:110px}.bubble{max-width:94%}.groupActions{align-items:stretch;flex-direction:column}.groupActions select{width:100%}}@media(prefers-reduced-motion:reduce){.post:hover{transform:none}.chatLog{scroll-behavior:auto}}.suggestions,.moderationActions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.suggestions button,.moderationActions button{border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);padding:.55rem .8rem;min-height:44px}.privacyCard{margin-top:1rem}.privacyCard>a{color:#9a421d;font-weight:700;min-height:44px;display:flex;align-items:center}.methodDetail summary,.roleGrid details summary{cursor:pointer}.roleGrid details{background:#f8f0e5;border-radius:14px;padding:.7rem}.roleGrid details summary{display:grid;list-style:none}.roleGrid details small{display:block;margin-top:.55rem;line-height:1.5;color:var(--muted)}.tabs button{min-width:0;flex:1 1 20%;max-width:150px;padding-inline:2px}.tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}:root{--ink:#173f39;--muted:#60746c;--cream:#faf7ef;--paper:#fffefa;--orange:#236a59;--peach:#dcb778;--yellow:#eed59c;--green:#b8cebd;--line:#dedfd2;--ion-color-primary:#236a59;--ion-color-primary-rgb:35,106,89;--ion-color-primary-contrast:#fff;--ion-color-primary-shade:#1f5d4e;--ion-color-primary-tint:#397967;--ion-background-color:#faf7ef;--ion-text-color:#173f39;--ion-font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif}body,ion-content{background:var(--cream);--background:var(--cream)}body{line-height:1.65}button,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--orange)}ion-button{--background:var(--orange);--border-color:var(--orange);--color:#fff;--border-radius:13px;--box-shadow:none;--padding-top:13px;--padding-bottom:13px;font-weight:700;text-transform:none;letter-spacing:0;min-height:48px}ion-button[fill=outline]{--background:transparent;--color:var(--orange)}ion-button::part(native){min-height:48px}ion-toggle{--track-background:#c6cec5;--track-background-checked:#236a59;--handle-background:#fff;--handle-background-checked:#fff}input,textarea,select{border:1px solid #a8b8ac;border-radius:12px;color:var(--ink);background:#fffefa;width:100%;padding:.8rem;min-height:48px}textarea{resize:vertical;min-height:110px}textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad863c;outline-offset:3px}h1,h2,h3{letter-spacing:-.025em}h1{line-height:1.35!important}p{overflow-wrap:anywhere}.shell{max-width:1120px;padding-top:1.5rem}.top{padding-bottom:1.3rem;border-bottom:1px solid var(--line);margin-bottom:2rem}.brand{line-height:1.2;gap:.4rem}.brand small{letter-spacing:.25em}.language{border-width:1px}.hero{background:#e8eee2;box-shadow:none;border:1px solid #d4dfcc;border-radius:26px;gap:2rem;min-height:360px}.hero h1{font-size:clamp(2rem,4vw,3.3rem)}.emblem{display:block;width:100%;max-width:290px;color:#ad863c;margin:auto}.hero>.emblem{width:80%}.reflection{background:#f1e7ce;border:1px solid #e5d8b8;border-radius:18px;margin:1.5rem 0}.card,.resultCard{box-shadow:none;border-radius:18px;padding:1.5rem}.sectionTitle{background:transparent;padding:0;overflow:visible;margin:1.5rem 0}.sectionTitle:after,.form:before,.settings:before{display:none}.sectionTitle .orb{background:#e5eddf;color:var(--orange)}.form,.settings{max-width:760px}.form{gap:1.3rem}.segmented{background:#e9ece2}.segmented .selected{color:var(--orange)}.resultCard{border-left:3px solid #b8964d}.roleGrid{gap:.8rem}.roleGrid details{background:#f2f4ec;border:1px solid #e0e6d8;min-height:90px;padding:1rem}.roleGrid details[open]{background:#e6edde;border-color:#a7b99c}.roleGrid span{font-size:.9rem}.roleGrid b{font-size:1.08rem}.roleGrid details small{line-height:1.8}.tabs{background:#fffef9f5;padding-top:.5rem;box-shadow:0 -4px 24px #173f3908}.tabs .active{color:#175541;background:#edf2e8;border-radius:12px}.tabs button{min-height:60px}.disclaimer{max-width:760px}.notebook{margin-top:1.5rem;max-width:900px}.notebook h2{margin:.3rem 0}.notebook label{display:grid;gap:.5rem}.note{padding:1rem 0;border-top:1px solid var(--line);margin-top:1rem}.note p{white-space:pre-wrap}.sessionStats{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted)}.sessionStats span{padding:.7rem 1rem;background:#edf0e6;border-radius:12px}.companionHero{background:#e8eee2;grid-template-columns:130px 1fr;gap:1.7rem;padding:2rem}.companionHero>.emblem{width:120px}.bubble>.emblem{width:38px;min-width:38px;margin:0}.bubble p{background:#e6eddf}.bubble.mine p{background:#f2e7cf}.companionComposer{display:flex;gap:1rem;align-items:flex-end;position:static}.companionComposer label,.companionComposer textarea{display:block}.paywall{background:#f3ead5;border-color:#ded1ab}.privacyCard>a{color:var(--orange)}.composer textarea{border-color:#a8b8ac}.message button{background:#e8eee2}.webview{background:#f5ecd6;border:1px solid #e3d1a7}.authGate{background:var(--cream);padding-top:1.6rem}.authGate>header{border-bottom:1px solid var(--line);padding-bottom:1.4rem}.authWelcome{grid-template-columns:1fr .85fr;gap:clamp(2rem,6vw,6rem);margin:4rem auto}.authWelcome h1{font-size:clamp(2.2rem,4.2vw,3.6rem);max-width:650px}.authWelcome p{color:var(--muted)}.authBenefits{display:grid;gap:.5rem;font-size:.9rem;margin:1.5rem 0}.authArtwork{align-self:stretch;width:100%;background:#e8eee2;border:1px solid #d7dfcf;border-radius:180px 180px 24px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;text-align:center;min-height:530px}.authArtwork .emblem{max-width:260px}.authArtwork p{white-space:pre-line;font-size:1.4rem;color:var(--ink);margin:1.5rem 0}.authArtwork small{font-size:.65rem;letter-spacing:.12em;color:var(--muted)}.authFooter{max-width:1080px;margin:2rem auto;display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1.5rem}.authFooter span{margin-right:auto}.authFooter a{min-height:44px;display:flex;align-items:center}.authDialog{border:1px solid var(--line)}.steps{display:flex;gap:1rem;align-items:center;color:var(--orange)!important;font-size:.85rem}.dialogClose{background:#e9eee3}.textButton{color:var(--orange)}.error{color:#a0382c}.state{border:1px dashed #bbc9b6;border-radius:18px;background:#f2f4ec;margin-top:1rem}.post h2{font-size:1.1rem}.post p{white-space:pre-wrap}@media(max-width:680px){.authWelcome{grid-template-columns:1fr;margin:2rem auto;text-align:left;gap:1.5rem}.authArtwork{min-height:0;border-radius:22px;padding:1.2rem;display:grid;grid-template-columns:90px 1fr;gap:1rem;order:-1}.authArtwork .emblem{width:90px}.authArtwork p{font-size:1rem;margin:0}.authArtwork small{display:none}.authWelcome h1{font-size:2.2rem}.authWelcome>div{max-width:none;width:100%}.authFooter{gap:.8rem}.authFooter span{width:100%}.hero{min-height:0;text-align:left;grid-template-columns:1fr;padding:1.6rem}.hero>.emblem{display:none}.hero p{line-height:1.8}.top{margin-bottom:1rem}.card,.resultCard{padding:1.1rem}.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.companionHero{grid-template-columns:65px 1fr;padding:1.2rem;gap:1rem}.companionHero>.emblem{width:65px}.companionHero .eyebrow{font-size:.65rem}.companionHero h1{font-size:1.6rem}.companionComposer{gap:.5rem;padding:.8rem}.tabs button{font-size:.67rem}.bubble{flex-wrap:wrap}.bubble p{max-width:100%}.notebook{margin-bottom:1rem}}ion-button.button{display:inline-block;background:transparent;padding:0}.tabs button{min-width:0;width:20%;flex:1 1 20%;max-width:150px;padding-inline:2px}html,body{max-width:100%;overflow-x:hidden}ion-button.button{display:inline-block;background:transparent;color:inherit;border-radius:0;padding:0}.roleDetail{display:grid;gap:.75rem;margin-top:.7rem;color:var(--ink)}.roleDetail p{margin:0}.roleDetail div{display:grid;gap:.2rem}.roleDetail span,.characterCount{font-size:.72rem;color:var(--muted);font-weight:600}.roleDetail strong{font-size:.9rem;line-height:1.55}.characterCount{display:block;text-align:right}@media(max-width:680px){.shell{width:100%;max-width:100%;overflow-x:hidden}.tabs{width:100%;max-width:100%;justify-content:stretch}.tabs button{min-width:0;flex:1;padding-inline:2px;overflow:hidden}.tabs button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.todayPrompt strong{display:block;margin-top:.35rem;color:var(--ink)}.todayTools{display:grid;gap:1rem;margin:1.5rem 0}.lensTabs,.feelingButtons,.safeActions{display:flex;gap:.55rem;flex-wrap:wrap}.lensTabs button,.feelingButtons button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:.65rem 1rem;min-height:44px}.lensTabs button.selected,.feelingButtons button.selected{background:var(--ink);border-color:var(--ink);color:#fff}.todayTools>.card{margin:0}.cardHeading,.weekDay{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cardHeading h2{margin:.15rem 0}.weekDay{padding:1rem 0;border-top:1px solid var(--line)}.weekDay time{min-width:4rem;color:var(--muted)}.weekDay div{flex:1}.weekDay p{margin:.2rem 0}.weekDay>button{font-size:1.5rem;color:#9a7227;background:transparent;border:0;min-width:44px;min-height:44px}.checkIn label{display:grid;gap:.35rem;margin-top:1rem}.checkIn textarea{min-height:80px}.exploreTools{display:grid;gap:1rem;margin-bottom:1.5rem}.exploreGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.exploreTile{display:block;color:var(--ink);text-decoration:none}.exploreTile>span{font-size:1.6rem;color:#a77b2c}.exploreTile h2{margin:.45rem 0}.exploreTile p{color:var(--muted);margin:0}.featurePanel{scroll-margin-top:1rem}.featurePanel>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;min-height:48px}.featurePanel>summary span{font-size:.8rem;color:var(--muted)}.togetherForm{display:grid;gap:1rem;padding-top:1rem}.inlineFields{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.consentRow{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.75rem}.consentRow input{width:22px;min-height:22px;flex:0 0 22px;margin-top:.15rem}.togetherMap{display:grid;gap:.75rem}.togetherMap article{display:flex;gap:1rem;padding:1rem;background:#f2f4ec;border-radius:14px}.togetherMap article>span{font-size:1.5rem;color:#9a7227}.togetherMap p{margin:.2rem 0}.togetherMap small{color:var(--muted)}.glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.glossary>div{padding:1rem;background:#f2f4ec;border-radius:12px}.glossary dt{font-weight:800}.glossary dd{margin:.25rem 0 0;color:var(--muted)}@media(max-width:680px){.exploreGrid,.inlineFields,.glossary{grid-template-columns:1fr}.featurePanel>summary{align-items:flex-start;flex-direction:column}.safeActions ion-button{width:100%}.weekDay{gap:.55rem}.weekDay time{min-width:3.3rem}.lensTabs button,.feelingButtons button{flex:1 1 calc(33% - .55rem)}}.horoscopePanel{background:linear-gradient(145deg,#fffefa,#edf2e8);border-color:#cfdcc8}.horoscopePanel .cardHeading>span{font-size:.65rem;color:var(--muted)}.periodSwitch,.topicGrid{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.periodSwitch button,.topicGrid button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:.6rem .85rem;min-height:44px}.periodSwitch button.selected,.topicGrid button.selected{color:#fff;background:var(--orange);border-color:var(--orange)}.topicGrid button{flex:1 1 21%}.horoscopePanel label{display:grid;gap:.4rem;margin:1rem 0}.horoscopeCopy{padding:1.2rem;border-left:3px solid #b8964d;background:#fffefa;border-radius:0 14px 14px 0}.horoscopeCopy blockquote{margin:1rem 0;font-size:1.15rem;color:var(--ink)}.guidanceIntro{max-width:60ch;color:var(--muted);font-size:1rem}.horoscopeCopy>span{display:block;color:var(--orange);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.horoscopeCopy>p{font-size:1.05rem;margin:.35rem 0 1.2rem}.horoscopeCopy>strong{display:block;margin-top:.35rem;font-size:1.05rem}.horoscopeCopy blockquote{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,3vw,1.35rem);line-height:1.55}.readingTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin:0 0 1.25rem;padding:.35rem;background:#e9ece2;border-radius:15px}.readingTabs button{border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700;min-width:0;min-height:48px;padding:.7rem .8rem}.readingTabs button.selected{background:#fffefa;color:var(--orange);box-shadow:0 1px 5px #173f3915}.readingTabs button:focus-visible{outline:3px solid #ad863c;outline-offset:2px}.tabShort{display:none}.forecastRange{font-weight:700;color:var(--orange);margin:.35rem 0}.ageForecast{display:grid;gap:1rem}.ageJump{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.45fr);gap:1.2rem;align-items:end}.ageJump h2{margin:.25rem 0}.ageJump label{display:grid;gap:.4rem;font-weight:700}@media(max-width:680px){.topicGrid button{flex:1 1 42%}.horoscopePanel .cardHeading{display:block}.horoscopePanel .cardHeading>span{display:block;margin-top:.4rem}}@media(max-width:680px){.readingTabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.15rem;padding:.25rem}.readingTabs button{min-height:48px;padding:.55rem .15rem;font-size:clamp(.62rem,2.8vw,.76rem);white-space:nowrap;line-height:1}.readingTabs button:last-child{grid-column:auto}.tabFull{display:none}.tabShort{display:inline}.ageJump{grid-template-columns:1fr}.ageJump label{width:100%}}@media(max-width:380px){.topicGrid{display:grid;grid-template-columns:1fr}.topicGrid button{width:100%}}.results,.secondaryToolsHeader,.birthOverview{width:min(100%,860px);margin-inline:auto}.secondaryToolsHeader{margin-top:clamp(2.5rem,7vw,4.5rem);padding-top:1.5rem;border-top:1px solid var(--line)}.secondaryToolsHeader h2{margin:.25rem 0}.secondaryToolsHeader p{margin:0;color:var(--muted);max-width:60ch}.inlineStatus{display:inline-flex;align-items:center;min-height:40px;margin:.75rem 0 0;padding:.45rem .75rem;border-radius:10px;background:#edf2e8;color:#175541;font-weight:700}.inlineStatus.failed{background:#fff1dd;color:#8a4c25}.inlineLoading{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:120px;color:var(--muted)}.composerField{display:grid;gap:.45rem;min-width:0;flex:1}.composerField>span,.companionComposer label>span{font-weight:800}.companionComposer label{display:grid!important;gap:.4rem;min-width:0;flex:1}.companionComposer label small{color:var(--muted);font-size:.78rem}.communitySwitch button[aria-pressed=true]{font-weight:800}.characterState{min-height:160px;display:grid;place-content:center;justify-items:center;gap:.5rem}.characterState p{margin:0;text-align:center;max-width:34rem}@media(max-width:680px){.topicGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.topicGrid button{width:100%}.secondaryToolsHeader{margin-top:3rem}.companionComposer{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end}.companionComposer label small{font-size:.72rem}.results{margin-top:1.25rem}}@media(max-width:360px){.companionHero{grid-template-columns:78px minmax(0,1fr)!important}.companionHero>.emblem,.companionHero>.mascotCompanion{width:78px!important}.companionHero h1{font-size:1.35rem}.readingTabs button{font-size:.68rem}}.postEditor,.reportComposer{display:grid;gap:.8rem;margin:.8rem 0;padding:1rem;background:#f2f4ec;border-radius:14px}.postEditor label,.reportComposer label{display:grid;gap:.45rem;font-weight:800}.postEditor textarea,.reportComposer textarea{min-height:100px}.postEditor>div,.reportComposer>div{display:flex;gap:.5rem;flex-wrap:wrap}.moderationActions .dangerAction{color:#a0382c;background:#fff0ed}.post>.moderationActions{margin-top:.8rem;padding-top:.65rem;border-top:1px solid var(--line)}.methodCatalogueHeader{margin:0 0 1rem}.methodCatalogueHeader h2{margin:.25rem 0;font-size:clamp(1.45rem,3vw,2rem)}.methodCatalogueHeader p{margin:0;color:var(--muted);max-width:60ch}.readingMethodGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}.methodCard{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.7rem;min-width:0;min-height:104px;padding:1rem;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}.methodCard:hover{border-color:#b9cbb2;background:#f7f8f1}.methodCard.selected{border:2px solid var(--orange);background:#fff8ee;box-shadow:0 6px 18px #a9502520}.methodCard.selected>b{color:var(--orange)}.methodIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e5eddf;color:#175541;font-size:1.35rem}.methodCard>span:nth-child(2){display:grid;gap:.22rem}.methodCard strong{font-size:1rem}.methodCard small{color:var(--muted);font-size:.8rem;line-height:1.4}.methodCard>b{color:var(--muted);font-size:1.1rem}.readingMethodDetail{scroll-margin-top:1rem;padding-top:.25rem}.readingMethodDetail>div>h2{margin-top:.4rem}.readingMethodBack{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .85rem;padding:.4rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-weight:700}.readingMethodBack:hover{border-color:#b9cbb2;background:#f7f8f1}.readingMethodPrompt{margin:0}@media(max-width:820px){.readingMethodGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.readingMethodGrid{grid-template-columns:1fr;gap:.55rem}.methodCard{min-height:88px;padding:.8rem}.methodCard small{font-size:.78rem}}.lensSpotlight{background:#e8eee2!important}.lensSpotlight h2{margin:.3rem 0}.lensSpotlight strong,.lensSpotlight small{display:block;margin-top:.65rem}.lensSpotlight small{color:var(--muted)}.mascotHero{display:block;width:min(100%,300px);max-height:390px;object-fit:contain;filter:drop-shadow(0 16px 18px #4c2d1a22)}.hero>.mascotHero{justify-self:center}.authArtwork .mascotHero{max-height:350px}.mascotCompanion{width:120px;height:120px;object-fit:cover;object-position:50% 12%;border-radius:38% 62% 48% 52%;background:#f6dfb1}.mascotAvatar{width:44px;height:44px;min-width:44px;object-fit:cover;object-position:50% 8%;border-radius:50%;background:#f6dfb1;border:2px solid #fff}.miniMascot[src*=celestial-friends]{width:150px;height:auto;object-fit:contain}@media(max-width:680px){.hero{grid-template-columns:minmax(0,1fr) 120px}.hero>.mascotHero{display:block;width:125px;max-height:195px}.authArtwork{grid-template-columns:125px 1fr}.authArtwork .mascotHero{width:125px;max-height:165px}.mascotCompanion{width:76px;height:76px}.companionHero{grid-template-columns:76px 1fr}}.cartoonIcon,.cartoonFeature{display:block;background-image:url(/assets/ui-icons-sheet.png);background-repeat:no-repeat;background-size:300% 300%;flex:none}.cartoonIcon{width:34px;height:34px}.cartoonFeature{width:58px;height:58px}.icon-home{background-position:0 0}.icon-explore{background-position:50% 0}.icon-companion{background-position:100% 0}.icon-community{background-position:0 50%}.icon-profile{background-position:50% 50%}.icon-today{background-position:100% 50%}.icon-journal{background-position:0 100%}.icon-together{background-position:50% 100%}.icon-learn{background-position:100% 100%}.roleIcon{display:block;width:50px;height:50px;flex:none;background-image:url(/assets/role-icons-sheet.png);background-repeat:no-repeat;background-size:400% 200%}.role-0{background-position:0 0}.role-1{background-position:33.333% 0}.role-2{background-position:66.666% 0}.role-3{background-position:100% 0}.role-4{background-position:0 100%}.role-5{background-position:33.333% 100%}.role-6{background-position:66.666% 100%}.role-7{background-position:100% 100%}.tabs button{border-radius:18px 18px 12px 12px;transition:transform .18s ease,background .18s ease}.tabs button:hover{background:#fff2d7}.tabs button .cartoonIcon{margin:auto;filter:saturate(.82);transition:transform .18s ease}.tabs button.active .cartoonIcon{filter:none;transform:translateY(-2px) scale(1.08)}.exploreTile{position:relative;overflow:hidden;min-height:210px;background:linear-gradient(145deg,#fffefa,#fff4d9);border:2px solid #ead8ab!important;transition:transform .2s ease,box-shadow .2s ease}.exploreTile:nth-child(2){background:linear-gradient(145deg,#fffefa,#e8f3e8);border-color:#cfe1cc!important}.exploreTile:nth-child(3){background:linear-gradient(145deg,#fffefa,#f6e8e3);border-color:#ead1c8!important}.exploreTile:hover{transform:translateY(-4px);box-shadow:0 12px 24px #5c3a1c14}.exploreTile .cartoonFeature{filter:drop-shadow(0 5px 4px #5c3a1c18)}.roleGrid details{border-radius:18px;transition:transform .18s ease,background .18s ease}.roleGrid details:hover{transform:translateY(-2px)}.roleGrid summary{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:.7rem;align-items:center}.roleGrid summary b{grid-column:2}.roleGrid details[open] .roleIcon{filter:drop-shadow(0 5px 4px #4c2d1a20)}.card,.resultCard{border-color:#e6dcc5}.hero,.companionHero,.authArtwork{background-image:radial-gradient(circle at 14px 14px,#fff9 2px,transparent 2.5px);background-size:34px 34px}.mascotHero{transform-origin:50% 90%}@media(prefers-reduced-motion:no-preference){.mascotHero{animation:duangFloat 4.8s ease-in-out infinite}.cartoonFeature{animation:duangBob 4s ease-in-out infinite}.exploreTile:nth-child(2) .cartoonFeature{animation-delay:.35s}.exploreTile:nth-child(3) .cartoonFeature{animation-delay:.7s}@keyframes duangFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes duangBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}}@media(max-width:680px){.cartoonIcon{width:30px;height:30px}.exploreTile{min-height:0;padding:1.25rem;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;column-gap:.75rem;align-items:center}.exploreTile .cartoonFeature{position:static;grid-column:1;grid-row:1/3}.exploreTile h2{grid-column:2;grid-row:1;margin:0}.exploreTile p{grid-column:2;grid-row:2}.roleIcon{width:44px;height:44px}.roleGrid summary{grid-template-columns:44px minmax(0,1fr)}}.toggleRow>span{display:grid}.toggleRow>span small{color:var(--muted);font-weight:500}.dailySettings{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;border-radius:18px;background:#fff4d9;border:1px solid #ead8ab}.dailySettings label{display:grid;gap:.35rem}.dailySettings .hint{grid-column:1/-1;margin:0}@media(max-width:680px){.dailySettings{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.tabs button:hover,.exploreTile:hover,.roleGrid details:hover{transform:none!important}.mascotHero,.cartoonFeature{animation:none!important}}.notificationFeed{display:grid;gap:.6rem}.notificationItem{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.notificationItem .orb{flex:none;font-size:1.2rem}.notificationItem h3{margin:0 0 .2rem;font-size:.95rem}.notificationItem p{margin:0;color:var(--muted);font-size:.85rem}.notificationItem a{margin-top:.4rem;display:inline-block;font-size:.8rem;color:var(--orange);font-weight:600}.moderationQueue{display:grid;gap:.75rem}.reportCard{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.reportCard .reportMeta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}.reportCard .reportMeta strong{color:var(--ink)}.reportCard .reportReason{font-size:.9rem}.reportActions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.reportActions select,.reportActions input{min-height:40px;padding:.4rem .6rem;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.85rem}.reportActions input{flex:1;min-width:140px}.messageMedia{display:block;max-width:240px;max-height:240px;border-radius:12px;margin-top:.5rem;cursor:pointer}.composerMediaRow{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.composerMediaRow .previewThumb{max-width:80px;max-height:80px;border-radius:8px;border:1px solid var(--line)}.composerMediaRow .clearMedia{border:0;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer;min-width:44px;min-height:44px}.imagePicker{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:.5rem .85rem;min-height:44px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--ink)}.imagePicker input[type=file]{display:none}.imagePicker.uploading{opacity:.6;pointer-events:none}.birthSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem;background:#f2f4ec;border:1px solid #dce5d7;border-radius:14px}.birthSummary>div{display:grid;gap:.2rem}.birthSummary span{font-size:.75rem;color:var(--muted)}.birthSummary strong{overflow-wrap:anywhere}.birthSummary ion-button{grid-column:1/-1;margin:0}.birthRequired{padding:1rem;text-align:center;background:#fff4d9;border:1px solid #ead8ab;border-radius:14px}.birthRequired p{margin:0 0 .75rem}.birthRequired ion-button{margin:0}@media(max-width:680px){.birthSummary{grid-template-columns:1fr}}.birthOverview{max-width:none!important;gap:1rem}.readingIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.readingIntro h2{margin:.2rem 0;font-size:clamp(1.25rem,3vw,1.65rem)}.readingIntro p{margin:0;color:var(--muted)}.calculatedBadge{flex:0 0 auto;border-radius:999px;background:#dfeadd;color:#175541;padding:.45rem .75rem;font-size:.8rem;font-weight:800}.methodDetail{order:3;border-top:1px solid var(--line);padding-top:.8rem}.methodDetail summary{color:var(--muted);font-weight:700}.methodDetail p{color:var(--muted);margin-bottom:0}.calculationHint{text-align:center;margin:0}.results{max-width:none}.results>[role=tabpanel]{min-width:0}@media(max-width:680px){.readingIntro{align-items:center}.readingIntro p{font-size:.9rem}.calculatedBadge{font-size:.72rem;padding:.38rem .58rem}.birthSummary{grid-template-columns:repeat(2,minmax(0,1fr));padding:.85rem}.birthSummary>div:nth-child(3){grid-column:1/-1}.birthSummary ion-button{--padding-top:10px;--padding-bottom:10px;min-height:44px}.birthSummary ion-button::part(native){min-height:44px}}.shell>*,.card,.resultCard,.settings,.form,.companion,.chatLog,.message,.notificationItem{min-width:0;max-width:100%}img,svg,video{max-width:100%}html{scroll-padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}h1,h2,h3,strong{overflow-wrap:anywhere}input,select,textarea{min-width:0;max-width:100%}.toggleRow>span,.notificationItem>div,.reflection>div,.weekDay>div,.togetherMap article>div{min-width:0}.toggleRow ion-toggle{flex:none}.message button{min-height:44px}.composerActions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media(max-width:680px){body{font-size:15px}.shell{padding:.75rem .75rem calc(5.75rem + env(safe-area-inset-bottom));overflow-x:clip}.top{padding-bottom:.8rem;margin-bottom:.8rem}.brand{font-size:1.35rem}.language{min-width:44px}.sectionTitle{gap:.7rem;margin:.8rem 0}.sectionTitle .orb{width:42px;height:42px;flex-basis:42px}.sectionTitle h1{font-size:clamp(1.65rem,8vw,2rem)}.hero{grid-template-columns:1fr!important;padding:1.25rem;text-align:left}.hero>.mascotHero{display:none}.card,.resultCard{padding:1rem;border-radius:16px}.roleGrid{grid-template-columns:1fr}.roleGrid details{min-height:0;padding:.85rem}.roleDetail{min-width:0}.featurePanel>summary,.cardHeading{min-width:0}.featurePanel>summary strong,.featurePanel>summary span{overflow-wrap:anywhere}.reflection{padding:1rem;gap:.7rem}.reflection>span{width:40px;height:40px;flex-basis:40px}.weekDay{align-items:flex-start}.weekDay time{min-width:3rem}.weekDay>button{flex:0 0 44px}.lensTabs button,.feelingButtons button,.periodSwitch button,.topicGrid button{min-width:0;white-space:normal}.times{display:grid;grid-template-columns:1fr;align-items:stretch}.times span{text-align:center}.segmented button{min-width:0;padding-inline:.35rem;overflow-wrap:anywhere}.companionHero{grid-template-columns:64px minmax(0,1fr);padding:1rem}.mascotCompanion{width:64px;height:64px}.companionHero h1{font-size:1.45rem;overflow-wrap:anywhere}.chatLog{padding:.25rem;max-height:none}.bubble{max-width:100%}.bubble p{min-width:0;max-width:100%;padding:.75rem}.companionComposer{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:.75rem}.companionComposer label,.companionComposer textarea{min-width:0}.composer{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;padding:.8rem}.composer textarea{min-width:0}.composerActions{justify-content:space-between}.messageMedia{width:auto;max-width:100%;height:auto}.notificationItem{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.65rem}.reportActions{display:grid;grid-template-columns:1fr}.reportActions input,.reportActions select{width:100%;min-width:0}.authGate{padding:.75rem}.authGate>header{gap:.75rem}.authWelcome{margin:1.25rem auto;gap:1rem}.authArtwork{grid-template-columns:82px minmax(0,1fr);padding:1rem}.authArtwork .mascotHero{width:82px}.authWelcome h1{font-size:clamp(1.9rem,9vw,2.4rem)}.authDialog{width:calc(100vw - 1.5rem);max-width:480px;max-height:calc(100dvh - 1.5rem);overflow:auto;padding:1.2rem;margin:auto}.steps{flex-wrap:wrap;gap:.5rem}.authFooter{margin:1rem auto;gap:.5rem}.authFooter a{flex:1 1 auto}.tabs{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch}.tabs button{width:auto;min-width:0;max-width:none;flex:none;min-height:58px;padding-inline:1px;font-size:.65rem}.tabs button:first-child{padding-left:max(1px,env(safe-area-inset-left))}.tabs button:last-child{padding-right:max(1px,env(safe-area-inset-right))}.tabs button .cartoonIcon{width:28px;height:28px}}@media(max-width:360px){.shell{padding-inline:.55rem}.card,.resultCard{padding:.85rem}.exploreTile{grid-template-columns:54px minmax(0,1fr);column-gap:.5rem;padding:.9rem}.exploreTile .cartoonFeature{width:50px;height:50px}.exploreTile h2{font-size:1.25rem}.exploreTile p{font-size:.9rem}.companionHero{grid-template-columns:1fr}.mascotCompanion{display:none}.companionComposer{grid-template-columns:1fr}.companionComposer ion-button{width:100%}.tabs button{font-size:.59rem;letter-spacing:-.01em}.tabs button .cartoonIcon{width:26px;height:26px}}@media(max-width:480px){#natal-reading~.results .roleGrid{grid-template-columns:minmax(0,1fr)}#natal-reading~.results .roleGrid details{width:100%;min-width:0}}: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}}