*{box-sizing:border-box}body{margin:0;font-family:system-ui,Thonburi,Sarabun,sans-serif;background:#f5f3ff;color:#33315e;line-height:1.6;font-size:17px}.wrap{max-width:560px;margin:0 auto;padding:12px 12px 60px}.crumb{position:sticky;top:0;z-index:5;background:#7c6fd0;color:#fff;border-radius:0 0 14px 14px;padding:10px 14px;font-size:15px}.crumb b{font-size:17px}.crumb button{background:#fff3;border:0;color:#fff;border-radius:8px;padding:6px 10px;font-size:15px;cursor:pointer;white-space:nowrap}.crumb .crow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.phase{display:flex;gap:5px;margin:10px 2px 2px}.phase span{flex:1;height:8px;border-radius:4px;background:#ffffff59}.phase span.done{background:#fff}.phase-label{font-size:13px;opacity:.95;margin-top:2px}.screen{background:#fff;border-radius:14px;padding:14px;margin:14px 0;border:1px solid #D9D3F2}.screen h2{margin:0 0 4px;font-size:20px}.hint{color:#666;font-size:13px;margin:0 0 10px}.card{border:2px solid #ddd;border-radius:12px;padding:10px;margin:8px 0}.card.pick{border-color:#7c6fd0;background:#ece8fb}.card.tap{cursor:pointer}table{width:100%;border-collapse:collapse;font-size:15px}th,td{border-bottom:1px solid #eee;padding:8px 6px;text-align:left;vertical-align:top}th{color:#666;font-size:13px}.big{font-size:30px;font-weight:800;color:#d9963b;text-align:center;margin:6px 0}.btn{display:block;width:100%;font-size:18px;line-height:1.4;min-height:55px;padding:13px;border-radius:12px;border:2px solid #7C6FD0;background:#7c6fd0;color:#fff;margin:8px 0;cursor:pointer}.btn2{background:#fff;color:#7c6fd0}.btnDanger{background:#fff;color:#b00;border-color:#b00}.btn-row{display:flex;gap:6px;margin:8px 0;justify-content:flex-end;flex-wrap:wrap}.btn-row .btn{width:auto;margin:0;flex:none;font-size:16px;padding:10px 18px;min-height:0}.btn-sm{font-size:14px!important;line-height:1.4!important;padding:8px 6px!important;margin:4px 0!important;min-height:40px!important}label{display:block;margin-top:10px;font-size:15px;color:#444}input,select,textarea{width:100%;font-size:17px;padding:11px;border-radius:10px;border:1px solid #ccc;margin:4px 0;background:#fff;color:#33315e;font-family:inherit}textarea{min-height:90px;resize:vertical}.biginput{font-size:24px!important;padding:14px!important;text-align:center}.tag{display:inline-block;font-size:12px;background:#eee;border-radius:20px;padding:2px 10px;margin:2px 4px 2px 0}details.addform{margin-top:8px}details.addform>summary{list-style:none;cursor:pointer;background:#fff;color:#7c6fd0;border:2px solid #7C6FD0;border-radius:12px;padding:9px;font-size:15px;text-align:center}details.addform>summary::-webkit-details-marker{display:none}details.more{margin-top:4px}details.more>summary{list-style:none;cursor:pointer;text-align:right;background:none;border:0;color:#98a2ad;font-size:14px;padding:6px 2px;font-family:inherit}details.more>summary::-webkit-details-marker{display:none}details.donebox{margin-top:12px}details.donebox>summary{list-style:none;cursor:pointer;background:#f4efe4;color:#7a6a53;border:2px dashed #c9b892;border-radius:12px;padding:10px;font-size:15px;text-align:center;font-family:inherit}details.donebox>summary::-webkit-details-marker{display:none}details.more>summary .when-open{display:none}details.more[open]>summary .when-open{display:inline}details.more[open]>summary .when-closed{display:none}.dlines{margin:6px 0 2px;padding:8px 10px;background:#f8f6f0;border-radius:10px;font-size:14px}.dlines div{padding:1px 0}.dlines .topcat{background:#fff;border:1.5px solid #7C6FD0;border-radius:8px;padding:2px 8px;font-weight:700}.diff{margin-top:4px}.diff.cheapest{color:#0a7a2f;font-weight:700}.dayhead{font-weight:700;font-size:14px;margin:8px 0 2px;color:#7c6fd0}details.fincat>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:8px}details.fincat>summary::-webkit-details-marker{display:none}details.fincat[open]>summary .small{color:#7c6fd0}.row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:15px}.row .grow{flex:1;min-width:0}.xbtn{background:#fff;color:#b00;border:1px solid #b00;border-radius:8px;padding:2px 10px;font-size:13px;cursor:pointer;white-space:nowrap}tr[data-go]{cursor:pointer}tr[data-go]:hover td{background:#ece8fb}th,td{padding:10px 6px}.goleaf{background:none;border:0;padding:2px 0;color:#7c6fd0;font-size:17px;font-weight:800;cursor:pointer;text-align:left;font-family:inherit}@media (max-width:480px){table{font-size:14px}}@media (min-width:800px){.wrap{max-width:560px}}.small{font-size:13px;color:#666}.over{color:#b00;font-weight:700}.left{color:#0a7a2f;font-weight:700}.even{color:#666;font-weight:700}.mov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#3c281473;display:flex;align-items:center;justify-content:center;padding:20px}.mbox{background:#fffdf6;border:3px solid #7C6FD0;border-radius:22px;padding:20px 16px;max-width:360px;width:100%;text-align:center;animation:mpop .18s ease-out}@keyframes mpop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.mmood{font-size:44px;line-height:1;animation:mbounce 1s ease-in-out infinite}@keyframes mbounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mtitle{font-size:20px;font-weight:800;margin:8px 0 2px}.mhint{font-size:14px;color:#666;margin:0 0 6px}.mrow{display:flex;gap:8px;margin-top:10px}.mrow .btn{flex:1;margin:0}.mrow .m-cancel{flex:1}.mrow .m-ok{flex:1.2}hr{border:0;border-top:1px solid #eee;margin:10px 0}.frow{display:flex;gap:8px}.frow>div{flex:1;min-width:0}