*{box-sizing:border-box}body{margin:0;background:#eef2f6;font-family:Inter,Arial,sans-serif;color:#17212b}.app{max-width:600px;margin:auto;min-height:100vh;background:#f6f8fb}.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);padding:15px 17px;border-bottom:1px solid #e7ebef;display:flex;align-items:center;justify-content:space-between}.top h1{font-size:18px;margin:0;font-weight:800}.top a{text-decoration:none;color:#17212b;font-size:22px}.content{padding:16px 14px 96px}.hero{background:#111827;color:#fff;border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:0 10px 25px rgba(17,24,39,.15)}.hero small{opacity:.7}.hero h2{margin:6px 0 2px;font-size:25px}.hero p{margin:5px 0 0;font-size:12px;opacity:.75}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card,.form,.dc{background:#fff;border:1px solid #e5e9ee;border-radius:16px;padding:15px;margin-bottom:12px;box-shadow:0 3px 12px rgba(15,23,42,.045)}.label{font-size:11px;color:#687583}.value{font-size:20px;font-weight:800;margin-top:5px}.section-title{font-size:15px;font-weight:800;margin:18px 2px 10px}.menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu a{background:#fff;border:1px solid #e3e8ed;border-radius:14px;padding:14px;text-decoration:none;color:#18222d;font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.03)}.menu a:active,.btn:active{transform:scale(.98)}.form label{display:block;font-size:12px;color:#596675;margin:10px 0 5px}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #d7dde3;border-radius:11px;font-size:14px;background:#fff;outline:none}.form input:focus,.form select:focus{border-color:#111827}.btn{width:100%;border:0;border-radius:12px;background:#111827;color:#fff;padding:13px;font-size:14px;font-weight:800;cursor:pointer}.btn.secondary{background:#fff;color:#111827;border:1px solid #d9dfe5}.notice{padding:12px 13px;border-radius:12px;background:#fff6da;border:1px solid #ead58e;font-size:12px;line-height:1.55;margin-bottom:12px}.ok{background:#ebf8ef;border-color:#b8dfc3}.err{background:#fff0f0;border-color:#e7baba}.dc-title{font-size:16px;font-weight:800}.meta{font-size:12px;color:#64717d;line-height:1.7;margin-top:4px}.summary{display:flex;gap:7px;overflow:auto;margin-top:10px}.pill{background:#f0f3f6;border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap}.kata-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.kata{border:1px solid #e0e5ea;border-radius:12px;padding:10px;background:#fff}.kata-top{display:flex;justify-content:space-between;gap:5px}.kata-no{font-weight:800}.wt{font-size:11px;color:#596675;margin-top:4px}.side{display:flex;gap:5px;margin-top:8px}.side label{margin:0;flex:1}.side input{display:none}.side span{display:block;text-align:center;padding:8px 2px;border:1px solid #d5dbe0;border-radius:8px;font-size:10px;font-weight:700}.side input:checked+span{background:#111827;color:#fff;border-color:#111827}.check{display:flex;gap:8px;align-items:center;padding:10px;background:#f7f9fb;border-radius:10px;margin-top:8px;font-size:12px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(600px,100%);background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid #e3e8ed;display:flex;justify-content:space-around;padding:8px 4px;z-index:30}.bottom a{font-size:10px;text-decoration:none;color:#65717d;text-align:center;min-width:65px}.bottom b{display:block;font-size:18px;margin-bottom:2px}.bottom a.active{color:#111827;font-weight:800}.sale-kata{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f2}.sale-kata input{width:19px;height:19px}.sale-kata .info{flex:1}.sale-kata .info b{font-size:13px}.sale-kata .info small{display:block;color:#66727e;margin-top:3px}.totalbar{position:sticky;bottom:76px;background:#111827;color:#fff;border-radius:14px;padding:13px;margin:12px 0;font-size:13px;display:flex;justify-content:space-between}.empty{text-align:center;padding:35px 15px;color:#687583;font-size:13px}