:root{--bg:#f7f2e8;--ink:#21170f;--muted:#75695f;--panel:#fffaf0;--line:#d8c6ad;--accent:#9d3f22;--accent-dark:#6f2513;--couple-a:#9d3f22;--couple-b:#17694d;--font-sans:"Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--font-serif:"Noto Serif", Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--font-sans);background:radial-gradient(circle at 0 0,#9d3f2229,#0000 32rem),linear-gradient(135deg,#f7f2e8 0%,#eadcc8 100%);margin:0}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 48px}.panel{border:1px solid var(--line);background:#fffaf0eb;border-radius:22px;margin-bottom:20px;padding:24px;box-shadow:0 18px 50px #5230181a}.intro{align-items:center;gap:clamp(16px,3vw,32px);display:flex}.brand-logo{filter:drop-shadow(0 8px 24px #52301838);flex-shrink:0;width:clamp(84px,12vw,140px);height:auto}.intro h1{margin:0 0 16px;font-size:clamp(2.2rem,6vw,5rem);line-height:.95}.intro p{max-width:760px;color:var(--muted);font-size:1.08rem}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.tabs{border:1px solid var(--line);background:#fffaf0c2;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px;padding:8px;display:grid}.tabs button{color:var(--accent-dark);background:#fff7e8;border:1px solid #0000}.tabs button:hover{color:var(--accent-dark);background:#fff1d6;border-color:#d8c6ad}.tabs button.active{background:var(--accent);color:#fff;box-shadow:0 10px 26px #9d3f2238}.tabs button.active:hover{background:var(--accent);color:#fff}.form{grid-template-columns:repeat(5,minmax(140px,1fr));align-items:end;gap:16px;display:grid}label{color:var(--muted);gap:8px;font-weight:700;display:grid}.field-hint{color:var(--muted);opacity:.85;font-size:.8em;font-weight:400}.place-field{position:relative}.place-field .field-hint{margin-top:6px;position:absolute;top:100%;left:0;right:0}input,select,textarea,button{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:14px;padding:12px 14px}textarea{resize:vertical;min-height:110px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;font-weight:800}button:hover{color:#fff;background:#8b351c}button:disabled{cursor:wait;opacity:.72}.chart-actions{justify-content:flex-end;margin:0 0 14px;display:flex}.note{color:var(--muted);margin-top:18px}.ai-panel{gap:16px;margin-top:20px;display:grid}.ai-panel button{max-width:220px}.reading-controls{gap:14px;display:grid}.reading-output{min-height:150px;color:var(--ink);background:linear-gradient(145deg,#fffdf6 0%,#fff4dd 100%);border:1px solid #d9b98f;border-radius:24px;margin:0;padding:clamp(20px,3vw,34px);font-size:1rem;line-height:1.75;box-shadow:inset 0 1px #fffc,0 18px 42px #52301814}.reading-placeholder{color:var(--muted);margin:0}.error-text{color:#a52a16;font-weight:800}.reading-markdown{max-width:880px;font-family:var(--font-serif);margin:0 auto}.reading-markdown h1,.reading-markdown h2,.reading-markdown h3{color:#6f2513;letter-spacing:-.02em;line-height:1.18}.reading-markdown h1{text-align:center;border-bottom:3px double #c58b52;margin:0 0 22px;padding-bottom:12px;font-size:clamp(2rem,5vw,3.1rem)}.reading-markdown h2{border-left:6px solid var(--accent);background:#9d3f2214;border-radius:14px;margin:34px 0 14px;padding:10px 14px;font-size:clamp(1.35rem,3vw,2rem)}.reading-markdown h3{color:#17694d;margin:26px 0 10px;font-size:1.22rem}.reading-markdown p{margin:0 0 14px}.reading-markdown strong{color:#9d3f22;font-weight:900}.reading-markdown em{color:#17694d}.reading-markdown ul,.reading-markdown ol{margin:12px 0 18px;padding-left:0;list-style:none}.reading-markdown li{background:#ffffff8f;border:1px solid #d8c6adcc;border-radius:14px;margin:8px 0;padding:10px 12px 10px 38px;position:relative}.reading-markdown li:before{content:"";background:#f29a00;border-radius:50%;width:9px;height:9px;position:absolute;top:1.05em;left:14px;box-shadow:0 0 0 4px #f29a0029}.reading-markdown blockquote{color:#26463a;background:#17694d14;border-left:5px solid #17694d;border-radius:16px;margin:22px 0;padding:16px 18px}.reading-markdown hr{background:linear-gradient(90deg,#0000,#c58b52,#0000);border:0;height:1px;margin:28px 0}.reading-markdown table{border-collapse:collapse;background:#ffffff9e;border:1px solid #c58b52;border-radius:12px;width:100%;margin:18px 0 22px;font-size:.98rem;overflow:hidden}.reading-markdown thead{background:#9d3f221f}.reading-markdown th,.reading-markdown td{text-align:left;vertical-align:top;border:1px solid #d8c6ad;padding:10px 14px}.reading-markdown th{color:#6f2513;font-weight:800}.reading-markdown tbody tr:nth-child(2n){background:#d8c6ad2e}.pdf-sheet{color:#050505;width:min(1120px,100%);font-family:var(--font-sans);background:#eee9df;border:3px solid #000;margin:0 auto;box-shadow:0 18px 60px #28190c2e}.tuvi-grid{grid-template-rows:repeat(4,minmax(210px,auto));grid-template-columns:repeat(4,1fr);display:grid}.center-card{border:2px solid #000;grid-area:2/2/4/4;align-content:center;min-height:460px;padding:26px 56px;display:grid;position:relative;overflow:hidden}.center-card:before,.center-card:after{content:"";border-top:3px solid #815ca847;position:absolute;inset:12% -15%;transform:rotate(-58deg)}.center-card:after{border-color:#e85b4242;transform:rotate(-32deg)}.brand{z-index:1;text-align:center;margin:0 0 14px;font-size:1.35rem;font-weight:900;position:relative}.center-card h2{z-index:1;text-align:center;font-family:var(--font-serif);margin:0 0 22px;font-size:clamp(2rem,5vw,3.4rem);position:relative}.info-row{z-index:1;grid-template-columns:150px 1fr;gap:18px;margin:6px 0;font-size:1.12rem;display:grid;position:relative}.center-note{z-index:1;color:#555;margin:16px 0 0;font-size:.92rem;position:relative}.pdf-palace{background:#eee9df;border:2px solid #000;flex-direction:column;min-height:250px;padding:8px;display:flex;overflow:hidden}.palace-head,.palace-sub,.palace-foot{justify-content:space-between;gap:8px;font-size:1rem;font-weight:800;display:flex}.palace-head strong{text-align:center;text-transform:uppercase}.palace-sub{margin-top:4px;font-size:.96rem}.badges{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.badge{color:#008c34;background:0 0;border:1px solid #111;border-radius:999px;padding:2px 7px;font-size:.82rem;font-weight:700}.star-list{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px 10px;margin:4px 0 10px;font-size:clamp(.72rem,1.05vw,.95rem);display:grid}.star,.muted-star{font-weight:700;line-height:1.15}.star-main{font-size:1.02em;font-weight:900}.star-bad{color:#e60000}.star-good{font-weight:800}.star-annual{text-decoration:underline}.muted-star{color:#909090}.palace-foot{align-items:end;margin-top:auto;font-size:.88rem;font-weight:700}.legend{border-top:2px solid #000;flex-wrap:wrap;align-items:center;gap:18px;padding:10px 14px;font-size:1rem;font-weight:800;display:flex}.el-kim{color:#888}.el-moc{color:#008c34}.el-thuy{color:#000}.el-hoa{color:#e60000}.el-tho{color:#f29a00}.bazi-card h2{color:var(--accent-dark);margin:0 0 16px}.bazi-sheet{color:#111;font-family:var(--font-sans);background:#ebe7df;border:2px solid #111;margin:0 auto 20px;box-shadow:0 18px 60px #28190c29}.bazi-header{border-bottom:2px solid #111;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:26px;display:grid}.bazi-header h2{font-family:var(--font-serif);margin:8px 0;font-size:clamp(2rem,5vw,3.2rem)}.bazi-summary{gap:6px;font-size:1rem;display:grid}.bazi-summary p{grid-template-columns:120px 12px 1fr;gap:6px;margin:0;display:grid}.bazi-table,.cycle-table{border-collapse:collapse;table-layout:fixed;width:100%}.bazi-table th,.bazi-table td,.cycle-table th,.cycle-table td{text-align:center;vertical-align:middle;border:2px solid #111;padding:10px 8px}.bazi-table th:first-child,.cycle-table th{color:#008c20;text-transform:uppercase;background:#fbf3c7;width:110px}.bazi-table thead th{color:#173b66;background:#ebe7df;font-size:1.35rem}.bazi-table td{font-size:1rem;font-weight:700}.bazi-table tbody tr:nth-child(8) td,.bazi-table tbody tr:nth-child(9) td{background:#f8e8bd}.bazi-table.compact td{font-weight:700}.cycle-table{margin-top:-2px}.cycle-table td{font-weight:800}.pillar-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.pillar-grid article{border:1px solid var(--line);text-align:center;background:#fff8ea;border-radius:18px;gap:6px;padding:16px;display:grid}.pillar-grid span{color:var(--muted);font-weight:800}.pillar-grid strong{color:var(--accent-dark);font-size:1.35rem}.pillar-grid small{color:#4f463e}.element-bars{gap:8px;margin-top:16px;display:grid}.element-bars>div{grid-template-columns:56px 1fr 42px;align-items:center;gap:10px;display:grid}.element-bars div div{background:#eadcc8;border-radius:999px;height:12px;overflow:hidden}.element-bars i{border-radius:inherit;background:linear-gradient(90deg,#9d3f22,#f29a00);height:100%;display:block}.couple-form{gap:18px;display:grid}.couple-form fieldset{border:1px solid var(--line);border-radius:18px;padding:16px}.couple-form legend{color:var(--accent-dark);padding:0 8px;font-weight:900}.person-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.couple-result{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.relationship-summary{background:#9d3f2214;border-radius:16px;margin-top:18px;padding:16px}.couple-palace{gap:4px}.couple-palace-row{border-top:1px dashed #b9ab97;flex-direction:column;flex:1;padding-top:4px;display:flex}.couple-palace-row.couple-a{border-top:0}.couple-palace-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:.95rem;display:flex}.couple-palace-name strong{text-transform:uppercase}.couple-a .couple-palace-name:before{content:"①";color:var(--couple-a);font-weight:900}.couple-b .couple-palace-name:before{content:"②";color:var(--couple-b);font-weight:900}.couple-a-name{color:var(--couple-a)}.couple-b-name{color:var(--couple-b)}.couple-center .couple-center-people{z-index:1;grid-template-columns:1fr 1fr;gap:24px;display:grid;position:relative}.couple-center-person{background:#ffffff8c;border-radius:14px;padding:14px}.couple-center-person.couple-a{border:2px solid var(--couple-a)}.couple-center-person.couple-b{border:2px solid var(--couple-b)}.couple-center-person h3{text-align:center;font-family:var(--font-serif);margin:0 0 10px;font-size:1.4rem}.couple-center-person.couple-a h3{color:var(--couple-a)}.couple-center-person.couple-b h3{color:var(--couple-b)}.couple-center-person .info-row{grid-template-columns:92px 1fr;gap:8px;font-size:.92rem}.couple-bazi-table .couple-a-head{color:#fff;background:var(--couple-a);border-color:var(--couple-a)}.couple-bazi-table .couple-b-head{color:#fff;background:var(--couple-b);border-color:var(--couple-b)}.couple-bazi-table td.couple-a-col{background:#9d3f220f}.couple-bazi-table td.couple-b-col{background:#17694d0f}.couple-bazi-table th.couple-a-col{color:var(--couple-a)}.couple-bazi-table th.couple-b-col{color:var(--couple-b)}.couple-bazi-elements{border-top:2px solid #111;grid-template-columns:1fr 1fr;gap:28px;padding:20px 26px 26px;display:grid}.couple-bazi-elements h3{font-family:var(--font-serif);margin:0 0 12px;font-size:1.25rem}@media (width<=900px){.form,.pillar-grid,.person-grid,.couple-result{grid-template-columns:repeat(2,minmax(0,1fr))}.bazi-header{grid-template-columns:1fr}.bazi-sheet{overflow-x:auto}.bazi-table,.cycle-table{min-width:920px}}@media (width<=560px){.page{width:min(100% - 16px,1180px);padding:14px 0 32px}.panel{border-radius:16px;margin-bottom:14px;padding:16px}.intro h1{font-size:clamp(2rem,12vw,3.2rem)}.intro p{font-size:.98rem}.form,.tabs,.pillar-grid,.person-grid,.couple-result,.couple-bazi-elements{grid-template-columns:1fr}.bazi-header{padding:16px}.bazi-summary p{grid-template-columns:92px 8px 1fr;font-size:.9rem}.result{width:100%;padding-bottom:8px;overflow:visible}.pdf-sheet{border-width:1px;width:100%;max-width:none}.tuvi-grid{grid-template-rows:repeat(4,minmax(84px,1fr));grid-template-columns:repeat(4,1fr);display:grid}.center-card{min-height:168px;padding:8px 10px}.center-card:before,.center-card:after{display:none}.brand{margin-bottom:3px;font-size:.52rem}.center-card h2{margin-bottom:5px;font-size:.88rem}.center-note{display:none}.pdf-palace{border-width:1px;min-height:84px;padding:3px}.palace-head,.palace-sub,.palace-foot{gap:2px;font-size:.42rem}.palace-sub{margin-top:1px}.badges{gap:2px;margin:2px 0}.badge{padding:1px 3px;font-size:.38rem}.star-list{grid-template-columns:1fr 1fr;gap:1px 3px;margin:2px 0 3px;font-size:.4rem}.palace-foot{font-size:.36rem}.info-row{grid-template-columns:42px 1fr;gap:4px;margin:1px 0;font-size:.42rem}.legend{gap:6px;padding:4px 6px;font-size:.46rem}.chart-actions button{padding:10px 12px;font-size:.95rem}.ai-panel{margin-top:0}}@media print{@page{size:A4 landscape;margin:8mm}body{background:#fff}.no-print{display:none!important}.page{width:100%;padding:0}.pdf-sheet{width:100%;box-shadow:none;break-inside:avoid}.tuvi-grid{grid-template-rows:repeat(4,23vh)}.pdf-palace,.center-card{break-inside:avoid}}