*{box-sizing:border-box;margin:0}:root{color-scheme:light}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#e9e9e9;color:#1a1a1a;line-height:1.45}#root{display:flex;justify-content:center}.phone{width:100%;max-width:430px;min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #ccc;background:#efefef;font-size:13px}.topbar .brand{font-weight:600;letter-spacing:.02em}.topbar button{background:none;border:1px solid #999;border-radius:4px;padding:3px 8px;font-size:12px;cursor:pointer;margin-left:6px}main{flex:1;padding:16px 14px 90px}h1{font-size:20px;margin-bottom:6px}h2{font-size:16px;margin:14px 0 6px}.small{font-size:13px;color:#444}.card{background:#fff;border:1px solid #ccc;border-radius:8px;padding:14px;margin:10px 0}.card.safety{border-left:4px solid #666;background:#f2f2f2}.receipt-headline{font-size:17px;font-weight:600}.receipt-reason{margin-top:4px}.receipt-depth{margin-top:8px;font-size:13px;color:#333;border-top:1px dashed #bbb;padding-top:8px}.receipt-next{margin-top:8px;font-weight:500}.receipt-prov{margin-top:6px;font-size:12px;color:#666;font-style:italic}button.primary{display:block;width:100%;padding:14px;font-size:16px;font-weight:600;background:#2b2b2b;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:12px}button.primary:disabled{background:#999;cursor:default}button.secondary{display:block;width:100%;padding:11px;font-size:14px;background:#fff;color:#1a1a1a;border:1px solid #888;border-radius:8px;cursor:pointer;margin-top:10px}button.tertiary{background:none;border:none;color:#555;text-decoration:underline;font-size:13px;cursor:pointer;padding:6px 0}.choice-row{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.choice-row button{flex:1;min-width:56px;padding:12px 6px;font-size:15px;border:1px solid #888;border-radius:8px;background:#fff;cursor:pointer}.choice-row button.selected{background:#2b2b2b;color:#fff;border-color:#2b2b2b}.choice-col{display:flex;flex-direction:column;gap:8px;margin:10px 0}.choice-col button{padding:12px;font-size:15px;text-align:left;border:1px solid #888;border-radius:8px;background:#fff;cursor:pointer}.choice-col button.selected{background:#2b2b2b;color:#fff;border-color:#2b2b2b}label.field{display:block;margin:10px 0 4px;font-size:14px;font-weight:500}input[type=number],input[type=date],select{width:100%;padding:10px;font-size:15px;border:1px solid #888;border-radius:8px;background:#fff}.dots{text-align:center;font-size:22px;letter-spacing:6px;color:#999;margin-bottom:8px}.dots .on{color:#2b2b2b}.why{font-size:13px;color:#555;font-style:italic;margin-top:6px}.video-ph{aspect-ratio:16 / 9;background:#d4d4d4;border:1px dashed #999;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#555;font-size:13px;margin:10px 0}.setrow{display:flex;align-items:center;gap:8px;margin:8px 0}.setrow .num{width:26px;font-weight:600}.setrow input,.setrow select{width:74px;padding:8px 6px}.setrow .done{color:#2b2b2b;font-weight:600}.weekstrip{display:flex;gap:6px;margin:8px 0;font-size:12px}.weekstrip span{background:#eee;border:1px solid #ccc;border-radius:4px;padding:4px 7px}.quiet-banner{background:#ececec;border:1px solid #bbb;border-radius:6px;padding:9px 12px;font-size:13px;margin:10px 0}table.oplog{width:100%;border-collapse:collapse;font-size:12px}table.oplog th,table.oplog td{border:1px solid #ccc;padding:4px 6px;text-align:left;vertical-align:top}table.oplog th{background:#eee}.tag{display:inline-block;font-size:11px;border:1px solid #999;border-radius:4px;padding:1px 6px;margin-right:6px;color:#444}.footer-note{font-size:11px;color:#777;padding:10px 14px;border-top:1px solid #ddd}.loadbox{margin:8px 0;padding:8px;border:1px solid #ddd;border-radius:6px;background:#fafafa}.loadbox .loadvalue{font-size:20px;font-weight:600;padding:8px 14px;background:#fff}.loadbox .setrow input{width:110px}