#view{position:absolute;left:0;right:0;top:0;bottom:44%}
#pad{position:absolute;left:0;right:0;bottom:0;height:44%;overflow:auto;background:#FFF8EC;color:#27194A;border-top:3px solid #5426B2;padding:4px 8px 10px;-webkit-overflow-scrolling:touch}
#pad table{width:100%;border-collapse:collapse;font-size:13px}
#pad th{font-size:12px;font-weight:800;color:#5B4F80;padding:5px 2px;text-align:center;position:sticky;top:0;background:#FFF8EC;z-index:1;border-bottom:1.5px solid rgba(84,38,178,.25)}
#pad th:first-child{text-align:left}
#pad th.cur{color:#fff;background:#5426B2;border-radius:8px 8px 0 0}
#pad td{padding:0 2px;height:30px;text-align:center;border-bottom:1px solid rgba(84,38,178,.12);font-weight:700;font-family:"Plus Jakarta Sans",sans-serif}
#pad td.lab{text-align:left;font-weight:700;color:#3a2f5c;white-space:nowrap}
#pad td.lab small,#pad td small{font-size:10px;color:#8a7fb0;font-weight:600}
#pad td.f{color:#27194A;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:15px}
#pad td.new{background:rgba(88,233,191,.35)}
#pad tr.sub td{background:rgba(84,38,178,.05)}
#pad tr.tot td{font-weight:800;font-size:15px;border-top:2px solid #5426B2;height:34px}
.pc{width:100%;min-height:28px;border:1.5px dashed #FF4A98;background:rgba(255,74,152,.08);color:#d6286f;border-radius:8px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}
.pc:hover,.pc:focus-visible{background:#FF4A98;color:#fff}
@media (min-aspect-ratio:1/1){#view{right:min(380px,38%);bottom:0}#pad{left:auto;top:0;height:auto;width:min(380px,38%);border-top:0;border-left:3px solid #5426B2}#pad td{height:34px}}