:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Noto Sans,sans-serif;color:#111;background:#fff}*{box-sizing:border-box}body{margin:0}.page{padding:16px;max-width:520px;margin:0 auto}.h1{font-size:18px;font-weight:600;margin:8px 0 12px}.cards{display:flex;flex-direction:column;gap:10px}.card{border:1px solid #e6e6e6;border-radius:10px;padding:12px;background:#fff}.cardTitle{font-size:16px;font-weight:600;margin-bottom:4px}.cardRow{font-size:13px;color:#444;margin-top:2px}.cardStrong{font-size:15px;font-weight:600;margin-top:6px}.muted{color:#777;font-size:12px;margin-top:6px}.btnRow{display:flex;gap:10px}.btn{width:100%;border:1px solid #dcdcdc;background:#fff;border-radius:10px;padding:12px 10px;font-size:14px}.btn:active{background:#f6f6f6}.fab{position:fixed;right:16px;bottom:16px;border-radius:999px;border:1px solid #dcdcdc;background:#fff;padding:12px 14px;font-size:14px}.sheetOverlay{position:fixed;inset:0;background:#0000002e}.sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(520px,100%);background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid #e6e6e6;border-bottom:0;max-height:90vh;overflow:auto}.sheetHeader{padding:12px 16px 8px;border-bottom:1px solid #efefef}.sheetTitle{font-weight:600;font-size:15px;margin-bottom:6px}.sheetMeta{display:flex;gap:12px;font-size:12px;color:#666;align-items:baseline}.sheetMetaStrong{font-size:16px;font-weight:700;color:#111}.sheetBody{padding:12px 16px 16px}.hr{border-top:1px solid #efefef;margin:12px 0}.tabs{display:flex;gap:10px;font-size:13px;margin-top:10px}.tab{padding:6px 10px;border:1px solid #e6e6e6;border-radius:999px;background:#fff}.tabActive{border-color:#cfcfcf;background:#f8f8f8;font-weight:600}.list{display:flex;flex-direction:column;gap:10px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.label{font-size:12px;color:#666;min-width:140px}.value{font-size:14px;font-weight:600;color:#111;text-align:right}.input{width:140px;border:1px solid #e6e6e6;border-radius:10px;padding:10px;font-size:14px;text-align:right}.select{width:180px;border:1px solid #e6e6e6;border-radius:10px;padding:10px;font-size:14px}.navRow{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#444;padding:8px 0 0}.navBtn{border:1px solid #e6e6e6;border-radius:10px;padding:8px 10px;background:#fff;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{height:100vh;display:flex;flex-direction:column}.detailHeader{position:sticky;top:0;background:#fff;z-index:10;padding:12px;border-bottom:1px solid #eee}.detailBody{flex:1;overflow:auto;padding:12px}.phaseNav{display:flex;gap:8px;align-items:center}.phaseNavBtn{width:40%}.phaseNav{display:flex;gap:10px;margin-top:10px}.phaseNavBtn{flex:1;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:13px;font-weight:500;transition:background .15s ease,transform .05s ease;padding:8px 10px;font-size:12px}.phaseNavBtn:hover:not(:disabled){background:#f3f4f6}.phaseNavBtn:active:not(:disabled){transform:scale(.98)}.phaseNavBtn:disabled{opacity:.35;cursor:default}.btnPrimary{background:#111827;color:#fff;border:none;margin-top:16px;margin-bottom:8px}.btnPrimary:hover{background:#1f2937}