:root{--red: #C62828;--red-deep: #8E1B1B;--gold: #F9A825;--gold-soft: #FFE082;--cream: #FFF8E7;--ink: #3E2723;--ink-soft: #7A5C52;--green: #2E7D32;--surface: #FFFDF7;--surface-variant: #F5E6CC;--surface-container: #FBEFD9;--outline: #B08968;--line: #EBD9B8;--radius: 14px;--radius-sm: 10px;--radius-pill: 999px;--shadow: 0 1px 2px rgba(90, 50, 20, .08), 0 4px 14px rgba(90, 50, 20, .08);--shadow-lg: 0 2px 4px rgba(90, 50, 20, .1), 0 10px 28px rgba(150, 30, 30, .18);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--tap: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,p,li,label,a,button,span,div{overflow-wrap:anywhere}h1{font-size:1.4rem;margin:0 0 var(--s3);line-height:1.25}h2{font-size:1.25rem;margin:0 0 var(--s3);line-height:1.25}h3{font-size:1.05rem;margin:0 0 var(--s2);color:var(--red-deep)}h4{font-size:.95rem;margin:var(--s3) 0 var(--s2);color:var(--ink)}p{margin:0 0 var(--s2)}a{color:var(--red)}img{max-width:100%}small{color:var(--ink-soft)}.page{width:100%;max-width:560px;margin:0 auto;padding:var(--s4) var(--s4) var(--s5)}.stack{display:grid;gap:var(--s3)}.note{font-size:.8rem;color:var(--ink-soft);text-align:center;margin:var(--s3) 0}.msg{font-size:.9rem;color:var(--red-deep)}.error{color:var(--red);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s4);margin:0 0 var(--s3)}.card>:last-child{margin-bottom:0}.card-title{font-size:.9rem;font-weight:700;color:var(--red-deep);margin:0 0 var(--s2)}.card.highlight{background:linear-gradient(135deg,var(--red) 0%,var(--red-deep) 100%);color:#fff;border:0;box-shadow:var(--shadow-lg)}.card.highlight h3,.card.highlight .card-title{color:var(--gold-soft)}.card.highlight .btn.primary{background:var(--gold);color:var(--ink)}.card.gold{background:var(--gold-soft);border-color:var(--gold)}.section-title{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--outline);margin:var(--s5) var(--s1) var(--s2)}.section-title:first-child{margin-top:0}.rows{display:grid}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);min-height:var(--tap)}.row:last-child{border-bottom:0}.row>.label,.row>:first-child{flex:1 1 auto;min-width:0}.info-row{display:grid;grid-template-columns:112px 1fr;gap:var(--s3);padding:10px 0;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:0}.info-label{color:var(--ink-soft);font-size:.85rem}.info-value{font-weight:600}.row.stacked{flex-direction:column;align-items:stretch}:where(button){font:inherit;color:inherit}.btn,:where(button){display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);padding:0 18px;border-radius:var(--radius-sm);border:1.5px solid var(--red);background:transparent;color:var(--red);font-weight:700;font-size:.95rem;line-height:1.2;cursor:pointer;text-decoration:none;text-align:center;transition:background .15s,color .15s,transform .05s}.btn:active,:where(button):active{transform:scale(.98)}.btn.primary,.nt-run{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 2px 6px #c628284d}.btn.primary:hover,.nt-run:hover{background:var(--red-deep);border-color:var(--red-deep)}.btn.secondary{background:var(--surface)}.btn.ghost{border-color:transparent;background:transparent;padding:0 var(--s3)}.btn.link{border:0;background:none;padding:0;min-height:0;color:var(--red);text-decoration:underline;font-weight:600}.btn.danger{color:var(--red-deep);border-color:var(--line);background:var(--surface)}.btn.block{width:100%}.btn.small{min-height:36px;padding:0 12px;font-size:.85rem}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,button:focus-visible,.chip:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.btn-row>*{flex:1 1 auto}.seg{display:flex;width:100%;padding:3px;gap:2px;background:var(--surface-variant);border-radius:var(--radius-sm)}.seg>button,.seg>a,.seg>[role=tab]{flex:1 1 0;min-width:0;min-height:40px;padding:0 4px;white-space:nowrap;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none}.seg>button[aria-pressed=true],.seg>a[aria-current],.seg>[aria-selected=true]{background:var(--red);color:#fff;box-shadow:0 1px 4px #c6282859}.seg>[role=tab]{cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}.chip{min-height:38px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font:inherit;font-size:.9rem;cursor:pointer}.chip.sel,.chip[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.field{display:grid;gap:var(--s1);margin-bottom:var(--s3);font-size:.9rem;font-weight:600;color:var(--ink)}.field>span:first-child{color:var(--ink-soft);font-weight:600;font-size:.85rem}input:where(:not([type=checkbox]):not([type=range]):not([type=file])),select,textarea,.input{width:100%;min-height:var(--tap);padding:0 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);font:inherit;font-weight:400;font-size:1rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:0}select{padding-right:38px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23C62828' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center}input:focus,select:focus,textarea:focus{border-color:var(--red);outline:0;box-shadow:0 0 0 3px #f9a82573}input::placeholder{color:#b9a292}.field-help{margin:0 0 var(--s3);font-size:.78rem;font-weight:400;color:var(--ink-soft)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:var(--s2);margin-bottom:var(--s3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.grid-3>*,.grid-2>*{min-width:0}.inline-form{display:flex;gap:var(--s2)}.inline-form>input{flex:1 1 auto}.inline-form>.btn,.inline-form>button{flex:0 0 auto}input[type=checkbox].switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:50px;height:30px;margin:0;border-radius:var(--radius-pill);background:#d9c7a8;cursor:pointer;transition:background .15s}input[type=checkbox].switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s}input[type=checkbox].switch:checked{background:var(--red)}input[type=checkbox].switch:checked:after{transform:translate(20px)}label.row{cursor:pointer}input[type=checkbox].check{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 auto;width:26px;height:26px;margin:0;border:2px solid var(--outline);border-radius:8px;background:#fff;position:relative;cursor:pointer}input[type=checkbox].check:checked{background:var(--red);border-color:var(--red)}input[type=checkbox].check:checked:after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}input[type=file]{width:100%;font:inherit;font-size:.9rem;color:var(--ink-soft);min-width:0}input[type=file]::file-selector-button{min-height:var(--tap);margin-right:var(--s3);padding:0 18px;border-radius:var(--radius-sm);border:1.5px solid var(--red);background:var(--surface);color:var(--red);font:inherit;font-weight:700;font-size:.95rem;cursor:pointer}.list{list-style:none;padding:0;margin:0 0 var(--s3);display:grid;gap:var(--s3)}.list-card{display:flex;align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s3) var(--s4);text-decoration:none;color:var(--ink);min-height:60px}.list-card .grow{flex:1 1 auto;min-width:0}.list-card .title{font-weight:700}.list-card .sub{font-size:.85rem;color:var(--ink-soft)}.list-card .chev{color:var(--red);font-size:1.4rem;line-height:1;flex:0 0 auto}.list-card .badge{flex:0 0 auto;padding:4px 10px;border-radius:var(--radius-pill);background:var(--gold-soft);color:var(--red-deep);font-size:.8rem;font-weight:700;white-space:nowrap}.list-card .badge.today{background:var(--red);color:#fff}.empty{text-align:center;padding:var(--s5) var(--s4);color:var(--ink-soft)}.empty .icon{width:96px;height:96px;object-fit:contain;display:block;margin:0 auto var(--s3);font-size:64px;line-height:96px}.empty p{margin-bottom:var(--s3)}.hero{background:var(--surface);border-radius:18px;overflow:hidden;text-align:center;box-shadow:var(--shadow-lg);margin-bottom:var(--s4);border:1px solid var(--line)}.hero p{margin:0}.hero-top{background:var(--red);color:#fff;font-weight:700;font-size:1.05rem;padding:12px 0;letter-spacing:.02em;position:relative}.hero-top:before,.hero-top:after{content:"";position:absolute;top:8px;width:10px;height:10px;border-radius:50%;background:var(--cream);box-shadow:inset 0 1px 2px #00000059}.hero-top:before{left:22%}.hero-top:after{right:22%}.hero-day{font-size:6.5rem;font-weight:800;line-height:1.05;padding-top:var(--s3);color:var(--ink)}.hero.red .hero-day,.hero.red .hero-wd{color:var(--red)}.hero-wd{font-size:1.25rem;font-weight:600;margin:0;padding-bottom:var(--s3);color:var(--ink)}.hero-band{background:var(--gold-soft);border-top:2px solid var(--gold);padding:12px var(--s3);font-weight:700;font-size:1.05rem}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);padding:var(--s3)}.tag{display:inline-block;padding:4px 14px;border-radius:var(--radius-pill);background:var(--red);color:#fff;font-size:.85rem;font-weight:700;margin:0}.tag.green{background:var(--green)}.tag.gold{background:var(--gold-soft);color:var(--red-deep)}.hero h1.hero-wd{margin:0;font-size:1.1rem;padding-bottom:var(--s3)}.day-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-bottom:var(--s3)}.spirit{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:.85rem;margin:0 0 var(--s2)}.spirit.hoang{background:var(--gold-soft);color:var(--red-deep)}.spirit.hac{background:var(--surface-variant);color:var(--ink)}.tuvi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s4);margin:0 0 var(--s3);display:grid;gap:var(--s2)}.tuvi-card>*{margin:0}.tuvi-card h3{color:var(--red-deep)}.tuvi-card img{justify-self:center}.tuvi-card .stars{color:var(--gold);letter-spacing:2px}.reader{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4) var(--s4) var(--s5);box-shadow:var(--shadow);margin-bottom:var(--s3)}.reader h1{color:var(--red-deep)}.reader p{font-size:1.1rem;line-height:1.75;margin-bottom:var(--s3)}.reader .sub{font-size:.9rem;color:var(--ink-soft)}.check-row{display:flex;align-items:center;gap:var(--s3);min-height:52px;padding:8px var(--s2);border-bottom:1px solid var(--line);cursor:pointer}.check-row:last-child{border-bottom:0}.check-row.done span{color:var(--ink-soft);text-decoration:line-through}.dialog{background:var(--surface);border:1px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--s4);margin:var(--s3) 0}.month-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}.month-head h1{flex:1;text-align:center;margin:0;font-size:1.3rem}.month-nav{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--red);font-size:1.5rem;font-weight:700;text-decoration:none;cursor:pointer;padding:0}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-bottom:var(--s3)}.month-wd{text-align:center;font-weight:700;font-size:.85rem;padding:6px 0;color:var(--red-deep);background:var(--surface-variant);border-radius:6px}.month-wd:last-child{color:var(--red)}.month-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;padding:5px 1px 6px;min-height:58px;min-width:0;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer}.month-cell .solar{font-weight:700;font-size:1.05rem;line-height:1.3}.month-cell .lunar{font-size:.68rem;color:var(--ink-soft);line-height:1.2}.month-cell.out{opacity:.35}.month-cell.holiday .solar,.month-cell.holiday .lunar{color:var(--red)}.month-cell.special{background:#fff0c4;border-color:var(--gold-soft)}.month-cell.today{background:var(--red);border-color:var(--red)}.month-cell.today .solar,.month-cell.today .lunar{color:#fff}.chay-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--green);margin:1px auto 0}.month-cell.today .chay-dot{background:#fff}.month-cell .gold-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin:1px auto 0}.month-links{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}.month-links>*{flex:1 1 auto}.converter .result{margin-top:var(--s3);padding:var(--s3) var(--s4);background:var(--gold-soft);border:1px solid var(--gold);border-radius:var(--radius-sm);font-weight:700;text-align:center;font-size:1.1rem}.nt-field{margin-bottom:var(--s3)}.nt-field label{display:grid;gap:var(--s1);font-size:.85rem;font-weight:600;color:var(--ink-soft)}.nt-error{color:var(--red);font-size:.85rem}.nt-run{width:100%}.nt-hint{font-size:.9rem;color:var(--ink-soft);margin:0 0 var(--s3)}.nt-busy{text-align:center;color:var(--ink-soft)}.nt-warn{margin:var(--s3) 0;padding:var(--s3);background:var(--surface-variant);border-radius:var(--radius-sm);border-left:4px solid var(--gold)}.nt-warn p:last-child{margin-bottom:0}.nt-list{list-style:none;padding:0;margin:var(--s3) 0;display:grid;gap:var(--s3)}.nt-card{padding:var(--s3) var(--s4);background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.nt-card-head{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;width:100%;text-align:left;background:none;border:0;padding:0;color:var(--ink);font:inherit;cursor:pointer}.nt-sub{flex-basis:100%;font-size:.85rem;color:var(--ink-soft)}.nt-reasons{list-style:none;padding:0;margin:var(--s2) 0;font-size:.9rem}.nt-reasons .pos{color:var(--green)}.nt-reasons .neg{color:#b26a00}.nt-hours{font-size:.9rem;margin:var(--s1) 0}.nt-go{display:inline-block;margin-top:var(--s1);font-weight:700}.nt-empty{text-align:center;color:var(--ink-soft);padding:var(--s4)}.rating-chip{padding:2px 10px;border-radius:var(--radius-pill);background:var(--gold-soft);color:var(--red-deep);font-size:.8rem;font-weight:700}.ngaytot.calm .chip.sel{background:var(--outline);border-color:var(--outline)}.ngaytot.calm .nt-run{background:var(--outline);border-color:var(--outline);box-shadow:none}.ngaytot.calm .nt-card{background:var(--surface-variant)}.nt-funeral-note{padding:var(--s3);background:var(--surface-variant);border-radius:var(--radius-sm)}.ad-slot{margin:var(--s3) 0;text-align:center;overflow:hidden}.ad-report{font-size:.7rem;color:var(--outline)}.ad-inline{background:var(--surface);border-radius:var(--radius-sm);padding:var(--s2) var(--s3);box-shadow:0 1px 2px #0000001f}.ad-inline:empty,.ad-inline:has(>.zad:empty){display:none}.ad-label{display:block;font-size:.65rem;color:var(--outline);text-align:left;text-transform:uppercase;letter-spacing:.04em}.nt-ad-row{list-style:none}.date-field{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;min-height:var(--tap);padding:0 var(--s3);background:var(--surface);color:var(--ink);border:1px solid var(--outline);border-radius:var(--radius-sm);font:inherit;cursor:pointer;text-align:left}.date-field .ph{color:var(--ink-soft)}.date-field:focus-visible{outline:2px solid var(--red);outline-offset:2px}.cal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#28140a73;display:flex;align-items:flex-end;justify-content:center}.cal-sheet{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-lg);padding:var(--s4);padding-bottom:calc(var(--s4) + env(safe-area-inset-bottom,0px))}@media(min-width:600px){.cal-backdrop{align-items:center}.cal-sheet{border-radius:var(--radius)}}.cal-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}.cal-head select{flex:1;min-height:40px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-container);color:var(--ink);font:inherit;padding:0 var(--s2)}.cal-nav{width:40px;height:40px;flex:none;border:0;border-radius:var(--radius-pill);background:var(--surface-container);color:var(--red-deep);font-size:1.4rem;line-height:1;cursor:pointer}.cal-nav:disabled{opacity:.35;cursor:default}.cal-wd,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-wd{font-size:.75rem;font-weight:700;color:var(--ink-soft);margin-bottom:var(--s1)}.cal-wd .sun,.cal-day.sun .cal-num{color:var(--red)}.cal-grid>div{display:flex;justify-content:center}.cal-day{width:100%;min-width:40px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--ink);font:inherit;cursor:pointer}.cal-num{font-size:1rem;font-weight:600;line-height:1.1}.cal-lunar{font-size:.62rem;color:var(--ink-soft);line-height:1.1}.cal-day:hover:not(.off){background:var(--surface-container)}.cal-day.today{border-color:var(--red)}.cal-day.sel{background:var(--red);color:#fff}.cal-day.sel .cal-num,.cal-day.sel .cal-lunar{color:#fff}.cal-day.off{opacity:.35;cursor:default}.cal-day:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.cal-foot{display:flex;justify-content:space-between;gap:var(--s2);margin-top:var(--s3)}.shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.app-header{background:linear-gradient(180deg,var(--red) 0%,var(--red-deep) 100%);padding:12px 16px;font-weight:800;font-size:1.2rem;box-shadow:0 2px 8px #8e1b1b59;border-bottom:3px solid var(--gold)}.app-header{display:flex;align-items:center;gap:12px}.app-header a{color:var(--gold-soft);text-decoration:none}.app-header>a:only-child{display:block;max-width:560px;margin:0 auto}.app-header .brand{flex:1 1 auto;white-space:nowrap}.app-header .header-right{display:flex;align-items:center;gap:10px}.app-header .today-chip{font-size:.8rem;font-weight:600;white-space:nowrap;background:#ffffff24;border-radius:999px;padding:4px 10px}.app-header .gear{font-size:1.25rem;line-height:1;padding:4px}.top-nav{display:none}.side-title{font-weight:800;color:var(--red);padding:8px 12px 4px}.side-group{margin-top:12px;padding:4px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.more-heading{padding:10px var(--s3) 2px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--ink-soft)}.more-sheet{max-height:70vh;overflow-y:auto}.content{padding:16px 16px 24px;max-width:560px;width:100%;margin:0 auto;min-width:0}.bottom-nav{position:sticky;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -2px 10px #5a321414;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1 1 0;min-width:0;text-align:center;padding:12px 2px;font-size:.72rem;text-decoration:none;color:var(--ink-soft);border-top:3px solid transparent}.bottom-nav button{flex:1 1 0;min-width:0;text-align:center;padding:12px 2px;font:inherit;font-size:.72rem;color:var(--ink-soft);background:none;border:0;border-top:3px solid transparent;cursor:pointer}.bottom-nav button.active{color:var(--red);font-weight:700;border-top-color:var(--red);background:var(--surface-container)}.more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#28140a59;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 var(--s3) 64px}.more-sheet{min-width:200px;display:grid;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--s2);margin-bottom:env(safe-area-inset-bottom,0px)}.more-sheet a{padding:12px var(--s3);min-height:var(--tap);text-decoration:none;color:var(--ink);border-radius:var(--radius-sm)}.more-sheet a.active{background:var(--gold-soft);color:var(--red);font-weight:700}.hub-card{display:block;text-decoration:none;color:inherit;margin-top:var(--s3)}.bottom-nav a.active,.side-nav a.active{color:var(--red);font-weight:700}.bottom-nav a.active{border-top-color:var(--red);background:var(--surface-container)}.side-nav{display:none}.not-found{text-align:center;color:var(--ink-soft);padding:48px 0}@media(min-width:900px){.shell{grid-template-columns:220px 1fr;grid-template-rows:auto 1fr}.app-header{grid-column:1 / -1}.app-header .brand{flex:0 0 auto}.top-nav{display:flex;flex:1 1 auto;justify-content:center;gap:4px}.top-nav a{padding:6px 14px;font-size:.95rem;font-weight:600;border-bottom:3px solid transparent}.top-nav a.active{color:#fff;border-bottom-color:var(--gold)}.bottom-nav{display:none}.side-nav{display:flex;flex-direction:column;gap:2px;background:var(--surface-container);padding:12px 8px}.side-nav a{padding:12px;text-decoration:none;color:var(--ink);border-radius:var(--radius-sm)}.side-nav a.active{background:var(--gold-soft)}}@media(min-width:1200px){.shell{grid-template-columns:220px minmax(0,560px) 300px;justify-content:center}.shell .content{margin:0;max-width:none}.ad-rail{grid-column:3;grid-row:2;padding:16px 0 24px}.ad-rail .ad-slot{position:sticky;top:16px;width:300px;min-height:600px;margin:0}}.site-footer{margin-top:32px;padding:16px 0 24px;border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);font-size:.85rem}.site-footer p{margin:0}.site-footer-name{font-weight:700;color:var(--ink);margin-bottom:4px!important}.site-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px}.site-footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;color:var(--ink-soft);text-decoration:none}.site-footer-links a:hover{color:var(--red);text-decoration:underline}.site-footer-copy{font-size:.75rem;margin-top:4px!important}@media(max-width:480px){.site-footer-links{display:grid;grid-template-columns:1fr 1fr}}.static-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.static-shell .app-header>a:only-child{max-width:720px}.legal-page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:20px 16px 24px}.legal{line-height:1.7;color:var(--ink)}.legal h1{font-size:1.6rem;line-height:1.3;margin:0 0 12px}.legal h2{font-size:1.25rem;line-height:1.35;margin:28px 0 8px}.legal h3{font-size:1.05rem;margin:20px 0 6px}.legal p,.legal ul,.legal ol{margin:0 0 12px}.legal ul,.legal ol{padding-left:1.4em}.legal li{margin-bottom:4px}.legal a{color:var(--red);overflow-wrap:anywhere}.legal table{width:100%;border-collapse:collapse;font-size:.9rem}.legal th,.legal td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}.tn-badges{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}.tn-tone{font-size:.75rem;padding:2px 10px;border-radius:var(--radius-pill);background:var(--surface-variant);color:var(--ink);vertical-align:middle}.tn-tone.tot{background:#dcefd9;color:var(--green)}.tn-tone.xau{background:#fbe0dd;color:var(--red-deep)}.xt-score{font-size:1.8rem;margin:var(--s2) 0}.xt-gauge{height:12px;border-radius:var(--radius-pill);background:var(--surface-variant);overflow:hidden;margin-bottom:var(--s3)}.xt-gauge-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--red));border-radius:var(--radius-pill)}.xt-rows{list-style:none;padding:0;margin:var(--s3) 0;display:grid;gap:var(--s3);font-size:.92rem}.bt-table{width:100%;border-collapse:collapse;text-align:center;margin:var(--s3) 0}.bt-table th{font-size:.8rem;color:var(--ink-soft);font-weight:600;padding:var(--s1)}.bt-table td{padding:var(--s2) var(--s1);font-weight:700;border-top:1px solid var(--line)}.bt-table td.unknown{color:var(--ink-soft);font-weight:400}.bt-bars{display:grid;gap:var(--s2);margin:var(--s3) 0}.bt-bar{display:grid;grid-template-columns:56px 1fr 24px;gap:var(--s2);align-items:center;font-size:.9rem}.bt-bar-track{height:12px;border-radius:var(--radius-pill);background:var(--surface-variant);overflow:hidden}.bt-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--red));border-radius:var(--radius-pill)}.hour-line{color:var(--ink-soft)}.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);max-width:240px;margin:var(--s3) auto}.ts-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-container);font-weight:700;font-size:1.1rem;color:var(--red-deep)}.ts-arrow.missing{color:var(--ink-soft)}.tarot-actions{display:flex;justify-content:center;margin-top:var(--s3)}.tarot-actions .btn{min-width:200px}@media(max-width:480px){.tarot-actions .btn{width:100%}}.name-form{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:flex-end}.name-form .field{flex:1 1 200px;margin:0}.name-actions{display:flex;gap:var(--s2);align-items:center}.tarot-row{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center}.tarot-slot{text-align:center}.tarot-pos{font-size:.8rem;color:var(--ink-soft);margin-bottom:var(--s1)}.tarot-card{width:112px;height:186px;padding:0;border:0;background:none;perspective:700px;cursor:pointer}.tarot-inner{position:relative;display:block;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.tarot-card.flipped .tarot-inner{transform:rotateY(180deg)}.tarot-card.reversed .tarot-front>*{transform:rotate(180deg)}.tarot-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1);border-radius:var(--radius-sm);backface-visibility:hidden;box-shadow:var(--shadow);padding:var(--s2)}.tarot-back{background:repeating-linear-gradient(45deg,var(--red-deep) 0 8px,var(--red) 8px 16px);border:3px solid var(--gold)}.tarot-front{transform:rotateY(180deg);background:var(--surface);border:2px solid var(--gold);color:var(--ink)}.tarot-front.gay{border-color:#e65100}.tarot-front.coc{border-color:#1565c0}.tarot-front.kiem{border-color:#546e7a}.tarot-front.tien{border-color:#2e7d32}.tarot-num{font-size:1.3rem;font-weight:800;color:var(--red-deep)}.tarot-icon{font-size:1.6rem}.tarot-name{font-size:.8rem;font-weight:700;line-height:1.2}.tarot-sub{font-size:.65rem;color:var(--ink-soft)}.tarot-reading{margin-top:var(--s3)}@media(prefers-reduced-motion:reduce){.tarot-inner{transition:none}}.camera{max-width:480px;margin:0 auto}.camera-stage{position:relative;background:#000;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:3 / 4}.camera-video{width:100%;height:100%;object-fit:cover;display:block}.camera-video.mirrored{transform:scaleX(-1)}.camera-guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.camera-guide ellipse,.camera-guide path{fill:none;stroke:var(--gold);stroke-width:1.2;stroke-dasharray:4 2}.camera-guide.ready ellipse,.camera-guide.ready path{stroke:#2e7d32;stroke-dasharray:none}.camera-hint{text-align:center;font-weight:700;margin:var(--s2) 0}.camera-count{color:#2e7d32}.camera-actions{text-align:center}