:root{--ink:#140b09;--panel:#24110d;--line:#7d4b24;--gold:#e8bd69;--cream:#f4ead6;--muted:#bda98d;--fire:#ed6244;--earth:#eac45d;--air:#78bee6;--water:#54c9c2}*{box-sizing:border-box}body{margin:0;color:var(--cream);font-family:'Noto Sans Khmer','Leelawadee UI',sans-serif;background:radial-gradient(circle at 20% 0,#402116 0,transparent 34%),linear-gradient(135deg,#100707,#26110c 55%,#120807);min-height:100vh}header{max-width:1600px;margin:auto;padding:38px 42px 24px;display:flex;justify-content:space-between;border-bottom:1px solid #57331d;background:linear-gradient(90deg,#190a08aa,#3d1d10aa)}h1,h2,p{margin:0}.eyebrow{color:#dda54d;font:600 11px/1.2 system-ui;letter-spacing:.24em}h1{font-size:31px;color:#f0ca76;margin-top:7px}header p:last-child{color:var(--muted);margin-top:4px}.header-mark{font-size:50px;color:#eac267;text-shadow:0 0 25px #d28132}main{max-width:1600px;margin:auto;padding:28px 42px 60px;display:grid;grid-template-columns:285px 1fr;gap:24px}.form-card,.identity,.table-card{background:linear-gradient(145deg,#2d160f,#1d0e0b);border:1px solid #79502c;box-shadow:0 20px 40px #0005}.form-card{padding:22px;height:max-content;border-radius:16px}.form-card h2,.table-card h2{color:#f1c977;font-size:18px}.form-card>p{font-size:12px;color:var(--muted);margin:3px 0 16px}form{display:grid;gap:11px}label{display:grid;gap:4px;font-size:12px;color:#d8c2a3}input{min-width:0;border:1px solid #744725;border-radius:8px;background:#f9f2e5;padding:9px 10px;color:#26120e;font:500 14px 'Noto Sans Khmer',sans-serif}.grid2,.grid3{display:grid;gap:9px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}button{margin-top:7px;border:0;border-radius:9px;padding:12px;background:linear-gradient(90deg,#c98d37,#f2ce79);color:#25100b;font:700 14px 'Noto Sans Khmer',sans-serif;cursor:pointer}button span{float:right;font-size:20px;line-height:13px}.content{min-width:0;display:grid;gap:18px}.identity{border-radius:14px;padding:16px 20px;font-size:15px;line-height:1.8}.calendar-card{display:grid;grid-template-columns:32% 68%;border:1px solid #8d9e82;color:#271b11}.calendar-title{padding:8px 12px;background:#c6d2bd;color:#ae1515;font-size:13px;font-weight:700}.calendar-title.dark{color:#213126}.calendar-rows{grid-column:1/-1;display:grid}.calendar-row{display:grid;grid-template-columns:12% 20% 18% 50%;background:#e2e3dd;border-top:1px solid #a5af9c}.calendar-row span{padding:6px 10px;border-right:1px solid #b2b9ad}.calendar-row span:nth-child(1),.calendar-row span:nth-child(3){background:#c6d2bd}.calendar-row span:nth-child(2),.calendar-row span:nth-child(4){color:#c21e1e}.element-key{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#dfcdb1}.element-key span{font-weight:700}.element-key i{font-style:normal;color:#bda98d}.fire{color:var(--fire)}.earth{color:var(--earth)}.air{color:var(--air)}.water{color:var(--water)}.wheels{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:16px}.wheels article{padding:14px 6px 8px;text-align:center;border:1px solid #835026;background:linear-gradient(180deg,#2d160f,#170908);border-radius:14px;overflow:hidden}.wheels h2{font-size:16px;color:#f0ca76}.wheels canvas{max-width:100%;height:auto}.table-card{border-radius:14px;padding:18px;overflow:auto}.table-card h2{margin-bottom:12px}table{width:100%;border-collapse:collapse;min-width:720px;color:#2d170f;background:#faf5ea;font-size:13px}th{background:#c8d4c0;color:#271b11;font-weight:700}td,th{padding:8px;border:1px solid #d3cbbf;text-align:center}tr:nth-child(even){background:#eee6d8}@media(max-width:1100px){main{grid-template-columns:1fr}.form-card{display:block}.wheels{grid-template-columns:1fr 1fr}}@media(max-width:700px){header,main{padding-left:18px;padding-right:18px}h1{font-size:23px}.calendar-card{grid-template-columns:1fr}.calendar-title.dark{display:none}.calendar-row{grid-template-columns:19% 22% 1fr}.calendar-row span:nth-child(3){display:none}.wheels{grid-template-columns:1fr}.wheels canvas{width:360px}.element-key{line-height:1.7}}