@font-face{font-family:Mali;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f6806b43a0fbf9ee-s.p.19z9ljfnlvq19.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b4178d20beffeb5f-s.2pfchuwdzhzkm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a5f3544f2f57468f-s.0bzixr1b-t7av.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mali;font-style:normal;font-weight:400;font-display:swap;src:url(../media/15ecda0b41eab1f3-s.p.1h1p2768fubt-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-weight:500;font-display:swap;src:url(../media/414b392d21b53e19-s.p.22p_0ylkoncz5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-weight:500;font-display:swap;src:url(../media/75aafe82ced0d5b3-s.0boakaoig61zc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-weight:500;font-display:swap;src:url(../media/48a122e95c1f7bd7-s.30caf5l8lnaou.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mali;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8965491f5dc76b7a-s.p.28qcf_2c5gqpd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e33ebfb09f8e5e26-s.p.42c5w67lj_gb-.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8dfd5744c99775a1-s.2fanwxz0cveg0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7e31195e7d9139ba-s.0sezovpwhbsg3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mali;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b7ee15237e33b88f-s.p.38exmclhe5n0o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4918881fd0a076f5-s.p.06l_kmf12p5hu.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(../media/075b5e9cf9f76c5f-s.0rgvpu17j79wp.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(../media/96648c7a90977dcd-s.1jwanslnpm-4k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(../media/15ffd53c7769ab2e-s.p.045trq_3sylcd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali Fallback;src:local(Arial);ascent-override:93.81%;descent-override:22.33%;line-gap-override:0.0%;size-adjust:111.93%}.FBr1Za_className{font-family:Mali,Mali Fallback;font-style:normal}.FBr1Za_variable{--font-mali:"Mali", "Mali Fallback"}
*{box-sizing:border-box}body{background:var(--bg,#f5f3ed);color:var(--fg,#252c45);margin:0;font-family:Noto Sans Thai,sans-serif}a{color:inherit}button,input{font:inherit}.account-bar{padding:12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.account-brand{color:var(--accent);margin-right:auto;font-size:22px;text-decoration:none}.coin-balance{align-items:center;gap:4px;text-decoration:none;display:flex}.coin-balance img{width:28px;height:28px}.account-bar button{border:1px solid var(--line);color:inherit;background:0 0;border-radius:8px;padding:8px}.login-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;width:min(440px,100% - 32px);margin:48px auto;padding:24px}.login-card label{margin:16px 0;display:block}.login-card input,.login-card button{width:100%;margin-top:8px;padding:12px}.login-card p{overflow-wrap:anywhere}.login-card input{box-sizing:border-box;min-width:0}.web-artifact>.topbar{display:none}.account-menu{position:relative}.account-menu summary{cursor:pointer;align-items:center;min-height:44px;padding:8px;display:flex}.account-menu nav{z-index:20;background:var(--surface);border:1px solid var(--line);width:170px;box-shadow:var(--shadow);border-radius:10px;gap:6px;padding:8px;display:grid;position:absolute;top:100%;right:0}.account-menu nav a,.account-menu nav span{padding:10px}.account-page{overflow-wrap:anywhere;width:100%;max-width:1050px;margin:auto;padding:24px 16px 80px}.account-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-width:0;margin:18px 0;padding:20px}.account-card h2{margin:12px 0}.account-card form{max-width:460px}.account-card button{overflow-wrap:anywhere;max-width:100%;margin-top:10px}.account-card input{width:100%;min-width:0}.account-table{max-width:100%;margin:12px 0;overflow-x:auto}.account-table table{border-collapse:collapse;white-space:normal;width:100%}.account-table td,.account-table th{overflow-wrap:anywhere;vertical-align:top;border-bottom:1px solid var(--line);min-width:65px;padding:10px 7px}.account-table td:nth-child(3){min-width:100px}.ledger-list{padding:0;list-style:none}.ledger-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.ledger-list li>div{min-width:0}.ledger-list strong{white-space:nowrap;color:var(--accent)}.ledger-list time,.ledger-list small{color:var(--muted);font-size:12px}.login-link{font-size:12px}@media (max-width:420px){.account-bar{gap:6px}.account-brand{font-size:20px}.account-card{padding:14px}.login-card{margin:24px auto;padding:20px}.account-page h1,.login-card h1{font-size:26px}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101326;--surface:#191c34;--surface-2:#211f3c;--text:#f4efe6;--muted:#bcb8cc;--gold:#ead09c;--gold-soft:#3d3440;--gold-ink:#27213a;--lavender:#c2b6ed;--line:#393a54;--glow:#40305c;--orb:#252440;--star:#f2dfb8;--shadow:#080a1738;--success:#abcdbf;--glass:#101326ed;--card-back:#21223d;--white:#fff7e9;--chart-fill:#1b1e35;--chart-line:#877c74;--focus:#d4b7ff;--r:24px}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f0e9;--surface:#fffdf8;--surface-2:#eee7f2;--text:#302b45;--muted:#696076;--gold:#795a26;--gold-soft:#f3e5c9;--gold-ink:#fffdf8;--lavender:#6f528f;--line:#dcd3df;--glow:#e3d8ef;--orb:#ebe1ef;--star:#8d6c36;--shadow:#44314f0a;--success:#386e5c;--glass:#f5f0e9ed;--card-back:#21223d;--chart-fill:#fcf8f1;--chart-line:#928071;--focus:#785298}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f0e9;--surface:#fffdf8;--surface-2:#eee7f2;--text:#302b45;--muted:#696076;--gold:#795a26;--gold-soft:#f3e5c9;--gold-ink:#fffdf8;--lavender:#6f528f;--line:#dcd3df;--glow:#e3d8ef;--orb:#ebe1ef;--star:#8d6c36;--shadow:#44314f0a;--success:#386e5c;--glass:#f5f0e9ed;--card-back:#21223d;--chart-fill:#fcf8f1;--chart-line:#928071;--focus:#785298}:root{--font:"Mali","Leelawadee UI",sans-serif;--r:28px;--peach:#352b3d;--mint:#233735;--button-shadow:#bca579;--cute-fill:#f2dfb8;--cute-line:#795a26;--cute-cheek:#d38291;--clear:transparent;--motion-fast:.55s;--motion-particle:.95s}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--peach:#f4e6e0;--mint:#e3eee7;--button-shadow:#5e4319;--cute-fill:#f2dfb8;--cute-line:#795a26;--cute-cheek:#d38291}}:root[data-theme=light]{--peach:#f4e6e0;--mint:#e3eee7;--button-shadow:#5e4319;--cute-fill:#f2dfb8;--cute-line:#795a26;--cute-cheek:#d38291}.duang-web{--fg:var(--text);--accent:var(--gold);--accent-soft:var(--gold-soft);--button:var(--gold);--button-fg:var(--gold-ink);--chart:var(--chart-line);--red:var(--lavender);--transit:var(--success);--space:24px;--card-shadow:0 20px 60px var(--shadow);font:16px/1.8 var(--font-mali),"Leelawadee UI",sans-serif;background:var(--bg);color:var(--text);isolation:isolate;overflow-wrap:anywhere;min-height:100dvh}.duang-web :is(button,input,select,textarea){font:inherit;max-width:100%;min-height:44px}.duang-web :is(h1,h2,h3){font-family:inherit}.duang-web h1{font-weight:600}.duang-web :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.duang-web a{color:var(--gold)}.duang-web .account-bar{z-index:30;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px max(16px,50% - 550px);padding-top:max(12px,env(safe-area-inset-top));flex-wrap:nowrap;gap:12px;min-height:80px;font-size:16px;position:sticky;top:0}.duang-web .account-brand{white-space:nowrap;font-size:28px;line-height:1.35}.duang-web .account-brand small{color:var(--muted);font-size:12px;display:block}.duang-web .coin-balance{border:1px solid var(--line);white-space:nowrap;border-radius:30px;min-height:44px;padding:6px 10px}.duang-web .account-menu summary,.duang-web .login-link{border:1px solid var(--line);background:var(--surface-2);border-radius:50%;place-items:center;width:48px;height:48px;padding:2px;display:grid}.duang-web .account-menu summary{list-style:none}.duang-web .account-menu summary::-webkit-details-marker{display:none}.duang-web .account-menu img,.duang-web .login-link img{object-fit:contain;max-width:100%}.duang-web .account-menu nav{box-shadow:var(--card-shadow);width:210px}.duang-web .theme-toggle{border-radius:50%;flex-shrink:0;width:44px;padding:0;font-size:24px}.duang-web .web-hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;width:min(1100px,100% - 48px);margin:36px auto;display:grid}.duang-web .web-hero h1{color:var(--text);margin:16px 0;font-size:clamp(30px,4.2vw,52px);line-height:1.5}.duang-web .web-hero p{color:var(--muted)}.duang-web .web-hero img{width:100%;max-width:320px;height:auto;filter:drop-shadow(0 12px 40px var(--glow));animation:6s ease-in-out infinite web-float}.duang-web .hero-link{background:var(--gold);min-height:48px;color:var(--gold-ink);border-radius:16px;align-items:center;margin-top:18px;padding:10px 20px;display:inline-flex}.duang-web .web-artifact>.topbar,.duang-web .web-artifact .intro{display:none}.duang-web main{max-width:1160px}.duang-web .web-artifact main{padding-top:0}.duang-web :is(.card,.account-card,.login-card){border-radius:var(--r);box-shadow:var(--card-shadow);background:var(--surface);padding:var(--space);border:1px solid var(--line)}.duang-web :is(.card,.account-card,.login-card) :is(p,label,button,input,select,small,td,th,li,figcaption),.duang-web :is(.hint,.details,.eyebrow,.badge,.birthline,.legend,.grid-cell,.grid-cell small,.ledger-list time,.save-row span,.map-steps,footer),.duang-web :is(#reading-output,#tarot-output,.horo-topics p,.horo-topics h3){font-size:16px}.duang-web .check{min-height:44px}.duang-web input[type=checkbox]{width:20px;min-height:20px}.duang-web :is(.primary,.login-card form button){background:var(--gold);color:var(--gold-ink);border-color:var(--gold);border-radius:16px;position:relative;overflow:hidden}.duang-web .primary:after{content:"✦";opacity:0;pointer-events:none;position:absolute;top:0;right:12px}.duang-web .primary:active:after{animation:.55s ease-out web-shimmer}.duang-web :is(.topic-chips,.reading-levels,.tarot-periods,.division-tabs) button{border-radius:999px}.duang-web :is(.reading-levels,.division-tabs){flex-wrap:wrap;gap:8px}.duang-web .reading-levels button{flex:110px}.duang-web [aria-pressed=true],.duang-web [aria-selected=true]{background:var(--gold-soft);color:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.duang-web .section-feedback{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:18px}.duang-web .section-feedback button{border-radius:999px}.duang-web .chart-card svg{background:var(--chart-fill);border-radius:24px}.duang-web .chart-line{stroke:var(--chart-line)}.duang-web .chart-sign{fill:var(--gold)}.duang-web .chart-planet{fill:var(--text)}.duang-web .chart-planet.red{fill:var(--lavender)}.duang-web .tarot-card{box-shadow:0 8px 24px var(--shadow);outline:1px solid var(--gold);border-radius:16px}.duang-web :is(.tarot-face,.tarot-back){border-radius:16px}.duang-web .tarot-felt{border-color:var(--line);background:var(--card-back);border-radius:28px}.duang-web .tarot-felt>button{background:var(--cute-fill);color:var(--cute-line)}.duang-web .tarot-place>p{color:var(--white)}.duang-web .tarot-nameplate{color:var(--cute-fill)}.duang-web .bottom-nav{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--line);z-index:25;border-radius:24px 24px 0 0}.duang-web .bottom-nav a{min-width:0;min-height:52px;color:var(--muted);flex:1}.duang-web .bottom-nav .active{color:var(--gold);background:var(--gold-soft);border-radius:20px}.duang-web .page-mascot{object-fit:contain;max-width:100%;filter:drop-shadow(0 12px 30px var(--glow));margin:0 auto 12px;display:block}.duang-web .charging{animation:6s ease-in-out infinite web-float}.duang-web .web-casting{z-index:35;pointer-events:none;background:var(--glass);max-width:calc(100% - 32px);box-shadow:var(--card-shadow);border-radius:28px;align-items:center;gap:10px;padding:8px 16px;display:flex;position:fixed;bottom:100px;right:16px}.duang-web .web-casting img{object-fit:contain;animation:3s ease-in-out infinite web-float}.duang-web .web-casting span{max-width:210px}.duang-web .web-sky{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 77% 20%,var(--glow),transparent 52%);position:fixed;inset:0;overflow:hidden}.duang-web .sky-layer{position:absolute;inset:0}.duang-web .sky-star{background:var(--star);width:2px;height:2px;animation:web-twinkle var(--duration) ease-in-out var(--delay) infinite alternate;border-radius:50%;position:absolute}.duang-web .depth-1{opacity:.65}.duang-web .depth-2 .sky-star{width:3px;height:3px}.duang-web .sky-meteor{background:linear-gradient(90deg,transparent,var(--gold));width:130px;height:2px;animation:web-shoot 23s linear var(--delay) infinite;opacity:0;position:absolute;left:100%}.duang-web .sky-meteor.caught{visibility:hidden}.duang-web .web-particles{z-index:2000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.duang-web .cute-star{width:34px;height:34px;animation:web-pop var(--motion-particle) ease-out forwards;position:absolute}.duang-web .cute-star svg{width:100%;height:100%}.duang-web.sky-paused *,.duang-web.sky-paused :after{animation-play-state:paused!important}@keyframes web-twinkle{0%{opacity:.25}to{opacity:.95}}@keyframes web-shoot{0%,89%{opacity:0;transform:translate(0)rotate(-35deg)}90%{opacity:1}96%,to{opacity:0;transform:translate(-110vw,55vh)rotate(-35deg)}}@keyframes web-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}18%{opacity:1;transform:translate(-50%,-80%)scale(1.2)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.4)}}@keyframes web-float{50%{transform:translateY(-10px)rotate(2deg)}}@keyframes web-shimmer{20%{opacity:1}to{opacity:0;transform:translateY(36px)rotate(90deg)}}@media (max-width:700px){.duang-web .web-hero{grid-template-columns:1fr 100px;gap:4px;width:calc(100% - 32px);margin:24px auto}.duang-web .web-hero h1{font-size:29px}.duang-web .web-hero img{align-self:start;margin-top:40px}.duang-web .web-hero p{grid-column:1/-1}.duang-web .web-hero .hero-link{font-size:16px}.duang-web .account-bar{gap:6px}.duang-web .account-brand{font-size:23px}.duang-web .account-brand small{display:none}.duang-web .coin-balance{padding:6px;font-size:16px}.duang-web .coin-balance img{width:22px;height:22px}.duang-web .card{padding:18px}.duang-web .chart-card{padding:16px 8px}.duang-web .grids{grid-template-columns:1fr}.duang-web .web-artifact main{padding-inline:16px}.duang-web .layout{grid-template-columns:minmax(0,1fr)}.duang-web .date-fields{gap:5px}.duang-web .date-fields input,.duang-web .date-fields select{padding-inline:4px}.duang-web .account-page{padding-top:24px}.duang-web .transit-bar{flex-wrap:wrap}.duang-web .transit-bar label{min-width:100px}}@media (prefers-reduced-motion:reduce){html:has(.duang-web){scroll-behavior:auto}.duang-web *,.duang-web :before,.duang-web :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.duang-web .sky-meteor,.duang-web .cute-star{display:none}.duang-web .sky-star{opacity:.65}}.duang-web :is(button,input,select,textarea){color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.duang-web :is(input,select,textarea){background:var(--bg);width:100%;min-width:0}.duang-web input[type=checkbox]{width:20px;padding:0}.duang-web :is(.primary,.login-card form button){background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.duang-web .theme-toggle{padding:0}.duang-web :is(.primary,.hero-link):active{box-shadow:0 0 24px var(--glow)}.duang-web .topic-chips [aria-pressed=true],.duang-web .reading-levels [aria-pressed=true],.duang-web .tarot-periods [aria-pressed=true],.duang-web .division-tabs [aria-selected=true]{background:var(--gold-soft);color:var(--gold);border-color:var(--gold)}.duang-web .account-route-nav{display:none}@media (max-width:700px){.duang-web .account-route-nav{padding:7px 12px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.duang-web .account-route-nav a{flex-direction:column;justify-content:center;align-items:center;display:flex}.duang-web .theme-toggle{padding:0}}.duang-web .login-link{white-space:nowrap;border-radius:999px;flex-shrink:0;gap:6px;width:auto;height:auto;min-height:44px;padding:6px 12px;font-size:14px;text-decoration:none;display:inline-flex}.duang-web .login-link img{flex-shrink:0;width:24px;height:24px}.duang-web .hero-phrase{white-space:nowrap}.duang-web .chart-sign{fill:var(--muted);font-size:9px}.duang-web .chart-house{fill:var(--muted);font-size:8px}.duang-web .chart-planet{font-size:23px}.duang-web .app-back{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;min-height:44px;padding:8px 16px;text-decoration:none;display:inline-flex}.duang-web .account-page .muted,.duang-web .account-table th{color:var(--muted)}.duang-web .account-table{overscroll-behavior-x:contain;min-width:0}.duang-web .account-table table{min-width:560px}.duang-web .account-table th{text-align:left}@media (max-width:700px){.duang-web .web-hero{isolation:isolate;display:block;position:relative}.duang-web .web-hero>div{z-index:1;position:relative}.duang-web .web-hero>img{z-index:-1;opacity:.3;width:110px;margin:0;position:absolute;top:28px;right:0}.duang-web .web-hero .eyebrow{letter-spacing:0}.duang-web .account-menu summary{width:40px;height:44px}}@media (max-width:375px){.duang-web .login-prefix{display:none}}.duang-web .star-chart-card{--graph-lilac:var(--lavender);--graph-mint:var(--success);--graph-peach:#dba7a9;--graph-cream:#cdb887}.duang-web .seven-cell small{font-size:clamp(8px,1.9vw,12px)}.duang-web .seven-row-name{font-size:12px}.duang-web .seven-cell{padding:6px 0}.duang-web .maha-strip button,.duang-web .maha-strip small{font-size:11px}.duang-web .seven-cell strong{font-size:24px}.duang-web .bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.duang-web .bottom-nav a span{font-size:11px}@media (max-width:440px){.duang-web .star-chart-card{padding:12px}.duang-web .star-chart-card .seven-cell small{font-size:9px}.duang-web .star-chart-card .bottom-nav span{font-size:10px}}.tap-ripple{pointer-events:none;z-index:60;width:0;height:0;position:fixed}.tap-ripple i{border:1.5px solid var(--gold);background:radial-gradient(circle,var(--glow) 0%,transparent 65%);opacity:.55;border-radius:50%;width:56px;height:56px;animation:.9s cubic-bezier(.2,.7,.3,1) forwards tap-ring;position:absolute;top:-28px;left:-28px;transform:scale(.2)}.tap-ripple i:after{content:"✦";color:var(--gold);font-size:12px;animation:.9s ease-out forwards tap-twinkle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tap-ring{to{opacity:0;transform:scale(1.4)}}@keyframes tap-twinkle{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}60%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)rotate(45deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.6)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.tap-ripple{display:none}}